diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..63a5a1d00f24b3598571cf878c574caf9f651ef1
Binary files /dev/null and b/.DS_Store differ
diff --git a/app/Http/Controllers/PagesController.php b/app/Http/Controllers/PagesController.php
index 80fe96e3963b5c75fcfedd9535fdfda133cd3718..55be6cee6b2e42b8c1a6ada87e2b76aeb5a51954 100644
--- a/app/Http/Controllers/PagesController.php
+++ b/app/Http/Controllers/PagesController.php
@@ -53,7 +53,7 @@ class PagesController extends APIBaseController
         }
         $last_edited = Pegawai::where('id_user', $id)->first()->updated_at;
 
-        return view("profile.index", compact('last_edited', 'nama_pengubah','data_kinerja', 'unit_kerja', 'posisi', 'kelompok_kompetensi', 'rekomendasi_training', 'training_list', 'rekomendasi_posisi'));
+        return view("profile.index", compact('id', 'last_edited', 'nama_pengubah', 'data_kinerja', 'unit_kerja', 'posisi', 'kelompok_kompetensi', 'rekomendasi_training', 'training_list', 'rekomendasi_posisi'));
     }
 
     public function pegawaiSpecific($id){
@@ -79,8 +79,6 @@ class PagesController extends APIBaseController
         }
         $last_edited = Pegawai::where('id_user', $id)->first()->updated_at;
 
-        
-
         return view("profile.pmo", compact('id_pmo','id', 'last_edited', 'nama_pengubah','data_kinerja', 'unit_kerja', 'posisi', 'kelompok_kompetensi', 'rekomendasi_training', 'training_list', 'rekomendasi_posisi'));
     }
 
diff --git a/app/Http/Controllers/User/UserAPIController.php b/app/Http/Controllers/User/UserAPIController.php
index 9421b407b9997317601dc02d09ea00d1d0e89084..b7a809d4427c4fb26ecd30279f791a035e8a6498 100644
--- a/app/Http/Controllers/User/UserAPIController.php
+++ b/app/Http/Controllers/User/UserAPIController.php
@@ -27,10 +27,12 @@ class UserAPIController extends APIBaseController
     public function index()
     {
         $data = DB::table('users')
-            ->join('denormalized_pegawai', 'users.id', '=',
+            ->join('denormalized_pegawai', 'users.id', '=', 
             'denormalized_pegawai.id_user')
+            ->select('users.name', 'denormalized_pegawai.nip', 'users.email', 
+            'denormalized_pegawai.pendidikan_terakhir')
             ->get();
-        // $posts = User::all();
+
         return $this->sendResponse($data->toArray(), 'User retrieved successfully.');
     }
 
diff --git a/public/css/app.css b/public/css/app.css
index 615814b582fac4f31baf03276444561c598e01de..5ddb4d5d767885529a4781f5f1b34d34528975e4 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -5098,10 +5098,8 @@ input[type="button"].btn-block {
 .card-header {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
-  background-color: rgba(40, 185, 254, 0.8);
-  border-bottom: 1px solid rgba(40, 185, 254, 0.125);
-  font-size: 2.5vh;
-  color: #fff;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
 }
 
 .card-header:first-child {
@@ -5114,8 +5112,8 @@ input[type="button"].btn-block {
 
 .card-footer {
   padding: 0.75rem 1.25rem;
-  background-color: rgba(40, 185, 254, 0.8);
-  border-top: 1px solid rgba(40, 185, 254, 0.125);
+  background-color: rgba(0, 0, 0, 0.03);
+  border-top: 1px solid rgba(0, 0, 0, 0.125);
 }
 
 .card-footer:last-child {
diff --git a/public/js/app.js b/public/js/app.js
index 43241c5b00256864aef447cd03418f034a5f0dc1..b6423027ec4176923e7af8ad79830cb0475c3112 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -67956,7 +67956,7 @@ var render = function() {
                       },
                       [
                         _vm._v(
-                          "\n                            Unduh Data\n                        "
+                          "\n                            Download Data\n                        "
                         )
                       ]
                     )
@@ -67975,7 +67975,7 @@ var render = function() {
                       },
                       [
                         _vm._v(
-                          "\n                            Unggah Data\n                        "
+                          "\n                            Upload Data\n                        "
                         )
                       ]
                     )
@@ -68253,7 +68253,7 @@ var render = function() {
                     staticClass: "modal-title",
                     attrs: { id: "uploadModalLabel" }
                   },
-                  [_vm._v("Unggah " + _vm._s(_vm.title))]
+                  [_vm._v("Upload " + _vm._s(_vm.title))]
                 ),
                 _vm._v(" "),
                 _vm._m(1)
@@ -68263,7 +68263,7 @@ var render = function() {
                 _c("div", { staticClass: "container" }, [
                   _c("p", [
                     _vm._v(
-                      "\n                            Unduh format excel di bawah ini terlebih dahulu.\n                        "
+                      "\n                            Download format excel di bawah ini terlebih dahulu.\n                        "
                     )
                   ]),
                   _vm._v(" "),
@@ -68276,7 +68276,7 @@ var render = function() {
                     },
                     [
                       _vm._v(
-                        "\n                            Unduh Format Excel\n                        "
+                        "\n                            Download Format Excel\n                        "
                       )
                     ]
                   )
@@ -68322,7 +68322,7 @@ var render = function() {
                     attrs: { type: "button" },
                     on: { click: _vm.uploadFile }
                   },
-                  [_vm._v("Unggah")]
+                  [_vm._v("Upload")]
                 )
               ])
             ])
@@ -68374,7 +68374,7 @@ var staticRenderFns = [
     return _c("form", [
       _c("div", { staticClass: "form-group container" }, [
         _c("label", { attrs: { for: "upload-file" } }, [
-          _vm._v("Unggah data menggunakan file excel: ")
+          _vm._v("Upload data menggunakan file excel: ")
         ]),
         _vm._v(" "),
         _c("input", {
diff --git a/public/js/profile.js b/public/js/profile.js
index 60e334fd5ca8e60feeb0bc0be0d9f4ca4354b7d5..c43fa9411afdc499d4f861dd7fcc7e2472bb8ab6 100644
--- a/public/js/profile.js
+++ b/public/js/profile.js
@@ -13832,10 +13832,8 @@ Vue.use(__WEBPACK_IMPORTED_MODULE_0_axios___default.a);
 new Vue({
     el: '#profile-page',
     components: {
-        'profil-pegawai': __webpack_require__(248),
-        'profil-pegawai-specific': __webpack_require__(253)
+        'profil-pegawai': __webpack_require__(248)
     }
-
 });
 
 /***/ }),
@@ -13927,7 +13925,7 @@ exports = module.exports = __webpack_require__(4)(false);
 
 
 // module
-exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", ""]);
+exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", ""]);
 
 // exports
 
@@ -14790,11 +14788,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
-//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
-    props: ['id', 'unit-kerja', 'posisi', 'kelompok-kompetensi', 'data-kinerja-temp', 'rekomendasi-training-temp', 'training-list', 'rekomendasi-posisi-temp'],
+    props: ['id_pmo', 'id', 'unit-kerja', 'posisi', 'kelompok-kompetensi', 'data-kinerja-temp', 'rekomendasi-training-temp', 'training-list', 'rekomendasi-posisi-temp'],
 
     data: function data() {
         var _ref;
@@ -14819,6 +14815,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
             riwayatPekerjaan: [],
             sertifikat: [],
 
+            isGeneral: false,
             isShowAllDataKinerja: false,
             disableEdit: false,
             isEditProfile: false,
@@ -14883,7 +14880,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
             _this.pegawai.tanggalLahir = responsePegawai["pegawai"]["tanggal_lahir"];
             _this.pegawai.email = responsePegawai["user"]["email"];
             _this.pegawai.nopeg = responsePegawai["pegawai"]["nip"];
-            _this.pegawai.imageProfileUrl = 'pimage/' + responsePegawai["pegawai"]["nip"] + '.' + responsePegawai["pegawai"]["ekstensi_foto"];
+            _this.pegawai.imageProfileUrl = 'http://localhost:8000/pages/pimage/' + responsePegawai["pegawai"]["nip"] + '.' + responsePegawai["pegawai"]["ekstensi_foto"];
             _this.pegawai.kompetensi.id = responsePegawai["pegawai"]["id_kelompok_kompetensi"];
             _this.updateProfilPegawai();
 
@@ -14901,6 +14898,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
             alert('Gagal mengambil data');
         });
 
+        this.isGeneral = this.id_pmo === "null" ? true : false;
+        console.log("ID-PMO: " + this.id_pmo + ": " + this.isGeneral);
+
         //caching others
         this.cachedDataKinerja = JSON.parse(JSON.stringify(this.dataKinerja));
 
@@ -15367,18 +15367,17 @@ var render = function() {
     _c("div", { staticClass: "card", attrs: { id: "profil-pegawai" } }, [
       _c("div", { staticClass: "card-header" }, [
         _vm._v("\n            Profil Pegawai\n            "),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-primary float-sm-right",
-            attrs: { disabled: _vm.disableEdit },
-            on: { click: _vm.editProfilPegawai }
-          },
-          [
-            _vm._v("\n                Sunting "),
-            _c("i", { staticClass: "fas fa-edit" })
-          ]
-        )
+        _vm.isGeneral
+          ? _c(
+              "button",
+              {
+                staticClass: "btn btn-primary float-sm-right",
+                attrs: { disabled: _vm.disableEdit },
+                on: { click: _vm.editProfilPegawai }
+              },
+              [_vm._v(" Edit "), _c("i", { staticClass: "fas fa-edit" })]
+            )
+          : _vm._e()
       ]),
       _vm._v(" "),
       _c("div", { staticClass: "card-body" }, [
@@ -15998,7 +15997,7 @@ var render = function() {
                           }),
                           _vm._v(" "),
                           _c("small", { staticClass: "form-text text-muted" }, [
-                            _vm._v("*Sunting pada data kepegawaian di bawah")
+                            _vm._v("*Edit pada data kepegawaian di bawah")
                           ])
                         ]
                       )
@@ -16046,18 +16045,20 @@ var render = function() {
     _c("div", { staticClass: "card", attrs: { id: "data-kepegawaian" } }, [
       _c("div", { staticClass: "card-header" }, [
         _vm._v("\n            Data Kepegawaian\n            "),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-primary float-sm-right",
-            attrs: { disabled: _vm.disableEdit },
-            on: { click: _vm.editDataKepegawaian }
-          },
-          [
-            _vm._v("\n                Sunting "),
-            _c("i", { staticClass: "fas fa-edit" })
-          ]
-        )
+        _vm.isGeneral
+          ? _c(
+              "button",
+              {
+                staticClass: "btn btn-primary float-sm-right",
+                attrs: { disabled: _vm.disableEdit },
+                on: { click: _vm.editDataKepegawaian }
+              },
+              [
+                _vm._v("\n                Edit "),
+                _c("i", { staticClass: "fas fa-edit" })
+              ]
+            )
+          : _vm._e()
       ]),
       _vm._v(" "),
       _c("div", { staticClass: "card-body" }, [
@@ -16428,18 +16429,20 @@ var render = function() {
     _c("div", { staticClass: "card", attrs: { id: "riwayat-pegawai" } }, [
       _c("div", { staticClass: "card-header" }, [
         _vm._v("\n            Riwayat Pendidikan dan Pekerjaan"),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-primary float-sm-right",
-            attrs: { disabled: _vm.disableEdit },
-            on: { click: _vm.editRiwayatPegawai }
-          },
-          [
-            _vm._v("\n                Sunting "),
-            _c("i", { staticClass: "fas fa-edit" })
-          ]
-        )
+        _vm.isGeneral
+          ? _c(
+              "button",
+              {
+                staticClass: "btn btn-primary float-sm-right",
+                attrs: { disabled: _vm.disableEdit },
+                on: { click: _vm.editRiwayatPegawai }
+              },
+              [
+                _vm._v("\n                Edit "),
+                _c("i", { staticClass: "fas fa-edit" })
+              ]
+            )
+          : _vm._e()
       ]),
       _vm._v(" "),
       _c("div", { staticClass: "card-body" }, [
@@ -17059,7 +17062,7 @@ var render = function() {
             on: { click: _vm.editSertifikat }
           },
           [
-            _vm._v("\n                Sunting "),
+            _vm._v("\n                Edit "),
             _c("i", { staticClass: "fas fa-edit" })
           ]
         )
@@ -17786,7 +17789,7 @@ var render = function() {
               on: { click: _vm.downloadKompetensi }
             },
             [
-              _vm._v("\n                Unduh "),
+              _vm._v("\n                Download "),
               _c("i", { staticClass: "fas fa-download" })
             ]
           )
@@ -18349,4540 +18352,6 @@ if (false) {
 
 /***/ }),
 
-/***/ 253:
-/***/ (function(module, exports, __webpack_require__) {
-
-var disposed = false
-function injectStyle (ssrContext) {
-  if (disposed) return
-  __webpack_require__(254)
-}
-var normalizeComponent = __webpack_require__(5)
-/* script */
-var __vue_script__ = __webpack_require__(256)
-/* template */
-var __vue_template__ = __webpack_require__(257)
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = injectStyle
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __vue_script__,
-  __vue_template__,
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
-)
-Component.options.__file = "resources/assets/js/components/ProfilPegawaiSpecific.vue"
-
-/* hot reload */
-if (false) {(function () {
-  var hotAPI = require("vue-hot-reload-api")
-  hotAPI.install(require("vue"), false)
-  if (!hotAPI.compatible) return
-  module.hot.accept()
-  if (!module.hot.data) {
-    hotAPI.createRecord("data-v-47f115bf", Component.options)
-  } else {
-    hotAPI.reload("data-v-47f115bf", Component.options)
-  }
-  module.hot.dispose(function (data) {
-    disposed = true
-  })
-})()}
-
-module.exports = Component.exports
-
-
-/***/ }),
-
-/***/ 254:
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(255);
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var update = __webpack_require__(9)("45cdb34d", content, false, {});
-// Hot Module Replacement
-if(false) {
- // When the styles change, update the <style> tags
- if(!content.locals) {
-   module.hot.accept("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-47f115bf\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./ProfilPegawaiSpecific.vue", function() {
-     var newContent = require("!!../../../../node_modules/css-loader/index.js!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-47f115bf\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./ProfilPegawaiSpecific.vue");
-     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
-     update(newContent);
-   });
- }
- // When the module is disposed, remove the <style> tags
- module.hot.dispose(function() { update(); });
-}
-
-/***/ }),
-
-/***/ 255:
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(4)(false);
-// imports
-
-
-// module
-exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", ""]);
-
-// exports
-
-
-/***/ }),
-
-/***/ 256:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-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: ['id-pmo', 'id', 'unit-kerja', 'posisi', 'kelompok-kompetensi', 'data-kinerja-temp', 'rekomendasi-training-temp', 'training-list', 'rekomendasi-posisi-temp'],
-
-    data: function data() {
-        var _ref;
-
-        return _ref = {
-
-            pegawai: {
-                imageProfileUrl: "",
-                nama: "",
-                tempatLahir: "",
-                tanggalLahir: "",
-                email: "",
-                nopeg: "",
-                unitKerja: "",
-                posisi: "",
-                kompetensi: "",
-                tahunMasuk: ""
-            },
-            dataKepegawaian: [],
-            dataKepegawaianPrev: null,
-            riwayatPendidikan: [],
-            riwayatPekerjaan: [],
-            sertifikat: [],
-
-            isShowAllDataKinerja: false,
-            disableEdit: false,
-            isEditProfile: false,
-            isEditKepegawaian: false,
-            isEditRiwayat: false,
-            isEditSertifikat: false,
-            isEditDataKinerja: false,
-            isEditRekomendasi: false,
-            cachedPegawai: null,
-            cachedDataKepegawaian: null,
-            cachedRiwayatPendidikan: null,
-            cachedRiwayatPekerjaan: null,
-            cachedSertifikat: null,
-            cachedDataKinerja: null,
-            cachedRekomendasiTraining: null,
-            cachedRekomendasiPosisi: null
-        }, _defineProperty(_ref, 'pegawai', {
-            imageProfileUrl: null,
-            nama: null,
-            tempatLahir: null,
-            tanggalLahir: null,
-            email: null,
-            nopeg: null,
-            unitKerja: {
-                id: null,
-                text: null
-            },
-            posisi: {
-                id: null,
-                text: null
-            },
-            kompetensi: {
-                id: null,
-                text: null
-            },
-            tahunMasuk: null
-        }), _defineProperty(_ref, 'dataKepegawaian', []), _defineProperty(_ref, 'riwayatPendidikan', []), _defineProperty(_ref, 'riwayatPekerjaan', []), _defineProperty(_ref, 'dataKinerja', []), _defineProperty(_ref, 'dataKinerjaShow', []), _defineProperty(_ref, 'rekomendasiTraining', []), _defineProperty(_ref, 'rekomendasiPosisi', []), _ref;
-    },
-    mounted: function mounted() {},
-    created: function created() {
-        var _this = this;
-
-        //dataKinerja
-        this.dataKinerja = this.dataKinerjaTemp;
-
-        axios.get('/api/pegawai/' + this.id).then(function (response) {
-            //get data from api response
-            var responsePegawai = response.data["data"];
-
-            _this.dataKepegawaian = responsePegawai["kepegawaian"];
-            _this.riwayatPendidikan = responsePegawai["pendidikan"];
-            _this.riwayatPekerjaan = responsePegawai["pekerjaan"];
-            _this.updateDataKepegawaian();
-
-            _this.dataKepegawaianPrev = _this.dataKepegawaian[_this.dataKepegawaian.length - 1];
-
-            _this.sertifikat = responsePegawai["sertifikat"];
-            _this.updateSertifikat();
-
-            _this.pegawai.nama = responsePegawai["user"]["name"];
-            _this.pegawai.tempatLahir = responsePegawai["pegawai"]["tempat_lahir"];
-            _this.pegawai.tanggalLahir = responsePegawai["pegawai"]["tanggal_lahir"];
-            _this.pegawai.email = responsePegawai["user"]["email"];
-            _this.pegawai.nopeg = responsePegawai["pegawai"]["nip"];
-            _this.pegawai.imageProfileUrl = 'http://localhost:8000/pages/pimage/' + responsePegawai["pegawai"]["nip"] + '.' + responsePegawai["pegawai"]["ekstensi_foto"];
-            _this.pegawai.kompetensi.id = responsePegawai["pegawai"]["id_kelompok_kompetensi"];
-            _this.updateProfilPegawai();
-
-            //chacing
-            _this.cachedPegawai = JSON.parse(JSON.stringify(_this.pegawai));
-            _this.cachedDataKepegawaian = JSON.parse(JSON.stringify(_this.dataKepegawaian));
-            _this.cachedRiwayatPendidikan = JSON.parse(JSON.stringify(_this.riwayatPendidikan));
-            _this.cachedRiwayatPekerjaan = JSON.parse(JSON.stringify(_this.riwayatPekerjaan));
-            _this.cachedSertifikat = JSON.parse(JSON.stringify(_this.sertifikat));
-            _this.cachedDataKinerja = JSON.parse(JSON.stringify(_this.dataKinerja));
-
-            console.log(_this);
-        }).catch(function (error) {
-            console.log(error);
-            alert('Gagal mengambil data');
-        });
-
-        //caching others
-        this.cachedDataKinerja = JSON.parse(JSON.stringify(this.dataKinerja));
-
-        // init dataKinerjaShow
-        if (this.dataKinerja.length > 6) {
-            this.dataKinerjaShow = this.dataKinerja.slice(this.dataKinerja.length - 6);
-        } else {
-            this.dataKinerjaShow = this.dataKinerja;
-        }
-
-        //init rekomendasiTraining
-        this.rekomendasiTraining = this.rekomendasiTrainingTemp;
-        this.cachedRekomendasiTraining = JSON.parse(JSON.stringify(this.rekomendasiTraining));
-
-        //init rekomendasiPosisi
-        this.rekomendasiPosisi = this.rekomendasiPosisiTemp;
-        this.cachedRekomendasiPosisi = JSON.parse(JSON.stringify(this.rekomendasiPosisi));
-    },
-
-
-    methods: {
-        downloadKompetensi: function downloadKompetensi() {
-            window.open('/api/kompetensi/report/' + this.id);
-        },
-        editKommpetensi: function editKommpetensi() {
-            window.open('/pages/pmo?nip=' + this.pegawai.nopeg + '&tab=dataKompetensi');
-        },
-        showAllDataKinerja: function showAllDataKinerja() {
-            this.isShowAllDataKinerja = true;
-            this.dataKinerjaShow = this.dataKinerja;
-        },
-        hideDataKinerja: function hideDataKinerja() {
-            this.isShowAllDataKinerja = false;
-
-            if (this.dataKinerja.length > 6) {
-                this.dataKinerjaShow = this.dataKinerja.slice(this.dataKinerja.length - 6);
-            }
-        },
-        updateProfilPegawai: function updateProfilPegawai() {
-            var _this2 = this;
-
-            if (this.pegawai.unitKerja.id != null) {
-                this.pegawai.unitKerja.text = this.unitKerja.find(function (x) {
-                    return x.id_unit_kerja == _this2.pegawai.unitKerja.id;
-                }).nama_unit_kerja;
-            } else {
-                this.pegawai.unitKerja.text = null;
-            }
-
-            if (this.pegawai.kompetensi.id != null) {
-                this.pegawai.kompetensi.text = this.kelompokKompetensi.find(function (x) {
-                    return x.id_kelompok_kompetensi == _this2.pegawai.kompetensi.id;
-                }).nama_kelompok_kompetensi;
-            } else {
-                this.pegawai.kompetensi.text = null;
-            }
-
-            if (this.pegawai.posisi.id != null) {
-                this.pegawai.posisi.text = this.posisi.find(function (x) {
-                    return x.id_posisi == _this2.pegawai.posisi.id;
-                }).nama_posisi;
-            } else {
-                this.pegawai.posisi.text = null;
-            }
-        },
-        updateDataKepegawaian: function updateDataKepegawaian() {
-
-            //update relevan
-            if (this.dataKepegawaian.length == 0) {
-                this.pegawai.unitKerja.id = null;
-                this.pegawai.posisi.id = null;
-                // this.pegawai.kompetensi.id = null;
-                this.pegawai.tahunMasuk = null;
-            } else {
-                //sort
-                this.dataKepegawaian.sort(function (a, b) {
-                    var keyA = a.tahun_masuk,
-                        keyB = b.tahun_masuk;
-                    // Compare the 2 dates
-                    if (keyA < keyB) return -1;
-                    if (keyA > keyB) return 1;
-                    return 0;
-                });
-                var lastDataPegawai = this.dataKepegawaian[this.dataKepegawaian.length - 1];
-                this.pegawai.unitKerja.id = lastDataPegawai["id_unit_kerja"];
-                this.pegawai.posisi.id = lastDataPegawai["id_posisi"];
-                // this.pegawai.kompetensi.id = lastDataPegawai["id_kelompok_kompetensi"];
-                this.pegawai.tahunMasuk = lastDataPegawai["tahun_masuk"];
-            }
-        },
-        updateDataKepegawaianAfterEditProfile: function updateDataKepegawaianAfterEditProfile() {
-
-            //update relevan
-            if (this.dataKepegawaian.length == 0) {
-                var newData = {
-                    id_data_kepegawaian: null,
-                    id_pegawai: null,
-                    id_unit_kerja: this.pegawai.unitKerja.id,
-                    id_posisi: this.pegawai.posisi.id,
-                    // id_kelompok_kompetensi : this.pegawai.kompetensi.id,
-                    tahun_masuk: this.pegawai.tahunMasuk,
-                    tahun_keluar: null
-                };
-                this.dataKepegawaian.push(newData);
-            } else {
-                //sort
-                this.dataKepegawaian.sort(function (a, b) {
-                    var keyA = a.tahun_masuk,
-                        keyB = b.tahun_masuk;
-                    // Compare the 2 dates
-                    if (keyA < keyB) return -1;
-                    if (keyA > keyB) return 1;
-                    return 0;
-                });
-                var lastDataPegawai = this.dataKepegawaian[this.dataKepegawaian.length - 1];
-                lastDataPegawai["id_unit_kerja"] = this.pegawai.unitKerja.id;
-                lastDataPegawai["id_posisi"] = this.pegawai.posisi.id;
-                // lastDataPegawai["id_kelompok_kompetensi"] = this.pegawai.kompetensi.id;
-                lastDataPegawai["tahun_masuk"] = this.pegawai.tahunMasuk;
-            }
-        },
-        updateSertifikat: function updateSertifikat() {
-            for (var i = 0; i < this.sertifikat.length; i++) {
-                this.sertifikat[i].nama_file = 'http://localhost:8000/pages/simage/' + this.sertifikat[i].nama_file;
-            }
-        },
-        disableEditButton: function disableEditButton() {
-            this.disableEdit = true;
-        },
-        enableEditButton: function enableEditButton() {
-            this.disableEdit = false;
-        },
-        editProfilPegawai: function editProfilPegawai() {
-            this.isEditProfile = true;
-            this.disableEditButton();
-        },
-        editDataKepegawaian: function editDataKepegawaian() {
-            this.isEditKepegawaian = true;
-            this.disableEditButton();
-        },
-        editRiwayatPegawai: function editRiwayatPegawai() {
-            this.isEditRiwayat = true;
-            this.disableEditButton();
-        },
-        editSertifikat: function editSertifikat() {
-            this.isEditSertifikat = true;
-            this.disableEditButton();
-        },
-        editDataKinerja: function editDataKinerja() {
-            this.isEditDataKinerja = true;
-            this.disableEditButton();
-        },
-        editDataKompetensi: function editDataKompetensi() {},
-        editRekomendasi: function editRekomendasi() {
-            this.isEditRekomendasi = true;
-            this.disableEditButton();
-        },
-        addDataKepegawaian: function addDataKepegawaian() {
-            var newData = {
-                id_data_kepegawaian: null,
-                id_pegawai: null,
-                id_unit_kerja: null,
-                id_posisi: null,
-                // id_kelompok_kompetensi : null,
-                tahun_masuk: null,
-                tahun_keluar: null
-            };
-            this.dataKepegawaian.push(newData);
-        },
-        addRiwayatPendidikan: function addRiwayatPendidikan() {
-            var newData = {
-                id_riwayat_pendidikan: null,
-                id_pegawai: null,
-                nama_institusi: null,
-                strata: null,
-                jurusan: null,
-                tahun_masuk: null,
-                tahun_keluar: null
-            };
-            this.riwayatPendidikan.push(newData);
-        },
-        addRiwayatPekerjaan: function addRiwayatPekerjaan() {
-            var newData = {
-                id_riwayat_pekerjaan: null,
-                id_pegawai: null,
-                nama_institusi: null,
-                posisi: null,
-                tahun_masuk: null,
-                tahun_keluar: null
-            };
-            this.riwayatPekerjaan.push(newData);
-        },
-        addSertifikat: function addSertifikat() {
-            var newData = {
-                id_sertifikat: null,
-                id_pegawai: null,
-                judul: null,
-                lembaga: null,
-                tahun_diterbitkan: null,
-                catatan: null,
-                nama_file: null
-            };
-            this.sertifikat.push(newData);
-        },
-        addDataKinerja: function addDataKinerja() {
-            var newData = {
-                id_kinerja: null,
-                id_pegawai: null,
-                tahun: null,
-                semester: null,
-                nilai: null,
-                catatan: null
-            };
-            this.dataKinerja.push(newData);
-        },
-        addRekomendasiTraining: function addRekomendasiTraining() {
-            var newData = {
-                id_rekomendasi_training: null,
-                id_pegawai: null,
-                id_training: null
-            };
-            this.rekomendasiTraining.push(newData);
-        },
-        addRekomendasiPosisi: function addRekomendasiPosisi() {
-            var newData = {
-                id_rekomendasi_training: null,
-                id_pegawai: null,
-                id_unit_kerja: null,
-                id_posisi: null
-            };
-            this.rekomendasiPosisi.push(newData);
-        },
-        delDataKepegawaian: function delDataKepegawaian(event) {
-            var targetIndex = event.currentTarget.id;
-            this.dataKepegawaian.splice(targetIndex, 1);
-        },
-        delRiwayatPendidikan: function delRiwayatPendidikan(event) {
-            var targetIndex = event.currentTarget.id;
-            this.riwayatPendidikan.splice(targetIndex, 1);
-        },
-        delRiwayatPekerjaan: function delRiwayatPekerjaan(event) {
-            var targetIndex = event.currentTarget.id;
-            this.riwayatPekerjaan.splice(targetIndex, 1);
-        },
-        delSertifikat: function delSertifikat(event) {
-            var targetIndex = event.currentTarget.id;
-            this.sertifikat.splice(targetIndex, 1);
-        },
-        delDataKinerja: function delDataKinerja(event) {
-            var targetIndex = event.currentTarget.id;
-            this.dataKinerja.splice(targetIndex, 1);
-        },
-        delRekomendasiTraining: function delRekomendasiTraining(event) {
-            var targetIndex = event.currentTarget.id;
-            this.rekomendasiTraining.splice(targetIndex, 1);
-        },
-        delRekomendasiPosisi: function delRekomendasiPosisi(event) {
-            var targetIndex = event.currentTarget.id;
-            this.rekomendasiPosisi.splice(targetIndex, 1);
-        },
-        saveProfilPegawai: function saveProfilPegawai() {
-            this.enableEditButton();
-
-            this.updateProfilPegawai();
-            this.updateDataKepegawaianAfterEditProfile();
-
-            this.cachedPegawai = JSON.parse(JSON.stringify(this.pegawai));
-            this.isEditProfile = false;
-
-            axios.post('/api/pegawai/' + this.id, {
-                pegawai: this.pegawai,
-                data_kepegawaian: this.dataKepegawaian,
-                data_kepegawaian_prev: this.dataKepegawaianPrev,
-                _method: "put"
-            }).then(function (response) {
-                console.log(response);
-                window.location.href = '/pages/profile/' + this.id;
-            }).catch(function (error) {
-                console.log(error);
-                alert('Semua kolom harus terisi');
-            });
-
-            console.log(this.dataKepegawaian);
-        },
-        saveDataKepegawaian: function saveDataKepegawaian() {
-            this.updateDataKepegawaian();
-            this.updateProfilPegawai();
-            this.enableEditButton();
-            this.cachedDataKepegawaian = JSON.parse(JSON.stringify(this.dataKepegawaian));
-            this.isEditKepegawaian = false;
-
-            console.log(this.dataKepegawaian);
-
-            axios.post('/api/kepegawaian/' + this.id, {
-                kepegawaian: this.dataKepegawaian,
-                _method: 'put'
-            }).then(function (response) {
-                console.log(response);
-                window.location.href = "/pages/profile/" + this.id;
-            }).catch(function (error) {
-                console.log(error);
-                alert('Semua kolom harus terisi');
-            });
-        },
-        saveRiwayatPegawai: function saveRiwayatPegawai() {
-            //sort
-            this.riwayatPendidikan.sort(function (a, b) {
-                var keyA = a.tahun_masuk,
-                    keyB = b.tahun_masuk;
-                // Compare the 2 dates
-                if (keyA < keyB) return -1;
-                if (keyA > keyB) return 1;
-                return 0;
-            });
-
-            //sort
-            this.riwayatPekerjaan.sort(function (a, b) {
-                var keyA = a.tahun_masuk,
-                    keyB = b.tahun_masuk;
-                // Compare the 2 dates
-                if (keyA < keyB) return -1;
-                if (keyA > keyB) return 1;
-                return 0;
-            });
-
-            this.enableEditButton();
-            this.cachedRiwayatPendidikan = JSON.parse(JSON.stringify(this.riwayatPendidikan));
-            this.cachedRiwayatPekerjaan = JSON.parse(JSON.stringify(this.riwayatPekerjaan));
-            this.isEditRiwayat = false;
-
-            console.log(this.riwayatPendidikan);
-            console.log(this.riwayatPekerjaan);
-
-            axios.post('/api/riwayat/' + this.id, {
-                pendidikan: this.riwayatPendidikan,
-                pekerjaan: this.riwayatPekerjaan,
-                _method: 'put'
-            }).then(function (response) {
-                console.log(response);
-                window.location.href = "/pages/profile/" + this.id;
-            }).catch(function (error) {
-                console.log(error);
-                alert('Semua kolom harus terisi');
-            });
-        },
-        saveSertifikat: function saveSertifikat() {
-            this.enableEditButton();
-            this.cachedSertifikat = JSON.parse(JSON.stringify(this.sertifikat));
-            this.isEditSertifikat = false;
-            console.log(this.sertifikat);
-
-            axios.post('/api/sertifikat/' + this.id, {
-                sertifikat: this.sertifikat,
-                _method: 'put'
-            }).then(function (response) {
-                console.log(response);
-                window.location.href = "/pages/profile/" + response.data.data;
-            }).catch(function (error) {
-                console.log(error);
-                alert('Semua kolom harus terisi');
-            });
-        },
-        saveDataKinerja: function saveDataKinerja() {
-            //sort
-            this.dataKinerja.sort(function (a, b) {
-                var keyA = a.tahun,
-                    keyB = b.tahun;
-                // Compare the 2 dates
-                if (keyA < keyB) return -1;
-                if (keyA > keyB) return 1;
-                if (keyA == keyB) {
-                    if (a.semester < b.semester) return -1;else return 1;
-                }
-            });
-
-            this.enableEditButton();
-            this.cachedDataKinerja = JSON.parse(JSON.stringify(this.dataKinerja));
-            this.isEditDataKinerja = false;
-
-            if (this.isShowAllDataKinerja) {
-                this.showAllDataKinerja();
-            } else {
-                this.hideDataKinerja();
-            }
-        },
-        saveRekomendasi: function saveRekomendasi() {
-            this.enableEditButton();
-            this.cachedRekomendasiTraining = JSON.parse(JSON.stringify(this.rekomendasiTraining));
-            this.cachedRekomendasiPosisi = JSON.parse(JSON.stringify(this.rekomendasiPosisi));
-            this.isEditRekomendasi = false;
-        },
-        cancelProfilPegawai: function cancelProfilPegawai() {
-            this.enableEditButton();
-            this.pegawai = JSON.parse(JSON.stringify(this.cachedPegawai));
-            this.isEditProfile = false;
-        },
-        cancelDataKepegawaian: function cancelDataKepegawaian() {
-            this.enableEditButton();
-            this.dataKepegawaian = JSON.parse(JSON.stringify(this.cachedDataKepegawaian));
-            this.isEditKepegawaian = false;
-        },
-        cancelRiwayatPegawai: function cancelRiwayatPegawai() {
-            this.enableEditButton();
-            this.riwayatPendidikan = JSON.parse(JSON.stringify(this.cachedRiwayatPendidikan));
-            this.riwayatPekerjaan = JSON.parse(JSON.stringify(this.cachedRiwayatPekerjaan));
-            this.isEditRiwayat = false;
-        },
-        cancelSertifikat: function cancelSertifikat() {
-            this.enableEditButton();
-            this.sertifikat = JSON.parse(JSON.stringify(this.cachedSertifikat));
-            this.isEditSertifikat = false;
-        },
-        cancelDataKinerja: function cancelDataKinerja() {
-            this.enableEditButton();
-            this.dataKinerja = JSON.parse(JSON.stringify(this.cachedDataKinerja));
-            this.isEditDataKinerja = false;
-
-            if (this.isShowAllDataKinerja) {
-                this.showAllDataKinerja();
-            } else {
-                this.hideDataKinerja();
-            }
-        },
-        cancelRekomendasi: function cancelRekomendasi() {
-            this.enableEditButton();
-            this.rekomendasiTraining = JSON.parse(JSON.stringify(this.cachedRekomendasiTraining));
-            this.rekomendasiPosisi = JSON.parse(JSON.stringify(this.cachedRekomendasiPosisi));
-            this.isEditRekomendasi = false;
-        },
-        FileChangeProfile: function FileChangeProfile(e) {
-            var files = e.target.files || e.dataTransfer.files;
-            if (!files.length) return;
-
-            var reader = new FileReader();
-            var vm = this;
-            reader.onload = function (e) {
-                vm.pegawai.imageProfileUrl = e.target.result;
-            };
-            reader.readAsDataURL(files[0]);
-        },
-        FileChangeSertifikat: function FileChangeSertifikat(e) {
-            var files = e.target.files || e.dataTransfer.files;
-            if (!files.length) return;
-
-            var idx = e.currentTarget.id;
-
-            var reader = new FileReader();
-            var vm = this;
-            reader.onload = function (e) {
-                vm.sertifikat[idx].nama_file = e.target.result;
-            };
-            reader.readAsDataURL(files[0]);
-        }
-    }
-});
-
-/***/ }),
-
-/***/ 257:
-/***/ (function(module, exports, __webpack_require__) {
-
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", [
-    _c(
-      "div",
-      { staticClass: "card", attrs: { id: "profil-pegawai-specific" } },
-      [
-        _c("div", { staticClass: "card-header" }, [
-          _vm._v("\n            Profil Pegawai\n            ")
-        ]),
-        _vm._v(" "),
-        _c("div", { staticClass: "card-body" }, [
-          _c("div", { staticClass: "card-container" }, [
-            _c("div", { staticClass: "row" }, [
-              _c("div", { staticClass: "col-sm-3 img-responsive" }, [
-                _c("img", {
-                  staticClass: "img-thumbnail",
-                  attrs: { id: "img-profile", src: _vm.pegawai.imageProfileUrl }
-                }),
-                _vm._v(" "),
-                _c("br"),
-                _c("br"),
-                _vm._v(" "),
-                _vm.isEditProfile
-                  ? _c("input", {
-                      staticClass: "form-control",
-                      attrs: { type: "file" },
-                      on: { change: _vm.FileChangeProfile }
-                    })
-                  : _vm._e()
-              ]),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-1" }),
-              _vm._v(" "),
-              _c("div", { staticClass: "col-sm-7" }, [
-                _c("div", { staticClass: "row" }, [
-                  _c("div", { staticClass: "col-sm-3 text-right" }, [
-                    _vm._v(
-                      "\n                                Nama\n                            "
-                    )
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "col-sm-9" }, [
-                    !_vm.isEditProfile
-                      ? _c("b", {
-                          domProps: { textContent: _vm._s(_vm.pegawai.nama) }
-                        })
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.isEditProfile
-                      ? _c(
-                          "div",
-                          {
-                            staticClass: "form-group",
-                            attrs: { id: "edit-nama" }
-                          },
-                          [
-                            _c("input", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.pegawai.nama,
-                                  expression: "pegawai.nama"
-                                }
-                              ],
-                              staticClass: "form-control",
-                              attrs: { type: "text" },
-                              domProps: { value: _vm.pegawai.nama },
-                              on: {
-                                input: function($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.pegawai,
-                                    "nama",
-                                    $event.target.value
-                                  )
-                                }
-                              }
-                            }),
-                            _vm._v(" "),
-                            _c(
-                              "small",
-                              { staticClass: "form-text text-muted" },
-                              [_vm._v("*Wajib diisi")]
-                            )
-                          ]
-                        )
-                      : _vm._e()
-                  ])
-                ]),
-                _vm._v(" "),
-                _c("hr"),
-                _vm._v(" "),
-                _c("div", { staticClass: "row" }, [
-                  _c("div", { staticClass: "col-sm-3 text-right" }, [
-                    _vm._v(
-                      "\n                                Tempat, Tanggal Lahir\n                            "
-                    )
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "col-sm-9" }, [
-                    !_vm.isEditProfile
-                      ? _c("b", [
-                          _c("span", {
-                            domProps: {
-                              textContent: _vm._s(_vm.pegawai.tempatLahir)
-                            }
-                          }),
-                          _vm._v(", "),
-                          _c("span", {
-                            domProps: {
-                              textContent: _vm._s(_vm.pegawai.tanggalLahir)
-                            }
-                          })
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.isEditProfile
-                      ? _c("div", { staticClass: "form-row" }, [
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              attrs: { id: "edit-tempat-lahir" }
-                            },
-                            [
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.pegawai.tempatLahir,
-                                    expression: "pegawai.tempatLahir"
-                                  }
-                                ],
-                                staticClass: "form-control",
-                                attrs: { type: "text" },
-                                domProps: { value: _vm.pegawai.tempatLahir },
-                                on: {
-                                  input: function($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.pegawai,
-                                      "tempatLahir",
-                                      $event.target.value
-                                    )
-                                  }
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c(
-                                "small",
-                                { staticClass: "form-text text-muted" },
-                                [_vm._v("*Tempat lahir. Wajib diisi")]
-                              )
-                            ]
-                          ),
-                          _vm._v(" "),
-                          _c(
-                            "div",
-                            {
-                              staticClass: "form-group",
-                              attrs: { id: "edit-tanggal-lahir" }
-                            },
-                            [
-                              _c("input", {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.pegawai.tanggalLahir,
-                                    expression: "pegawai.tanggalLahir"
-                                  }
-                                ],
-                                staticClass: "form-control",
-                                attrs: { type: "date" },
-                                domProps: { value: _vm.pegawai.tanggalLahir },
-                                on: {
-                                  input: function($event) {
-                                    if ($event.target.composing) {
-                                      return
-                                    }
-                                    _vm.$set(
-                                      _vm.pegawai,
-                                      "tanggalLahir",
-                                      $event.target.value
-                                    )
-                                  }
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c(
-                                "small",
-                                { staticClass: "form-text text-muted" },
-                                [_vm._v("*Tanggal lahir. Wajib diisi")]
-                              )
-                            ]
-                          )
-                        ])
-                      : _vm._e()
-                  ])
-                ]),
-                _vm._v(" "),
-                _c("hr"),
-                _vm._v(" "),
-                _c("div", { staticClass: "row" }, [
-                  _c("div", { staticClass: "col-sm-3 text-right" }, [
-                    _vm._v(
-                      "\n                                Email\n                            "
-                    )
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "col-sm-9" }, [
-                    !_vm.isEditProfile
-                      ? _c("b", {
-                          domProps: { textContent: _vm._s(_vm.pegawai.email) }
-                        })
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.isEditProfile
-                      ? _c(
-                          "div",
-                          {
-                            staticClass: "form-group",
-                            attrs: { id: "edit-email" }
-                          },
-                          [
-                            _c("input", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.pegawai.email,
-                                  expression: "pegawai.email"
-                                }
-                              ],
-                              staticClass: "form-control",
-                              attrs: { type: "email" },
-                              domProps: { value: _vm.pegawai.email },
-                              on: {
-                                input: function($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.pegawai,
-                                    "email",
-                                    $event.target.value
-                                  )
-                                }
-                              }
-                            }),
-                            _vm._v(" "),
-                            _c(
-                              "small",
-                              { staticClass: "form-text text-muted" },
-                              [_vm._v("*Wajib diisi")]
-                            )
-                          ]
-                        )
-                      : _vm._e()
-                  ])
-                ]),
-                _vm._v(" "),
-                _c("hr"),
-                _vm._v(" "),
-                _c("div", { staticClass: "row" }, [
-                  _c("div", { staticClass: "col-sm-3 text-right" }, [
-                    _vm._v(
-                      "\n                                No. Pegawai\n                            "
-                    )
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "col-sm-9" }, [
-                    !_vm.isEditProfile
-                      ? _c("b", {
-                          domProps: { textContent: _vm._s(_vm.pegawai.nopeg) }
-                        })
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.isEditProfile
-                      ? _c(
-                          "div",
-                          {
-                            staticClass: "form-group",
-                            attrs: { id: "edit-nopeg" }
-                          },
-                          [
-                            _c("input", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.pegawai.nopeg,
-                                  expression: "pegawai.nopeg"
-                                }
-                              ],
-                              staticClass: "form-control",
-                              attrs: { type: "text" },
-                              domProps: { value: _vm.pegawai.nopeg },
-                              on: {
-                                input: function($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.pegawai,
-                                    "nopeg",
-                                    $event.target.value
-                                  )
-                                }
-                              }
-                            }),
-                            _vm._v(" "),
-                            _c(
-                              "small",
-                              { staticClass: "form-text text-muted" },
-                              [_vm._v("*Wajib diisi")]
-                            )
-                          ]
-                        )
-                      : _vm._e()
-                  ])
-                ]),
-                _vm._v(" "),
-                _c("hr"),
-                _vm._v(" "),
-                _c("div", { staticClass: "row" }, [
-                  _c("div", { staticClass: "col-sm-3 text-right" }, [
-                    _vm._v(
-                      "\n                                Unit Kerja\n                            "
-                    )
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "col-sm-9" }, [
-                    !_vm.isEditProfile
-                      ? _c("b", {
-                          domProps: {
-                            textContent: _vm._s(_vm.pegawai.unitKerja.text)
-                          }
-                        })
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.isEditProfile
-                      ? _c(
-                          "div",
-                          {
-                            staticClass: "form-group",
-                            attrs: { id: "edit-unit-kerja" }
-                          },
-                          [
-                            _c(
-                              "select",
-                              {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.pegawai.unitKerja.id,
-                                    expression: "pegawai.unitKerja.id"
-                                  }
-                                ],
-                                staticClass: "form-control",
-                                on: {
-                                  change: function($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .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.pegawai.unitKerja,
-                                      "id",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
-                                    )
-                                  }
-                                }
-                              },
-                              _vm._l(_vm.unitKerja, function(uk) {
-                                return _c(
-                                  "option",
-                                  { domProps: { value: uk.id_unit_kerja } },
-                                  [
-                                    _vm._v(
-                                      "\n                                            " +
-                                        _vm._s(uk.nama_unit_kerja) +
-                                        "\n                                        "
-                                    )
-                                  ]
-                                )
-                              })
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "small",
-                              { staticClass: "form-text text-muted" },
-                              [_vm._v("*Wajib diisi")]
-                            )
-                          ]
-                        )
-                      : _vm._e()
-                  ])
-                ]),
-                _vm._v(" "),
-                _c("hr"),
-                _vm._v(" "),
-                _c("div", { staticClass: "row" }, [
-                  _c("div", { staticClass: "col-sm-3 text-right" }, [
-                    _vm._v(
-                      "\n                                Jabatan\n                            "
-                    )
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "col-sm-9" }, [
-                    !_vm.isEditProfile
-                      ? _c("b", {
-                          domProps: {
-                            textContent: _vm._s(_vm.pegawai.posisi.text)
-                          }
-                        })
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.isEditProfile
-                      ? _c(
-                          "div",
-                          {
-                            staticClass: "form-group",
-                            attrs: { id: "edit-posisi" }
-                          },
-                          [
-                            _c(
-                              "select",
-                              {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.pegawai.posisi.id,
-                                    expression: "pegawai.posisi.id"
-                                  }
-                                ],
-                                staticClass: "form-control",
-                                on: {
-                                  change: function($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .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.pegawai.posisi,
-                                      "id",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
-                                    )
-                                  }
-                                }
-                              },
-                              _vm._l(_vm.posisi, function(pos) {
-                                return _c(
-                                  "option",
-                                  { domProps: { value: pos.id_posisi } },
-                                  [
-                                    _vm._v(
-                                      "\n                                            " +
-                                        _vm._s(pos.nama_posisi) +
-                                        "\n                                        "
-                                    )
-                                  ]
-                                )
-                              })
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "small",
-                              { staticClass: "form-text text-muted" },
-                              [_vm._v("*Wajib diisi")]
-                            )
-                          ]
-                        )
-                      : _vm._e()
-                  ])
-                ]),
-                _vm._v(" "),
-                _c("hr"),
-                _vm._v(" "),
-                _c("div", { staticClass: "row" }, [
-                  _c("div", { staticClass: "col-sm-3 text-right" }, [
-                    _vm._v(
-                      "\n                                Kompetensi\n                            "
-                    )
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "col-sm-9" }, [
-                    !_vm.isEditProfile
-                      ? _c("b", {
-                          domProps: {
-                            textContent: _vm._s(_vm.pegawai.kompetensi.text)
-                          }
-                        })
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.isEditProfile
-                      ? _c(
-                          "div",
-                          {
-                            staticClass: "form-group",
-                            attrs: { id: "edit-kompetensi" }
-                          },
-                          [
-                            _c(
-                              "select",
-                              {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: _vm.pegawai.kompetensi.id,
-                                    expression: "pegawai.kompetensi.id"
-                                  }
-                                ],
-                                staticClass: "form-control",
-                                on: {
-                                  change: function($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .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.pegawai.kompetensi,
-                                      "id",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
-                                    )
-                                  }
-                                }
-                              },
-                              _vm._l(_vm.kelompokKompetensi, function(kk) {
-                                return _c(
-                                  "option",
-                                  {
-                                    domProps: {
-                                      value: kk.id_kelompok_kompetensi
-                                    }
-                                  },
-                                  [
-                                    _vm._v(
-                                      "\n                                            " +
-                                        _vm._s(kk.nama_kelompok_kompetensi) +
-                                        "\n                                        "
-                                    )
-                                  ]
-                                )
-                              })
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "small",
-                              { staticClass: "form-text text-muted" },
-                              [_vm._v("*Wajib diisi")]
-                            )
-                          ]
-                        )
-                      : _vm._e()
-                  ])
-                ]),
-                _vm._v(" "),
-                _c("hr"),
-                _vm._v(" "),
-                _c("div", { staticClass: "row" }, [
-                  _c("div", { staticClass: "col-sm-3 text-right" }, [
-                    _vm._v(
-                      "\n                                Tahun Mulai Jabatan Saat Ini\n                            "
-                    )
-                  ]),
-                  _vm._v(" "),
-                  _c("div", { staticClass: "col-sm-9" }, [
-                    !_vm.isEditProfile
-                      ? _c("b", {
-                          domProps: {
-                            textContent: _vm._s(_vm.pegawai.tahunMasuk)
-                          }
-                        })
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.isEditProfile
-                      ? _c(
-                          "div",
-                          {
-                            staticClass: "form-group",
-                            attrs: { id: "edit-tahun-masuk" }
-                          },
-                          [
-                            _c("input", {
-                              directives: [
-                                {
-                                  name: "model",
-                                  rawName: "v-model",
-                                  value: _vm.pegawai.tahunMasuk,
-                                  expression: "pegawai.tahunMasuk"
-                                }
-                              ],
-                              staticClass: "form-control",
-                              attrs: { type: "text" },
-                              domProps: { value: _vm.pegawai.tahunMasuk },
-                              on: {
-                                input: function($event) {
-                                  if ($event.target.composing) {
-                                    return
-                                  }
-                                  _vm.$set(
-                                    _vm.pegawai,
-                                    "tahunMasuk",
-                                    $event.target.value
-                                  )
-                                }
-                              }
-                            }),
-                            _vm._v(" "),
-                            _c(
-                              "small",
-                              { staticClass: "form-text text-muted" },
-                              [
-                                _vm._v(
-                                  "*Sunting pada data kepegawaian di bawah"
-                                )
-                              ]
-                            )
-                          ]
-                        )
-                      : _vm._e()
-                  ])
-                ])
-              ])
-            ])
-          ])
-        ]),
-        _vm._v(" "),
-        _vm.isEditProfile
-          ? _c("div", { staticClass: "card-footer text-muted" }, [
-              _c(
-                "a",
-                {
-                  staticClass: "btn btn-success float-sm-right btn-simpan",
-                  attrs: { href: "#profil-pegawai-specific" },
-                  on: { click: _vm.saveProfilPegawai }
-                },
-                [
-                  _vm._v("\n                Simpan "),
-                  _c("i", { staticClass: "fas fa-check" })
-                ]
-              ),
-              _vm._v(" "),
-              _c(
-                "a",
-                {
-                  staticClass: "btn btn-danger float-sm-right",
-                  attrs: { href: "#profil-pegawai-specific" },
-                  on: { click: _vm.cancelProfilPegawai }
-                },
-                [
-                  _vm._v("\n                Batal "),
-                  _c("i", { staticClass: "fas fa-times" })
-                ]
-              )
-            ])
-          : _vm._e()
-      ]
-    ),
-    _vm._v(" "),
-    _c("br"),
-    _vm._v(" "),
-    _c("div", { staticClass: "card", attrs: { id: "data-kepegawaian" } }, [
-      _c("div", { staticClass: "card-header" }, [
-        _vm._v("\n            Data Kepegawaian\n            ")
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "container" }, [
-          _vm.dataKepegawaian.length === 0
-            ? _c("div", { staticClass: "no-data-kepegawaian" }, [
-                !_vm.isEditKepegawaian
-                  ? _c("div", [
-                      _vm._v(
-                        "\n                        Belum ditambahkan.\n                        "
-                      ),
-                      _c("br")
-                    ])
-                  : _vm._e(),
-                _vm._v(" "),
-                _vm.isEditKepegawaian
-                  ? _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-primary float-sm-left",
-                        on: { click: _vm.addDataKepegawaian }
-                      },
-                      [
-                        _vm._v("\n                        Tambah "),
-                        _c("i", { staticClass: "fas fa-plus" })
-                      ]
-                    )
-                  : _vm._e()
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.dataKepegawaian.length !== 0
-            ? _c("div", { staticClass: "data-kepegawaian" }, [
-                _c(
-                  "table",
-                  { staticClass: "table" },
-                  [
-                    _vm._m(0),
-                    _vm._v(" "),
-                    _vm._l(_vm.dataKepegawaian, function(dk) {
-                      return _c("tbody", [
-                        !_vm.isEditKepegawaian
-                          ? _c("tr", [
-                              _c("td", {
-                                domProps: {
-                                  textContent: _vm._s(
-                                    _vm.unitKerja.find(function(x) {
-                                      return x.id_unit_kerja == dk.id_unit_kerja
-                                    }).nama_unit_kerja
-                                  )
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: {
-                                  textContent: _vm._s(
-                                    _vm.posisi.find(function(x) {
-                                      return x.id_posisi == dk.id_posisi
-                                    }).nama_posisi
-                                  )
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: {
-                                  textContent: _vm._s(dk.tahun_masuk)
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: {
-                                  textContent: _vm._s(dk.tahun_keluar)
-                                }
-                              })
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.isEditKepegawaian
-                          ? _c("tr", [
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: dk.id_unit_kerja,
-                                          expression: "dk.id_unit_kerja"
-                                        }
-                                      ],
-                                      staticClass: "form-control",
-                                      on: {
-                                        change: function($event) {
-                                          var $$selectedVal = Array.prototype.filter
-                                            .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(
-                                            dk,
-                                            "id_unit_kerja",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        }
-                                      }
-                                    },
-                                    _vm._l(_vm.unitKerja, function(uk) {
-                                      return _c(
-                                        "option",
-                                        {
-                                          domProps: { value: uk.id_unit_kerja }
-                                        },
-                                        [
-                                          _vm._v(
-                                            "\n                                            " +
-                                              _vm._s(uk.nama_unit_kerja) +
-                                              "\n                                        "
-                                          )
-                                        ]
-                                      )
-                                    })
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c(
-                                    "select",
-                                    {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: dk.id_posisi,
-                                          expression: "dk.id_posisi"
-                                        }
-                                      ],
-                                      staticClass: "form-control",
-                                      on: {
-                                        change: function($event) {
-                                          var $$selectedVal = Array.prototype.filter
-                                            .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(
-                                            dk,
-                                            "id_posisi",
-                                            $event.target.multiple
-                                              ? $$selectedVal
-                                              : $$selectedVal[0]
-                                          )
-                                        }
-                                      }
-                                    },
-                                    _vm._l(_vm.posisi, function(pos) {
-                                      return _c(
-                                        "option",
-                                        { domProps: { value: pos.id_posisi } },
-                                        [
-                                          _vm._v(
-                                            "\n                                            " +
-                                              _vm._s(pos.nama_posisi) +
-                                              "\n                                        "
-                                          )
-                                        ]
-                                      )
-                                    })
-                                  ),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: dk.tahun_masuk,
-                                        expression: "dk.tahun_masuk"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: dk.tahun_masuk },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          dk,
-                                          "tahun_masuk",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: dk.tahun_keluar,
-                                        expression: "dk.tahun_keluar"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: dk.tahun_keluar },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          dk,
-                                          "tahun_keluar",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [
-                                      _vm._v(
-                                        '*Isi dengan "-" jika belum selesai'
-                                      )
-                                    ]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-danger",
-                                    attrs: {
-                                      id: _vm.dataKepegawaian.indexOf(dk),
-                                      type: "button"
-                                    },
-                                    on: {
-                                      click: function($event) {
-                                        _vm.delDataKepegawaian($event)
-                                      }
-                                    }
-                                  },
-                                  [
-                                    _vm._v(
-                                      "\n                                    Hapus "
-                                    ),
-                                    _c("i", { staticClass: "fas fa-trash-alt" })
-                                  ]
-                                )
-                              ])
-                            ])
-                          : _vm._e()
-                      ])
-                    }),
-                    _vm._v(" "),
-                    _vm.isEditKepegawaian
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-primary float-sm-left",
-                            on: { click: _vm.addDataKepegawaian }
-                          },
-                          [
-                            _vm._v("\n                            Tambah "),
-                            _c("i", { staticClass: "fas fa-plus" })
-                          ]
-                        )
-                      : _vm._e()
-                  ],
-                  2
-                )
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _c("br")
-        ])
-      ]),
-      _vm._v(" "),
-      _vm.isEditKepegawaian
-        ? _c("div", { staticClass: "card-footer text-muted" }, [
-            _c(
-              "a",
-              {
-                staticClass: "btn btn-success float-sm-right btn-simpan",
-                attrs: { href: "#data-kepegawaian" },
-                on: { click: _vm.saveDataKepegawaian }
-              },
-              [
-                _vm._v("\n                Simpan "),
-                _c("i", { staticClass: "fas fa-check" })
-              ]
-            ),
-            _vm._v(" "),
-            _c(
-              "a",
-              {
-                staticClass: "btn btn-danger float-sm-right",
-                attrs: { href: "#data-kepegawaian" },
-                on: { click: _vm.cancelDataKepegawaian }
-              },
-              [
-                _vm._v("\n                Batal "),
-                _c("i", { staticClass: "fas fa-times" })
-              ]
-            )
-          ])
-        : _vm._e()
-    ]),
-    _vm._v(" "),
-    _c("br"),
-    _vm._v(" "),
-    _c("div", { staticClass: "card", attrs: { id: "riwayat-pegawai" } }, [
-      _c("div", { staticClass: "card-header" }, [
-        _vm._v("\n            Riwayat Pendidikan dan Pekerjaan\n            ")
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "container" }, [
-          _c("h5", [_vm._v("Riwayat Pendidikan")]),
-          _vm._v(" "),
-          _vm.riwayatPendidikan.length === 0
-            ? _c("div", { staticClass: "no-riwayat-pendidikan" }, [
-                !_vm.isEditRiwayat
-                  ? _c("div", [
-                      _c("hr"),
-                      _vm._v(
-                        "\n                        Belum ditambahkan.\n                        "
-                      ),
-                      _c("br")
-                    ])
-                  : _vm._e(),
-                _vm._v(" "),
-                _vm.isEditRiwayat
-                  ? _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-primary float-sm-left",
-                        on: { click: _vm.addRiwayatPendidikan }
-                      },
-                      [
-                        _vm._v("\n                        Tambah "),
-                        _c("i", { staticClass: "fas fa-plus" })
-                      ]
-                    )
-                  : _vm._e()
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.riwayatPendidikan.length !== 0
-            ? _c("div", { staticClass: "riwayat-pendidikan" }, [
-                _c(
-                  "table",
-                  { staticClass: "table" },
-                  [
-                    _vm._m(1),
-                    _vm._v(" "),
-                    _vm._l(_vm.riwayatPendidikan, function(rp) {
-                      return _c("tbody", [
-                        !_vm.isEditRiwayat
-                          ? _c("tr", [
-                              _c("td", {
-                                domProps: { textContent: _vm._s(rp.strata) }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: {
-                                  textContent: _vm._s(rp.nama_institusi)
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: { textContent: _vm._s(rp.jurusan) }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: {
-                                  textContent: _vm._s(rp.tahun_masuk)
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: {
-                                  textContent: _vm._s(rp.tahun_keluar)
-                                }
-                              })
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.isEditRiwayat
-                          ? _c("tr", [
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: rp.strata,
-                                        expression: "rp.strata"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: rp.strata },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          rp,
-                                          "strata",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: rp.nama_institusi,
-                                        expression: "rp.nama_institusi"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: rp.nama_institusi },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          rp,
-                                          "nama_institusi",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: rp.jurusan,
-                                        expression: "rp.jurusan"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: rp.jurusan },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          rp,
-                                          "jurusan",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: rp.tahun_masuk,
-                                        expression: "rp.tahun_masuk"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: rp.tahun_masuk },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          rp,
-                                          "tahun_masuk",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: rp.tahun_keluar,
-                                        expression: "rp.tahun_keluar"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: rp.tahun_keluar },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          rp,
-                                          "tahun_keluar",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [
-                                      _vm._v(
-                                        '*Isi dengan "-" jika belum selesai'
-                                      )
-                                    ]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-danger",
-                                    attrs: {
-                                      id: _vm.riwayatPendidikan.indexOf(rp),
-                                      type: "button"
-                                    },
-                                    on: {
-                                      click: function($event) {
-                                        _vm.delRiwayatPendidikan($event)
-                                      }
-                                    }
-                                  },
-                                  [
-                                    _vm._v(
-                                      "\n                                    Hapus "
-                                    ),
-                                    _c("i", { staticClass: "fas fa-trash-alt" })
-                                  ]
-                                )
-                              ])
-                            ])
-                          : _vm._e()
-                      ])
-                    }),
-                    _vm._v(" "),
-                    _vm.isEditRiwayat
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-primary float-sm-left",
-                            on: { click: _vm.addRiwayatPendidikan }
-                          },
-                          [
-                            _vm._v("\n                            Tambah "),
-                            _c("i", { staticClass: "fas fa-plus" })
-                          ]
-                        )
-                      : _vm._e()
-                  ],
-                  2
-                )
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _c("br"),
-          _c("br"),
-          _vm._v(" "),
-          _c("h5", [_vm._v("Riwayat Pekerjaan (di luar ITB)")]),
-          _vm._v(" "),
-          _vm.riwayatPekerjaan.length === 0
-            ? _c("div", { staticClass: "no-riwayat-pekerjaan" }, [
-                !_vm.isEditRiwayat
-                  ? _c("div", [
-                      _c("hr"),
-                      _vm._v(
-                        "\n                        Belum ditambahkan.\n                        "
-                      ),
-                      _c("br")
-                    ])
-                  : _vm._e(),
-                _vm._v(" "),
-                _vm.isEditRiwayat
-                  ? _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-primary float-sm-left",
-                        on: { click: _vm.addRiwayatPekerjaan }
-                      },
-                      [
-                        _vm._v("\n                        Tambah "),
-                        _c("i", { staticClass: "fas fa-plus" })
-                      ]
-                    )
-                  : _vm._e()
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.riwayatPekerjaan.length !== 0
-            ? _c("div", { staticClass: "riwayat-pekerjaan" }, [
-                _c(
-                  "table",
-                  { staticClass: "table" },
-                  [
-                    _vm._m(2),
-                    _vm._v(" "),
-                    _vm._l(_vm.riwayatPekerjaan, function(rp) {
-                      return _c("tbody", [
-                        !_vm.isEditRiwayat
-                          ? _c("tr", [
-                              _c("td", {
-                                domProps: {
-                                  textContent: _vm._s(rp.nama_institusi)
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: { textContent: _vm._s(rp.posisi) }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: {
-                                  textContent: _vm._s(rp.tahun_masuk)
-                                }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: {
-                                  textContent: _vm._s(rp.tahun_keluar)
-                                }
-                              })
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.isEditRiwayat
-                          ? _c("tr", [
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: rp.nama_institusi,
-                                        expression: "rp.nama_institusi"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: rp.nama_institusi },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          rp,
-                                          "nama_institusi",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: rp.posisi,
-                                        expression: "rp.posisi"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: rp.posisi },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          rp,
-                                          "posisi",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: rp.tahun_masuk,
-                                        expression: "rp.tahun_masuk"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: rp.tahun_masuk },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          rp,
-                                          "tahun_masuk",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: rp.tahun_keluar,
-                                        expression: "rp.tahun_keluar"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: rp.tahun_keluar },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          rp,
-                                          "tahun_keluar",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [
-                                      _vm._v(
-                                        '*Isi dengan "-" jika belum selesai'
-                                      )
-                                    ]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-danger",
-                                    attrs: {
-                                      id: _vm.riwayatPekerjaan.indexOf(rp),
-                                      type: "button"
-                                    },
-                                    on: {
-                                      click: function($event) {
-                                        _vm.delRiwayatPekerjaan($event)
-                                      }
-                                    }
-                                  },
-                                  [
-                                    _vm._v(
-                                      "\n                                    Hapus "
-                                    ),
-                                    _c("i", { staticClass: "fas fa-trash-alt" })
-                                  ]
-                                )
-                              ])
-                            ])
-                          : _vm._e()
-                      ])
-                    }),
-                    _vm._v(" "),
-                    _vm.isEditRiwayat
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-primary float-sm-left",
-                            on: { click: _vm.addRiwayatPekerjaan }
-                          },
-                          [
-                            _vm._v("\n                            Tambah "),
-                            _c("i", { staticClass: "fas fa-plus" })
-                          ]
-                        )
-                      : _vm._e()
-                  ],
-                  2
-                )
-              ])
-            : _vm._e()
-        ])
-      ]),
-      _vm._v(" "),
-      _vm.isEditRiwayat
-        ? _c("div", { staticClass: "card-footer text-muted" }, [
-            _c(
-              "a",
-              {
-                staticClass: "btn btn-success float-sm-right btn-simpan",
-                attrs: { href: "#riwayat-pegawai" },
-                on: { click: _vm.saveRiwayatPegawai }
-              },
-              [
-                _vm._v("\n                Simpan "),
-                _c("i", { staticClass: "fas fa-check" })
-              ]
-            ),
-            _vm._v(" "),
-            _c(
-              "a",
-              {
-                staticClass: "btn btn-danger float-sm-right",
-                attrs: { href: "#riwayat-pegawai" },
-                on: { click: _vm.cancelRiwayatPegawai }
-              },
-              [
-                _vm._v("\n                Batal "),
-                _c("i", { staticClass: "fas fa-times" })
-              ]
-            )
-          ])
-        : _vm._e()
-    ]),
-    _vm._v(" "),
-    _c("br"),
-    _vm._v(" "),
-    _c("div", { staticClass: "card", attrs: { id: "sertificate" } }, [
-      _c("div", { staticClass: "card-header" }, [
-        _vm._v("\n            Sertifikat"),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-primary float-sm-right",
-            attrs: { disabled: _vm.disableEdit },
-            on: { click: _vm.editSertifikat }
-          },
-          [
-            _vm._v("\n                Sunting "),
-            _c("i", { staticClass: "fas fa-edit" })
-          ]
-        )
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "container" }, [
-          _vm.sertifikat.length === 0
-            ? _c("div", { staticClass: "no-sertificate" }, [
-                !_vm.isEditSertifikat
-                  ? _c("div", [
-                      _vm._v(
-                        "\n                        Belum ditambahkan.\n                        "
-                      ),
-                      _c("br")
-                    ])
-                  : _vm._e(),
-                _vm._v(" "),
-                _vm.isEditSertifikat
-                  ? _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-primary float-sm-left",
-                        on: { click: _vm.addSertifikat }
-                      },
-                      [
-                        _vm._v("\n                        Tambah "),
-                        _c("i", { staticClass: "fas fa-plus" })
-                      ]
-                    )
-                  : _vm._e()
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.sertifikat.length !== 0
-            ? _c("div", { staticClass: "sertificate" }, [
-                _c(
-                  "table",
-                  {
-                    staticClass: "table",
-                    staticStyle: { width: "100%" },
-                    attrs: { align: "left" }
-                  },
-                  [
-                    _vm._l(_vm.sertifikat, function(dk) {
-                      return _c("tbody", [
-                        !_vm.isEditSertifikat
-                          ? _c("div", [
-                              _vm._m(3, true),
-                              _vm._v(" "),
-                              _c("tr", [
-                                _c("td", { attrs: { rowspan: "4" } }, [
-                                  _c("img", {
-                                    staticClass: "img-thumbnail",
-                                    attrs: {
-                                      id: "img-sertifikat-1",
-                                      src: dk.nama_file,
-                                      width: "200"
-                                    }
-                                  })
-                                ]),
-                                _vm._v(" "),
-                                _c("th", { attrs: { scope: "col" } }, [
-                                  _vm._v("Judul")
-                                ]),
-                                _vm._v(" "),
-                                _c("td", {
-                                  domProps: { textContent: _vm._s(dk.judul) }
-                                })
-                              ]),
-                              _vm._v(" "),
-                              _c("tr", [
-                                _c("th", { attrs: { scope: "col" } }, [
-                                  _vm._v("Lembaga")
-                                ]),
-                                _vm._v(" "),
-                                _c("td", {
-                                  domProps: { textContent: _vm._s(dk.lembaga) }
-                                })
-                              ]),
-                              _vm._v(" "),
-                              _c("tr", [
-                                _c("th", { attrs: { scope: "col" } }, [
-                                  _vm._v("Tahun Diterbitkan")
-                                ]),
-                                _vm._v(" "),
-                                _c("td", {
-                                  domProps: {
-                                    textContent: _vm._s(dk.tahun_diterbitkan)
-                                  }
-                                })
-                              ]),
-                              _vm._v(" "),
-                              _c("tr", [
-                                _c("th", { attrs: { scope: "col" } }, [
-                                  _vm._v("Catatan")
-                                ]),
-                                _vm._v(" "),
-                                _c("td", {
-                                  domProps: { textContent: _vm._s(dk.catatan) }
-                                })
-                              ])
-                            ])
-                          : _vm._e(),
-                        _vm._v(" "),
-                        _vm.isEditSertifikat
-                          ? _c("div", [
-                              _c("tr", [
-                                _c("td", { attrs: { rowspan: "4" } }, [
-                                  _c("div", [
-                                    _c(
-                                      "button",
-                                      {
-                                        staticClass: "btn btn-danger",
-                                        attrs: {
-                                          id: _vm.sertifikat.indexOf(dk),
-                                          type: "button"
-                                        },
-                                        on: {
-                                          click: function($event) {
-                                            _vm.delSertifikat($event)
-                                          }
-                                        }
-                                      },
-                                      [
-                                        _vm._v(
-                                          "\n                                        Hapus "
-                                        ),
-                                        _c("i", {
-                                          staticClass: "fas fa-trash-alt"
-                                        })
-                                      ]
-                                    )
-                                  ])
-                                ]),
-                                _vm._v(" "),
-                                _c("td", { attrs: { rowspan: "4" } }, [
-                                  _c("img", {
-                                    staticClass: "img-thumbnail",
-                                    attrs: {
-                                      id: "img-sertifikat-1",
-                                      src: dk.nama_file,
-                                      width: "200"
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c("br"),
-                                  _c("br"),
-                                  _vm._v(" "),
-                                  _c("input", {
-                                    staticClass: "form-control",
-                                    attrs: {
-                                      type: "file",
-                                      id: _vm.sertifikat.indexOf(dk)
-                                    },
-                                    on: { change: _vm.FileChangeSertifikat }
-                                  })
-                                ]),
-                                _vm._v(" "),
-                                _c("th", { attrs: { scope: "col" } }, [
-                                  _vm._v("Judul")
-                                ]),
-                                _vm._v(" "),
-                                _c("td", [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("input", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: dk.judul,
-                                          expression: "dk.judul"
-                                        }
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: { type: "text" },
-                                      domProps: { value: dk.judul },
-                                      on: {
-                                        input: function($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            dk,
-                                            "judul",
-                                            $event.target.value
-                                          )
-                                        }
-                                      }
-                                    }),
-                                    _vm._v(" "),
-                                    _c(
-                                      "small",
-                                      { staticClass: "form-text text-muted" },
-                                      [_vm._v("*Wajib diisi")]
-                                    )
-                                  ])
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("tr", [
-                                _c("th", { attrs: { scope: "col" } }, [
-                                  _vm._v("Lembaga")
-                                ]),
-                                _vm._v(" "),
-                                _c("td", [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("input", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: dk.lembaga,
-                                          expression: "dk.lembaga"
-                                        }
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: { type: "text" },
-                                      domProps: { value: dk.lembaga },
-                                      on: {
-                                        input: function($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            dk,
-                                            "lembaga",
-                                            $event.target.value
-                                          )
-                                        }
-                                      }
-                                    }),
-                                    _vm._v(" "),
-                                    _c(
-                                      "small",
-                                      { staticClass: "form-text text-muted" },
-                                      [_vm._v("*Wajib diisi")]
-                                    )
-                                  ])
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("tr", [
-                                _c("th", { attrs: { scope: "col" } }, [
-                                  _vm._v("Tahun Diterbitkan")
-                                ]),
-                                _vm._v(" "),
-                                _c("td", [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("input", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: dk.tahun_diterbitkan,
-                                          expression: "dk.tahun_diterbitkan"
-                                        }
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: { type: "text" },
-                                      domProps: { value: dk.tahun_diterbitkan },
-                                      on: {
-                                        input: function($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            dk,
-                                            "tahun_diterbitkan",
-                                            $event.target.value
-                                          )
-                                        }
-                                      }
-                                    }),
-                                    _vm._v(" "),
-                                    _c(
-                                      "small",
-                                      { staticClass: "form-text text-muted" },
-                                      [_vm._v("*Wajib diisi")]
-                                    )
-                                  ])
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("tr", [
-                                _c("th", { attrs: { scope: "col" } }, [
-                                  _vm._v("Catatan")
-                                ]),
-                                _vm._v(" "),
-                                _c("td", [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c("input", {
-                                      directives: [
-                                        {
-                                          name: "model",
-                                          rawName: "v-model",
-                                          value: dk.catatan,
-                                          expression: "dk.catatan"
-                                        }
-                                      ],
-                                      staticClass: "form-control",
-                                      attrs: { type: "text" },
-                                      domProps: { value: dk.catatan },
-                                      on: {
-                                        input: function($event) {
-                                          if ($event.target.composing) {
-                                            return
-                                          }
-                                          _vm.$set(
-                                            dk,
-                                            "catatan",
-                                            $event.target.value
-                                          )
-                                        }
-                                      }
-                                    }),
-                                    _vm._v(" "),
-                                    _c(
-                                      "small",
-                                      { staticClass: "form-text text-muted" },
-                                      [_vm._v("*Wajib diisi")]
-                                    )
-                                  ])
-                                ])
-                              ])
-                            ])
-                          : _vm._e()
-                      ])
-                    }),
-                    _vm._v(" "),
-                    _vm.isEditSertifikat
-                      ? _c(
-                          "button",
-                          {
-                            staticClass: "btn btn-primary float-sm-left",
-                            on: { click: _vm.addSertifikat }
-                          },
-                          [
-                            _vm._v("\n                            Tambah "),
-                            _c("i", { staticClass: "fas fa-plus" })
-                          ]
-                        )
-                      : _vm._e()
-                  ],
-                  2
-                )
-              ])
-            : _vm._e()
-        ])
-      ]),
-      _vm._v(" "),
-      _vm.isEditSertifikat
-        ? _c("div", { staticClass: "card-footer text-muted" }, [
-            _c(
-              "a",
-              {
-                staticClass: "btn btn-success float-sm-right btn-simpan",
-                attrs: { href: "#sertificate" },
-                on: { click: _vm.saveSertifikat }
-              },
-              [
-                _vm._v("\n                Simpan "),
-                _c("i", { staticClass: "fas fa-check" })
-              ]
-            ),
-            _vm._v(" "),
-            _c(
-              "a",
-              {
-                staticClass: "btn btn-danger float-sm-right",
-                attrs: { href: "#sertificate" },
-                on: { click: _vm.cancelSertifikat }
-              },
-              [
-                _vm._v("\n                Batal "),
-                _c("i", { staticClass: "fas fa-times" })
-              ]
-            )
-          ])
-        : _vm._e()
-    ]),
-    _vm._v(" "),
-    _c("br"),
-    _vm._v(" "),
-    _c("div", { staticClass: "card", attrs: { id: "data-kinerja" } }, [
-      _c("div", { staticClass: "card-header" }, [
-        _vm._v("\n            Hasil Kinerja"),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-primary float-sm-right",
-            attrs: { disabled: _vm.disableEdit },
-            on: { click: _vm.editDataKinerja }
-          },
-          [
-            _vm._v("\n                Sunting "),
-            _c("i", { staticClass: "fas fa-edit" })
-          ]
-        )
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "container" }, [
-          _vm.dataKinerja.length === 0
-            ? _c("div", { staticClass: "no-data-kinerja" }, [
-                !_vm.isEditDataKinerja
-                  ? _c("div", [
-                      _vm._v(
-                        "\n                        Belum ditambahkan.\n                        "
-                      ),
-                      _c("br")
-                    ])
-                  : _vm._e(),
-                _vm._v(" "),
-                _vm.isEditDataKinerja
-                  ? _c(
-                      "button",
-                      {
-                        staticClass: "btn btn-primary float-sm-left",
-                        on: { click: _vm.addDataKinerja }
-                      },
-                      [
-                        _vm._v("\n                        Tambah "),
-                        _c("i", { staticClass: "fas fa-plus" })
-                      ]
-                    )
-                  : _vm._e()
-              ])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.dataKinerja.length !== 0
-            ? _c("div", { staticClass: "data-kinerja" }, [
-                _c("table", { staticClass: "table" }, [
-                  _vm._m(4),
-                  _vm._v(" "),
-                  _c(
-                    "tbody",
-                    [
-                      _vm._l(_vm.dataKinerjaShow, function(dks) {
-                        return !_vm.isEditDataKinerja
-                          ? _c("tr", [
-                              _c("td", {
-                                domProps: { textContent: _vm._s(dks.tahun) }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: { textContent: _vm._s(dks.semester) }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: { textContent: _vm._s(dks.nilai) }
-                              }),
-                              _vm._v(" "),
-                              _c("td", {
-                                domProps: { textContent: _vm._s(dks.catatan) }
-                              })
-                            ])
-                          : _vm._e()
-                      }),
-                      _vm._v(" "),
-                      _vm._l(_vm.dataKinerja, function(dk) {
-                        return _vm.isEditDataKinerja
-                          ? _c("tr", [
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: dk.tahun,
-                                        expression: "dk.tahun"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: dk.tahun },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          dk,
-                                          "tahun",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: dk.semester,
-                                        expression: "dk.semester"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: dk.semester },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          dk,
-                                          "semester",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: dk.nilai,
-                                        expression: "dk.nilai"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: dk.nilai },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          dk,
-                                          "nilai",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c("div", { staticClass: "form-group" }, [
-                                  _c("input", {
-                                    directives: [
-                                      {
-                                        name: "model",
-                                        rawName: "v-model",
-                                        value: dk.catatan,
-                                        expression: "dk.catatan"
-                                      }
-                                    ],
-                                    staticClass: "form-control text-center",
-                                    attrs: { type: "text" },
-                                    domProps: { value: dk.catatan },
-                                    on: {
-                                      input: function($event) {
-                                        if ($event.target.composing) {
-                                          return
-                                        }
-                                        _vm.$set(
-                                          dk,
-                                          "catatan",
-                                          $event.target.value
-                                        )
-                                      }
-                                    }
-                                  }),
-                                  _vm._v(" "),
-                                  _c(
-                                    "small",
-                                    { staticClass: "form-text text-muted" },
-                                    [_vm._v("*Wajib diisi")]
-                                  )
-                                ])
-                              ]),
-                              _vm._v(" "),
-                              _c("td", [
-                                _c(
-                                  "button",
-                                  {
-                                    staticClass: "btn btn-danger",
-                                    attrs: {
-                                      id: _vm.dataKinerja.indexOf(dk),
-                                      type: "button"
-                                    },
-                                    on: {
-                                      click: function($event) {
-                                        _vm.delDataKinerja($event)
-                                      }
-                                    }
-                                  },
-                                  [
-                                    _vm._v(
-                                      "\n                                    Hapus "
-                                    ),
-                                    _c("i", { staticClass: "fas fa-trash-alt" })
-                                  ]
-                                )
-                              ])
-                            ])
-                          : _vm._e()
-                      })
-                    ],
-                    2
-                  ),
-                  _vm._v(" "),
-                  !_vm.isEditDataKinerja && !_vm.isShowAllDataKinerja
-                    ? _c(
-                        "a",
-                        {
-                          staticClass: "btn btn-primary float-sm-left",
-                          attrs: { href: "#data-kinerja" },
-                          on: { click: _vm.showAllDataKinerja }
-                        },
-                        [
-                          _vm._v(
-                            "\n                            Tamplikan semua "
-                          ),
-                          _c("i", { staticClass: "fas fa-eye" })
-                        ]
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
-                  !_vm.isEditDataKinerja && _vm.isShowAllDataKinerja
-                    ? _c(
-                        "a",
-                        {
-                          staticClass: "btn btn-danger float-sm-left",
-                          attrs: { href: "#data-kinerja" },
-                          on: { click: _vm.hideDataKinerja }
-                        },
-                        [
-                          _vm._v(
-                            "\n                            Sembunyikan sebagian "
-                          ),
-                          _c("i", { staticClass: "fas fa-eye-slash" })
-                        ]
-                      )
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _vm.isEditDataKinerja
-                    ? _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-primary float-sm-left",
-                          on: { click: _vm.addDataKinerja }
-                        },
-                        [
-                          _vm._v("\n                            Tambah "),
-                          _c("i", { staticClass: "fas fa-plus" })
-                        ]
-                      )
-                    : _vm._e()
-                ])
-              ])
-            : _vm._e()
-        ])
-      ]),
-      _vm._v(" "),
-      _vm.isEditDataKinerja
-        ? _c("div", { staticClass: "card-footer text-muted" }, [
-            _c(
-              "a",
-              {
-                staticClass: "btn btn-success float-sm-right btn-simpan",
-                attrs: { href: "#data-kinerja" },
-                on: { click: _vm.saveDataKinerja }
-              },
-              [
-                _vm._v("\n                Simpan "),
-                _c("i", { staticClass: "fas fa-check" })
-              ]
-            ),
-            _vm._v(" "),
-            _c(
-              "a",
-              {
-                staticClass: "btn btn-danger float-sm-right",
-                attrs: { href: "#data-kinerja" },
-                on: { click: _vm.cancelDataKinerja }
-              },
-              [
-                _vm._v("\n                Batal "),
-                _c("i", { staticClass: "fas fa-times" })
-              ]
-            )
-          ])
-        : _vm._e()
-    ]),
-    _vm._v(" "),
-    _c("br"),
-    _vm._v(" "),
-    _c("div", { staticClass: "card", attrs: { id: "data-kompetensi" } }, [
-      _c("div", { staticClass: "card-header" }, [
-        _vm._v("\n            Hasil Kompetensi"),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-primary float-sm-right",
-            attrs: { disabled: _vm.disableEdit },
-            on: { click: _vm.editKommpetensi }
-          },
-          [
-            _vm._v("\n                Sunting "),
-            _c("i", { staticClass: "fas fa-edit" })
-          ]
-        )
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "card-body" }, [
-        _c("div", { staticClass: "container" }, [
-          _c(
-            "button",
-            {
-              staticClass: "btn btn-success float-sm-left",
-              attrs: { disabled: _vm.disableEdit },
-              on: { click: _vm.downloadKompetensi }
-            },
-            [
-              _vm._v("\n                Unduh "),
-              _c("i", { staticClass: "fas fa-download" })
-            ]
-          )
-        ])
-      ])
-    ]),
-    _vm._v(" "),
-    _c("br"),
-    _vm._v(" "),
-    _c("div", { staticClass: "card", attrs: { id: "rekomendasi" } }, [
-      _c("div", { staticClass: "card-header" }, [
-        _vm._v("\n            Rekomendasi"),
-        _c(
-          "button",
-          {
-            staticClass: "btn btn-primary float-sm-right",
-            attrs: { disabled: _vm.disableEdit },
-            on: { click: _vm.editRekomendasi }
-          },
-          [
-            _vm._v("\n                Sunting "),
-            _c("i", { staticClass: "fas fa-edit" })
-          ]
-        )
-      ]),
-      _vm._v(" "),
-      _c("div", { staticClass: "card-body" }, [
-        _c(
-          "div",
-          { staticClass: "container" },
-          [
-            _c("h5", [_vm._v("Rekomendasi Training")]),
-            _vm._v(" "),
-            _c("hr"),
-            _vm._v(" "),
-            _vm.rekomendasiTraining.length === 0
-              ? _c("div", { staticClass: "no-rekomendasi-posisi" }, [
-                  !_vm.isEditRekomendasi
-                    ? _c("div", [
-                        _vm._v(
-                          "\n                        Belum ditambahkan.\n                        "
-                        ),
-                        _c("br")
-                      ])
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _vm.isEditRekomendasi
-                    ? _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-primary float-sm-left",
-                          on: { click: _vm.addRekomendasiTraining }
-                        },
-                        [
-                          _vm._v("\n                        Tambah "),
-                          _c("i", { staticClass: "fas fa-plus" })
-                        ]
-                      )
-                    : _vm._e()
-                ])
-              : _vm._e(),
-            _vm._v(" "),
-            _vm._l(_vm.rekomendasiTraining, function(rt) {
-              return _vm.rekomendasiTraining.length !== 0
-                ? _c("div", { staticClass: "rekomendasi-training" }, [
-                    !_vm.isEditRekomendasi
-                      ? _c("ul", [
-                          _c("li", {
-                            domProps: {
-                              textContent: _vm._s(
-                                _vm.trainingList.find(function(x) {
-                                  return x.id_training == rt.id_training
-                                }).nama_training
-                              )
-                            }
-                          })
-                        ])
-                      : _vm._e(),
-                    _vm._v(" "),
-                    _vm.isEditRekomendasi
-                      ? _c("div", { staticClass: "form-group row" }, [
-                          _c("div", { staticClass: "col-sm-10" }, [
-                            _c(
-                              "select",
-                              {
-                                directives: [
-                                  {
-                                    name: "model",
-                                    rawName: "v-model",
-                                    value: rt.id_training,
-                                    expression: "rt.id_training"
-                                  }
-                                ],
-                                staticClass: "form-control",
-                                on: {
-                                  change: function($event) {
-                                    var $$selectedVal = Array.prototype.filter
-                                      .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(
-                                      rt,
-                                      "id_training",
-                                      $event.target.multiple
-                                        ? $$selectedVal
-                                        : $$selectedVal[0]
-                                    )
-                                  }
-                                }
-                              },
-                              _vm._l(_vm.trainingList, function(tl) {
-                                return _c(
-                                  "option",
-                                  { domProps: { value: tl.id_training } },
-                                  [
-                                    _vm._v(
-                                      "\n                                    " +
-                                        _vm._s(tl.nama_training) +
-                                        "\n                                "
-                                    )
-                                  ]
-                                )
-                              })
-                            ),
-                            _vm._v(" "),
-                            _c(
-                              "small",
-                              { staticClass: "form-text text-muted" },
-                              [_vm._v("*Wajib diisi")]
-                            )
-                          ]),
-                          _vm._v(" "),
-                          _c("div", { staticClass: "col-sm-1" }, [
-                            _c(
-                              "button",
-                              {
-                                staticClass: "btn btn-danger",
-                                attrs: {
-                                  id: _vm.rekomendasiTraining.indexOf(rt),
-                                  type: "button"
-                                },
-                                on: {
-                                  click: function($event) {
-                                    _vm.delRekomendasiTraining($event)
-                                  }
-                                }
-                              },
-                              [
-                                _vm._v(
-                                  "\n                                Hapus "
-                                ),
-                                _c("i", { staticClass: "fas fa-trash-alt" })
-                              ]
-                            )
-                          ])
-                        ])
-                      : _vm._e()
-                  ])
-                : _vm._e()
-            }),
-            _vm._v(" "),
-            _vm.isEditRekomendasi && _vm.rekomendasiTraining.length !== 0
-              ? _c(
-                  "button",
-                  {
-                    staticClass: "btn btn-primary float-sm-left",
-                    on: { click: _vm.addRekomendasiTraining }
-                  },
-                  [
-                    _vm._v("\n                    Tambah "),
-                    _c("i", { staticClass: "fas fa-plus" })
-                  ]
-                )
-              : _vm._e(),
-            _vm._v(" "),
-            _c("br"),
-            _c("br"),
-            _c("br"),
-            _vm._v(" "),
-            _c("h5", [_vm._v("Rekomendasi Lain-lain")]),
-            _vm._v(" "),
-            _vm.rekomendasiPosisi.length === 0
-              ? _c("div", { staticClass: "no-rekomendasi-posisi" }, [
-                  !_vm.isEditRekomendasi
-                    ? _c("div", [
-                        _c("hr"),
-                        _vm._v(
-                          "\n                        Belum ditambahkan.\n                        "
-                        ),
-                        _c("br")
-                      ])
-                    : _vm._e(),
-                  _vm._v(" "),
-                  _vm.isEditRekomendasi
-                    ? _c(
-                        "button",
-                        {
-                          staticClass: "btn btn-primary float-sm-left",
-                          on: { click: _vm.addRekomendasiPosisi }
-                        },
-                        [
-                          _vm._v("\n                        Tambah "),
-                          _c("i", { staticClass: "fas fa-plus" })
-                        ]
-                      )
-                    : _vm._e()
-                ])
-              : _vm._e(),
-            _vm._v(" "),
-            _vm.rekomendasiPosisi.length !== 0
-              ? _c("div", { staticClass: "rekomendasi-posisi" }, [
-                  _c(
-                    "table",
-                    { staticClass: "table" },
-                    [
-                      _vm._m(5),
-                      _vm._v(" "),
-                      _vm._l(_vm.rekomendasiPosisi, function(rp) {
-                        return _c("tbody", [
-                          !_vm.isEditRekomendasi
-                            ? _c("tr", [
-                                _c("td", {
-                                  domProps: {
-                                    textContent: _vm._s(
-                                      _vm.unitKerja.find(function(x) {
-                                        return (
-                                          x.id_unit_kerja == rp.id_unit_kerja
-                                        )
-                                      }).nama_unit_kerja
-                                    )
-                                  }
-                                }),
-                                _vm._v(" "),
-                                _c("td", {
-                                  domProps: {
-                                    textContent: _vm._s(
-                                      _vm.posisi.find(function(x) {
-                                        return x.id_posisi == rp.id_posisi
-                                      }).nama_posisi
-                                    )
-                                  }
-                                })
-                              ])
-                            : _vm._e(),
-                          _vm._v(" "),
-                          _vm.isEditRekomendasi
-                            ? _c("tr", [
-                                _c("td", [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c(
-                                      "select",
-                                      {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: rp.id_unit_kerja,
-                                            expression: "rp.id_unit_kerja"
-                                          }
-                                        ],
-                                        staticClass: "form-control",
-                                        on: {
-                                          change: function($event) {
-                                            var $$selectedVal = Array.prototype.filter
-                                              .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(
-                                              rp,
-                                              "id_unit_kerja",
-                                              $event.target.multiple
-                                                ? $$selectedVal
-                                                : $$selectedVal[0]
-                                            )
-                                          }
-                                        }
-                                      },
-                                      _vm._l(_vm.unitKerja, function(uk) {
-                                        return _c(
-                                          "option",
-                                          {
-                                            domProps: {
-                                              value: uk.id_unit_kerja
-                                            }
-                                          },
-                                          [
-                                            _vm._v(
-                                              "\n                                            " +
-                                                _vm._s(uk.nama_unit_kerja) +
-                                                "\n                                        "
-                                            )
-                                          ]
-                                        )
-                                      })
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "small",
-                                      { staticClass: "form-text text-muted" },
-                                      [_vm._v("*Wajib diisi")]
-                                    )
-                                  ])
-                                ]),
-                                _vm._v(" "),
-                                _c("td", [
-                                  _c("div", { staticClass: "form-group" }, [
-                                    _c(
-                                      "select",
-                                      {
-                                        directives: [
-                                          {
-                                            name: "model",
-                                            rawName: "v-model",
-                                            value: rp.id_posisi,
-                                            expression: "rp.id_posisi"
-                                          }
-                                        ],
-                                        staticClass: "form-control",
-                                        on: {
-                                          change: function($event) {
-                                            var $$selectedVal = Array.prototype.filter
-                                              .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(
-                                              rp,
-                                              "id_posisi",
-                                              $event.target.multiple
-                                                ? $$selectedVal
-                                                : $$selectedVal[0]
-                                            )
-                                          }
-                                        }
-                                      },
-                                      _vm._l(_vm.posisi, function(pos) {
-                                        return _c(
-                                          "option",
-                                          {
-                                            domProps: { value: pos.id_posisi }
-                                          },
-                                          [
-                                            _vm._v(
-                                              "\n                                            " +
-                                                _vm._s(pos.nama_posisi) +
-                                                "\n                                        "
-                                            )
-                                          ]
-                                        )
-                                      })
-                                    ),
-                                    _vm._v(" "),
-                                    _c(
-                                      "small",
-                                      { staticClass: "form-text text-muted" },
-                                      [_vm._v("*Wajib diisi")]
-                                    )
-                                  ])
-                                ]),
-                                _vm._v(" "),
-                                _c("td", [
-                                  _c(
-                                    "button",
-                                    {
-                                      staticClass: "btn btn-danger",
-                                      attrs: {
-                                        id: _vm.rekomendasiPosisi.indexOf(rp),
-                                        type: "button"
-                                      },
-                                      on: {
-                                        click: function($event) {
-                                          _vm.delRekomendasiPosisi($event)
-                                        }
-                                      }
-                                    },
-                                    [
-                                      _vm._v(
-                                        "\n                                    Hapus "
-                                      ),
-                                      _c("i", {
-                                        staticClass: "fas fa-trash-alt"
-                                      })
-                                    ]
-                                  )
-                                ])
-                              ])
-                            : _vm._e()
-                        ])
-                      }),
-                      _vm._v(" "),
-                      _vm.isEditRekomendasi
-                        ? _c(
-                            "button",
-                            {
-                              staticClass: "btn btn-primary float-sm-left",
-                              on: { click: _vm.addRekomendasiPosisi }
-                            },
-                            [
-                              _vm._v("\n                            Tambah "),
-                              _c("i", { staticClass: "fas fa-plus" })
-                            ]
-                          )
-                        : _vm._e()
-                    ],
-                    2
-                  )
-                ])
-              : _vm._e(),
-            _vm._v(" "),
-            _c("br")
-          ],
-          2
-        )
-      ]),
-      _vm._v(" "),
-      _vm.isEditRekomendasi
-        ? _c("div", { staticClass: "card-footer text-muted" }, [
-            _c(
-              "a",
-              {
-                staticClass: "btn btn-success float-sm-right btn-simpan",
-                attrs: { href: "#rekomendasi" },
-                on: { click: _vm.saveRekomendasi }
-              },
-              [
-                _vm._v("\n                Simpan "),
-                _c("i", { staticClass: "fas fa-check" })
-              ]
-            ),
-            _vm._v(" "),
-            _c(
-              "a",
-              {
-                staticClass: "btn btn-danger float-sm-right",
-                attrs: { href: "#rekomendasi" },
-                on: { click: _vm.cancelRekomendasi }
-              },
-              [
-                _vm._v("\n                Batal "),
-                _c("i", { staticClass: "fas fa-times" })
-              ]
-            )
-          ])
-        : _vm._e()
-    ])
-  ])
-}
-var staticRenderFns = [
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("thead", [
-      _c("tr", [
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Unit Kerja")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Jabatan")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Tahun Mulai")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Tahun Selesai")])
-      ])
-    ])
-  },
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("thead", [
-      _c("tr", [
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Tingkat Pendidikan")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Nama Institusi")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Jurusan")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Tahun Masuk")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Tahun Keluar")])
-      ])
-    ])
-  },
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("thead", [
-      _c("tr", [
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Nama Institusi")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Jabatan")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Tahun Masuk")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Tahun Keluar")])
-      ])
-    ])
-  },
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("colgroup", [
-      _c("col", { attrs: { width: "35%" } }),
-      _vm._v(" "),
-      _c("col", { attrs: { width: "15%" } }),
-      _vm._v(" "),
-      _c("col", { attrs: { width: "50%" } })
-    ])
-  },
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("thead", [
-      _c("tr", [
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Tahun")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Semester")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Nilai")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Catatan")])
-      ])
-    ])
-  },
-  function() {
-    var _vm = this
-    var _h = _vm.$createElement
-    var _c = _vm._self._c || _h
-    return _c("thead", [
-      _c("tr", [
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Unit Kerja")]),
-        _vm._v(" "),
-        _c("th", { attrs: { scope: "col" } }, [_vm._v("Jabatan")])
-      ])
-    ])
-  }
-]
-render._withStripped = true
-module.exports = { render: render, staticRenderFns: staticRenderFns }
-if (false) {
-  module.hot.accept()
-  if (module.hot.data) {
-    require("vue-hot-reload-api")      .rerender("data-v-47f115bf", module.exports)
-  }
-}
-
-/***/ }),
-
 /***/ 30:
 /***/ (function(module, exports, __webpack_require__) {
 
diff --git a/resources/.DS_Store b/resources/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..ec98453d4c79d38d0d39be6944f631ab7f43b95b
Binary files /dev/null and b/resources/.DS_Store differ
diff --git a/resources/assets/.DS_Store b/resources/assets/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..28f1dfdf25652357908a992e13f1eb1d36da9708
Binary files /dev/null and b/resources/assets/.DS_Store differ
diff --git a/resources/assets/js/.DS_Store b/resources/assets/js/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..ea629c03480273c2c3f5a2f04a8449ea9900e7fa
Binary files /dev/null and b/resources/assets/js/.DS_Store differ
diff --git a/resources/assets/js/components/PMOMainPage.vue b/resources/assets/js/components/PMOMainPage.vue
index e998c67a5df3868650005b1370756daa09c78d90..762adec46bc66ef11662c89c481ef2b985ef9022 100644
--- a/resources/assets/js/components/PMOMainPage.vue
+++ b/resources/assets/js/components/PMOMainPage.vue
@@ -23,14 +23,14 @@
                                     class="btn btn-success float-md-right m-1"
                                     v-if="!disableDownloadDataButton"
                                     @click="downloadData">
-                                Unduh Data
+                                Download Data
                             </button>
                             <button type="button"
                                     class="btn btn-primary float-md-right m-1"
                                     data-toggle="modal"
                                     data-target="#uploadModal"
                                     v-if="!disableUploadDataButton">
-                                Unggah Data
+                                Upload Data
                             </button>
                         </div>
                     </div>
@@ -87,7 +87,7 @@
             <div class="modal-dialog" role="document">
                 <div class="modal-content">
                     <div class="modal-header">
-                        <h5 class="modal-title" id="uploadModalLabel">Unggah {{ title }}</h5>
+                        <h5 class="modal-title" id="uploadModalLabel">Upload {{ title }}</h5>
                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                             <span aria-hidden="true">&times;</span>
                         </button>
@@ -95,18 +95,18 @@
                     <div class="modal-body">
                         <div class="container">
                             <p>
-                                Unduh format excel di bawah ini terlebih dahulu.
+                                Download format excel di bawah ini terlebih dahulu.
                             </p>
                             <button type="button"
                                     class="btn btn-dark btn-sm"
                                     @click="downloadTemplate">
-                                Unduh Format Excel
+                                Download Format Excel
                             </button>
                         </div>
                         <br>
                         <form>
                             <div class="form-group container">
-                                <label for="upload-file">Unggah data menggunakan file excel: </label>
+                                <label for="upload-file">Upload data menggunakan file excel: </label>
                                 <input type="file" class="form-control-file" id="upload-file">
                                 <small class="text-muted">Harap gunakan file Excel dengan format yang telah disediakan di atas.</small>
                             </div>
@@ -117,7 +117,7 @@
                     </div>
                     <div class="modal-footer">
                         <button type="button" class="btn btn-danger" data-dismiss="modal">Batal</button>
-                        <button type="button" class="btn btn-primary" @click="uploadFile">Unggah</button>
+                        <button type="button" class="btn btn-primary" @click="uploadFile">Upload</button>
                     </div>
                 </div>
             </div>
diff --git a/resources/assets/js/components/ProfilPegawai.vue b/resources/assets/js/components/ProfilPegawai.vue
index b306e41c2f2c77a98c408d8d0391c429711eef4b..3d13f3019cb1580d4f126a9411f4231f9da49c34 100644
--- a/resources/assets/js/components/ProfilPegawai.vue
+++ b/resources/assets/js/components/ProfilPegawai.vue
@@ -3,8 +3,7 @@
         <div class="card" id="profil-pegawai">
             <div class="card-header">
                 Profil Pegawai
-                <button class="btn btn-primary float-sm-right" v-on:click="editProfilPegawai" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
+                <button class="btn btn-primary float-sm-right" v-if="isGeneral" v-on:click="editProfilPegawai" v-bind:disabled="disableEdit"> Edit <i class="fas fa-edit"></i>
                 </button>
             </div>
 
@@ -52,8 +51,7 @@
                                             <small class="form-text text-muted">*Tanggal lahir. Wajib diisi</small>
                                         </div>
                                     </div>
-
-
+                                    
                                 </div>
                             </div>
 
@@ -161,7 +159,7 @@
 
                                     <div v-if="isEditProfile" id="edit-tahun-masuk" class="form-group">
                                         <input v-model="pegawai.tahunMasuk" type="text" class="form-control">
-                                        <small class="form-text text-muted">*Sunting pada data kepegawaian di bawah</small>
+                                        <small class="form-text text-muted">*Edit pada data kepegawaian di bawah</small>
                                     </div>
                                 </div>
                             </div>
@@ -186,8 +184,8 @@
         <div class="card" id="data-kepegawaian">
             <div class="card-header">
                 Data Kepegawaian
-                <button class="btn btn-primary float-sm-right" v-on:click="editDataKepegawaian" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
+                <button class="btn btn-primary float-sm-right" v-if="isGeneral" v-on:click="editDataKepegawaian" v-bind:disabled="disableEdit">
+                    Edit <i class="fas fa-edit"></i>
                 </button>
             </div>
 
@@ -299,8 +297,8 @@
 
         <div class="card" id="riwayat-pegawai">
             <div class="card-header">
-                Riwayat Pendidikan dan Pekerjaan<button class="btn btn-primary float-sm-right" v-on:click="editRiwayatPegawai" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
+                Riwayat Pendidikan dan Pekerjaan<button class="btn btn-primary float-sm-right" v-if="isGeneral" v-on:click="editRiwayatPegawai" v-bind:disabled="disableEdit">
+                    Edit <i class="fas fa-edit"></i>
                     </button>
             </div>
 
@@ -475,7 +473,7 @@
         <div class="card" id="sertificate">
             <div class="card-header">
                 Sertifikat<button class="btn btn-primary float-sm-right" v-on:click="editSertifikat" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
+                    Edit <i class="fas fa-edit"></i>
                     </button>
             </div>
 
@@ -596,7 +594,7 @@
             <div class="card-header">
                 Hasil Kinerja
                 <!-- <button class="btn btn-primary float-sm-right" v-on:click="editDataKinerja" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
+                    Edit <i class="fas fa-edit"></i>
                  -->    </button>
             </div>
 
@@ -692,7 +690,7 @@
             <div class="card-header">
                 Hasil Kompetensi
                 <!-- <button class="btn btn-primary float-sm-right" v-on:click="editDataKompetensi" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
+                    Edit <i class="fas fa-edit"></i>
                  </button> -->
             </div>
 
@@ -700,7 +698,7 @@
                 <div class="container">
 
                     <button class="btn btn-success float-sm-left" v-on:click="downloadKompetensi" v-bind:disabled="disableEdit">
-                    Unduh <i class="fas fa-download"></i>
+                    Download <i class="fas fa-download"></i>
                  </button>
 
                 </div>
@@ -713,7 +711,7 @@
             <div class="card-header">
                 Rekomendasi
                  <!-- <button class="btn btn-primary float-sm-right" v-on:click="editRekomendasi" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
+                    Edit <i class="fas fa-edit"></i>
                  </button> -->
             </div>
 
@@ -851,7 +849,7 @@
 
 <script>
     export default {
-        props: ['id', 'unit-kerja', 'posisi', 'kelompok-kompetensi', 'data-kinerja-temp', 'rekomendasi-training-temp', 'training-list', 'rekomendasi-posisi-temp'],
+        props: ['id_pmo', 'id', 'unit-kerja', 'posisi', 'kelompok-kompetensi', 'data-kinerja-temp', 'rekomendasi-training-temp', 'training-list', 'rekomendasi-posisi-temp'],
 
         data() {
             return {
@@ -874,6 +872,7 @@
                 riwayatPekerjaan: [],  
                 sertifikat: [],
 
+                isGeneral: false,
                 isShowAllDataKinerja: false,
                 disableEdit: false,
                 isEditProfile: false,
@@ -950,7 +949,7 @@
                     this.pegawai.tanggalLahir = responsePegawai["pegawai"]["tanggal_lahir"];
                     this.pegawai.email = responsePegawai["user"]["email"];
                     this.pegawai.nopeg = responsePegawai["pegawai"]["nip"];
-                    this.pegawai.imageProfileUrl = 'pimage/' + responsePegawai["pegawai"]["nip"] + '.' + responsePegawai["pegawai"]["ekstensi_foto"];
+                    this.pegawai.imageProfileUrl = 'http://localhost:8000/pages/pimage/' + responsePegawai["pegawai"]["nip"] + '.' + responsePegawai["pegawai"]["ekstensi_foto"];
                     this.pegawai.kompetensi.id = responsePegawai["pegawai"]["id_kelompok_kompetensi"];
                     this.updateProfilPegawai();
 
@@ -969,6 +968,9 @@
                     alert('Gagal mengambil data');
                 });
 
+            this.isGeneral = this.id_pmo === "null" ? true : false;
+            console.log("ID-PMO: " + this.id_pmo + ": " + this.isGeneral);
+
             //caching others
             this.cachedDataKinerja = JSON.parse(JSON.stringify(this.dataKinerja));
             
diff --git a/resources/assets/js/components/ProfilPegawaiSpecific.vue b/resources/assets/js/components/ProfilPegawaiSpecific.vue
deleted file mode 100644
index e4115578ad2790370d746142deee2f8e94178159..0000000000000000000000000000000000000000
--- a/resources/assets/js/components/ProfilPegawaiSpecific.vue
+++ /dev/null
@@ -1,1478 +0,0 @@
-<template>
-    <div>
-        <div class="card" id="profil-pegawai-specific">
-            <div class="card-header">
-                Profil Pegawai
-                <!-- <button class="btn btn-primary float-sm-right" v-on:click="editProfilPegawai" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
-                </button> -->
-            </div>
-
-            <div class="card-body">
-                <div class="card-container">
-                    <div class="row">
-                        <div class="col-sm-3 img-responsive">
-                            <img id="img-profile" v-bind:src="pegawai.imageProfileUrl" class="img-thumbnail">
-                            <br><br>
-                            <input type="file" v-if="isEditProfile" v-on:change="FileChangeProfile" class="form-control">
-                        </div>
-                        <div class="col-sm-1"></div>
-                        <div class="col-sm-7">
-                            <div class="row">
-                                <div class="col-sm-3 text-right">
-                                    Nama
-                                </div>
-                                <div class="col-sm-9">
-
-                                    <b v-if="!isEditProfile" v-text="pegawai.nama"></b>
-
-                                    <div id="edit-nama" class="form-group" v-if="isEditProfile">
-                                        <input v-model="pegawai.nama" type="text" class="form-control">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <hr>
-
-                            <div class="row">
-                                <div class="col-sm-3 text-right">
-                                    Tempat, Tanggal Lahir
-                                </div>
-                                <div class="col-sm-9">
-                                    <b v-if="!isEditProfile"><span v-text="pegawai.tempatLahir"></span>, <span v-text="pegawai.tanggalLahir"></span></b>
-
-                                    <div class="form-row" v-if="isEditProfile">
-                                        <div id="edit-tempat-lahir" class="form-group">
-                                            <input v-model="pegawai.tempatLahir" type="text" class="form-control">
-                                            <small class="form-text text-muted">*Tempat lahir. Wajib diisi</small>
-                                        </div>
-                                        <div id="edit-tanggal-lahir" class="form-group">
-                                            <input v-model="pegawai.tanggalLahir" type="date" class="form-control">
-                                            <small class="form-text text-muted">*Tanggal lahir. Wajib diisi</small>
-                                        </div>
-                                    </div>
-
-
-                                </div>
-                            </div>
-
-                            <hr>
-
-                            <div class="row">
-                                <div class="col-sm-3 text-right">
-                                    Email
-                                </div>
-                                <div class="col-sm-9">
-                                    <b v-if="!isEditProfile" v-text="pegawai.email"></b>
-
-                                    <div v-if="isEditProfile" id="edit-email" class="form-group">
-                                        <input v-model="pegawai.email" type="email" class="form-control">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-
-                                </div>
-                            </div>
-
-                            <hr>
-
-                            <div class="row">
-                                <div class="col-sm-3 text-right">
-                                    No. Pegawai
-                                </div>
-                                <div class="col-sm-9">
-                                    <b v-if="!isEditProfile" v-text="pegawai.nopeg"></b>
-
-                                    <div v-if="isEditProfile" id="edit-nopeg" class="form-group">
-                                        <input v-model="pegawai.nopeg" type="text" class="form-control">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <hr>
-
-                            <div class="row">
-                                <div class="col-sm-3 text-right">
-                                    Unit Kerja
-                                </div>
-                                <div class="col-sm-9">
-                                    <b v-if="!isEditProfile" v-text="pegawai.unitKerja.text"></b>
-
-                                    <div v-if="isEditProfile" id="edit-unit-kerja" class="form-group">
-                                        <select class="form-control" v-model="pegawai.unitKerja.id">
-                                            <option v-for="uk in unitKerja" v-bind:value="uk.id_unit_kerja">
-                                                {{ uk.nama_unit_kerja }}
-                                            </option>
-                                        </select>
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <hr>
-
-                            <div class="row">
-                                <div class="col-sm-3 text-right">
-                                    Jabatan
-                                </div>
-                                <div class="col-sm-9">
-                                    <b v-if="!isEditProfile" v-text="pegawai.posisi.text"></b>
-
-                                    <div v-if="isEditProfile" id="edit-posisi" class="form-group">
-                                        <select class="form-control" v-model="pegawai.posisi.id">
-                                            <option v-for="pos in posisi" v-bind:value="pos.id_posisi">
-                                                {{ pos.nama_posisi }}
-                                            </option>
-                                        </select>
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <hr>
-
-                            <div class="row">
-                                <div class="col-sm-3 text-right">
-                                    Kompetensi
-                                </div>
-                                <div class="col-sm-9">
-                                    <b v-if="!isEditProfile" v-text="pegawai.kompetensi.text"></b>
-
-                                    <div v-if="isEditProfile" id="edit-kompetensi" class="form-group">
-                                        <select class="form-control" v-model="pegawai.kompetensi.id">
-                                            <option v-for="kk in kelompokKompetensi" v-bind:value="kk.id_kelompok_kompetensi">
-                                                {{ kk.nama_kelompok_kompetensi }}
-                                            </option>
-                                        </select>
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <hr>
-
-                            <div class="row">
-                                <div class="col-sm-3 text-right">
-                                    Tahun Mulai Jabatan Saat Ini
-                                </div>
-                                <div class="col-sm-9">
-                                    <b v-if="!isEditProfile" v-text="pegawai.tahunMasuk"></b>
-
-                                    <div v-if="isEditProfile" id="edit-tahun-masuk" class="form-group">
-                                        <input v-model="pegawai.tahunMasuk" type="text" class="form-control">
-                                        <small class="form-text text-muted">*Sunting pada data kepegawaian di bawah</small>
-                                    </div>
-                                </div>
-                            </div>
-
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="card-footer text-muted" v-if="isEditProfile">
-                <a href="#profil-pegawai-specific" class="btn btn-success float-sm-right btn-simpan" v-on:click="saveProfilPegawai">
-                    Simpan <i class="fas fa-check"></i>
-                    </a>
-                <a href="#profil-pegawai-specific" class="btn btn-danger float-sm-right" v-on:click="cancelProfilPegawai">
-                    Batal <i class ="fas fa-times"></i>
-                </a>
-            </div>
-        </div>
-
-        <br>
-
-        <div class="card" id="data-kepegawaian">
-            <div class="card-header">
-                Data Kepegawaian
-                <!-- <button class="btn btn-primary float-sm-right" v-on:click="editDataKepegawaian" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
-                </button> -->
-            </div>
-
-            <div class="card-body">
-                <div class="container">
-
-                    <div v-if="dataKepegawaian.length === 0" class="no-data-kepegawaian">
-                        <div v-if="!isEditKepegawaian">
-                            Belum ditambahkan.
-                            <br>
-                        </div>
-                        <button v-if="isEditKepegawaian" class="btn btn-primary float-sm-left" v-on:click="addDataKepegawaian">
-                            Tambah <i class="fas fa-plus"></i>
-                        </button>
-                        
-                    </div>
-
-                    <div v-if="dataKepegawaian.length !== 0" class="data-kepegawaian">
-                        <table class="table">
-                            <thead>
-                            <tr>
-                                <th scope="col">Unit Kerja</th>
-                                <th scope="col">Jabatan</th>
-                                <!-- <th scope="col">Kompetensi</th> -->
-                                <th scope="col">Tahun Mulai</th>
-                                <th scope="col">Tahun Selesai</th>
-                            </tr>
-                            </thead>
-                            <tbody v-for="dk in dataKepegawaian">
-                            <tr v-if="!isEditKepegawaian">
-                                <td v-text="unitKerja.find(x => x.id_unit_kerja == dk.id_unit_kerja).nama_unit_kerja" ></td>
-                                <td v-text="posisi.find(x => x.id_posisi == dk.id_posisi).nama_posisi" ></td>
-                                <!-- <td v-text="kelompokKompetensi.find(x => x.id_kelompok_kompetensi == dk.id_kelompok_kompetensi).nama_kelompok_kompetensi" ></td> -->
-                                <td v-text="dk.tahun_masuk" ></td>
-                                <td v-text="dk.tahun_keluar" ></td>
-                            </tr>
-                            <tr v-if="isEditKepegawaian">
-                                <td>
-                                    <div class="form-group">
-                                        <select class="form-control" v-model="dk.id_unit_kerja">
-                                            <option v-for="uk in unitKerja" v-bind:value="uk.id_unit_kerja">
-                                                {{ uk.nama_unit_kerja }}
-                                            </option>
-                                        </select>
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <select class="form-control" v-model="dk.id_posisi">
-                                            <option v-for="pos in posisi" v-bind:value="pos.id_posisi">
-                                                {{ pos.nama_posisi }}
-                                            </option>
-                                        </select>
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <!-- <td>
-                                    <div class="form-group">
-                                        <select class="form-control" v-model="dk.id_kelompok_kompetensi">
-                                            <option v-for="kk in kelompokKomptensi" v-bind:value="kk.id_kelompok_kompetensi">
-                                                {{ kk.nama_kelompok_kompetensi }}
-                                            </option>
-                                        </select>
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td> -->
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="dk.tahun_masuk" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="dk.tahun_keluar" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Isi dengan "-" jika belum selesai</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <button v-bind:id="dataKepegawaian.indexOf(dk)" v-on:click="delDataKepegawaian($event)" class="btn btn-danger" type="button">
-                                        Hapus <i class="fas fa-trash-alt"></i>
-                                    </button>
-                                </td>
-                            </tr>
-                            </tbody>
-                            <button v-if="isEditKepegawaian" class="btn btn-primary float-sm-left" v-on:click="addDataKepegawaian">
-                                Tambah <i class="fas fa-plus"></i>
-                            </button>
-                        </table>
-
-                    </div>
-
-                    <br>
-
-                </div>
-            </div>
-            <div class="card-footer text-muted" v-if="isEditKepegawaian">
-                <a href="#data-kepegawaian" class="btn btn-success float-sm-right btn-simpan" v-on:click="saveDataKepegawaian">
-                    Simpan <i class="fas fa-check"></i>
-                    </a>
-                <a href="#data-kepegawaian" class="btn btn-danger float-sm-right" v-on:click="cancelDataKepegawaian">
-                    Batal <i class ="fas fa-times"></i>
-                </a>
-            </div>
-        </div>
-
-        <br>
-
-        <div class="card" id="riwayat-pegawai">
-            <div class="card-header">
-                Riwayat Pendidikan dan Pekerjaan
-                <!-- <button class="btn btn-primary float-sm-right" v-on:click="editRiwayatPegawai" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
-                </button> -->
-            </div>
-
-            <div class="card-body">
-                <div class="container">
-
-                    <h5>Riwayat Pendidikan</h5>
-
-                    <div v-if="riwayatPendidikan.length === 0" class="no-riwayat-pendidikan">
-                        <div v-if="!isEditRiwayat">
-                            <hr>
-                            Belum ditambahkan.
-                            <br>
-                        </div>
-                        <button v-if="isEditRiwayat" class="btn btn-primary float-sm-left" v-on:click="addRiwayatPendidikan">
-                            Tambah <i class="fas fa-plus"></i>
-                        </button>
-                    </div>
-
-                    <div v-if="riwayatPendidikan.length !== 0" class="riwayat-pendidikan">
-                        <table class="table">
-                            <thead>
-                            <tr>
-                                <th scope="col">Tingkat Pendidikan</th>
-                                <th scope="col">Nama Institusi</th>
-                                <th scope="col">Jurusan</th>
-                                <th scope="col">Tahun Masuk</th>
-                                <th scope="col">Tahun Keluar</th>
-                            </tr>
-                            </thead>
-                            <tbody v-for="rp in riwayatPendidikan">
-                            <tr v-if="!isEditRiwayat">
-                                <td v-text="rp.strata" ></td>
-                                <td v-text="rp.nama_institusi" ></td>
-                                <td v-text="rp.jurusan" ></td>
-                                <td v-text="rp.tahun_masuk" ></td>
-                                <td v-text="rp.tahun_keluar" ></td>
-                            </tr>
-                            <tr v-if="isEditRiwayat">
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="rp.strata" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="rp.nama_institusi" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="rp.jurusan" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="rp.tahun_masuk" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="rp.tahun_keluar" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Isi dengan "-" jika belum selesai</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <button v-bind:id="riwayatPendidikan.indexOf(rp)" v-on:click="delRiwayatPendidikan($event)" class="btn btn-danger" type="button">
-                                        Hapus <i class="fas fa-trash-alt"></i>
-                                    </button>
-                                </td>
-                            </tr>
-
-                            </tbody>
-                            <button v-if="isEditRiwayat" class="btn btn-primary float-sm-left" v-on:click="addRiwayatPendidikan">
-                                Tambah <i class="fas fa-plus"></i>
-                            </button>
-                        </table>
-
-                    </div>
-
-                    <br><br>
-
-
-                    <h5>Riwayat Pekerjaan (di luar ITB)</h5>
-
-                    <div v-if="riwayatPekerjaan.length === 0" class="no-riwayat-pekerjaan">
-                        <div v-if="!isEditRiwayat">
-                            <hr>
-                            Belum ditambahkan.
-                            <br>
-                        </div>
-                        <button v-if="isEditRiwayat" class="btn btn-primary float-sm-left" v-on:click="addRiwayatPekerjaan">
-                            Tambah <i class="fas fa-plus"></i>
-                        </button>
-                    </div>
-
-                    <div v-if="riwayatPekerjaan.length !== 0" class="riwayat-pekerjaan">
-                        <table class="table">
-                            <thead>
-                            <tr>
-                                <th scope="col">Nama Institusi</th>
-                                <th scope="col">Jabatan</th>
-                                <th scope="col">Tahun Masuk</th>
-                                <th scope="col">Tahun Keluar</th>
-                            </tr>
-                            </thead>
-                            <tbody v-for="rp in riwayatPekerjaan">
-                            <tr v-if="!isEditRiwayat">
-                                <td v-text="rp.nama_institusi" ></td>
-                                <td v-text="rp.posisi" ></td>
-                                <td v-text="rp.tahun_masuk" ></td>
-                                <td v-text="rp.tahun_keluar" ></td>
-                            </tr>
-
-                            <tr v-if="isEditRiwayat">
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="rp.nama_institusi" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="rp.posisi" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="rp.tahun_masuk" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="rp.tahun_keluar" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Isi dengan "-" jika belum selesai</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <button v-bind:id="riwayatPekerjaan.indexOf(rp)" v-on:click="delRiwayatPekerjaan($event)" class="btn btn-danger" type="button">
-                                        Hapus <i class="fas fa-trash-alt"></i>
-                                    </button>
-                                </td>
-                            </tr>
-                            </tbody>
-                            <button v-if="isEditRiwayat" class="btn btn-primary float-sm-left" v-on:click="addRiwayatPekerjaan">
-                                Tambah <i class="fas fa-plus"></i>
-                            </button>
-                        </table>
-
-                    </div>
-
-                </div>
-            </div>
-            <div class="card-footer text-muted" v-if="isEditRiwayat">
-                <a href="#riwayat-pegawai" class="btn btn-success float-sm-right btn-simpan" v-on:click="saveRiwayatPegawai">
-                    Simpan <i class="fas fa-check"></i>
-                    </a>
-                <a href="#riwayat-pegawai" class="btn btn-danger float-sm-right" v-on:click="cancelRiwayatPegawai">
-                    Batal <i class ="fas fa-times"></i>
-                </a>
-            </div>
-        </div>
-
-        <br>
-
-        <div class="card" id="sertificate">
-            <div class="card-header">
-                Sertifikat<button class="btn btn-primary float-sm-right" v-on:click="editSertifikat" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
-                    </button>
-            </div>
-
-            <div class="card-body">
-                <div class="container">
-                    <div v-if="sertifikat.length === 0" class="no-sertificate">
-                        <div v-if="!isEditSertifikat">
-                            Belum ditambahkan.
-                            <br>
-                        </div>
-                        <button v-if="isEditSertifikat" class="btn btn-primary float-sm-left" v-on:click="addSertifikat">
-                            Tambah <i class="fas fa-plus"></i>
-                        </button>
-                    </div>
-
-                    <div v-if="sertifikat.length !== 0" class="sertificate">
-                        <table class="table" align="left" style="width: 100%">
-                            <tbody v-for="dk in sertifikat">
-                            <div v-if="!isEditSertifikat">
-                                <colgroup>
-                                    <col width="35%">
-                                    <col width="15%">
-                                    <col width="50%">
-                                </colgroup>
-                                <tr>
-                                    <td rowspan="4">
-                                        <img id="img-sertifikat-1" v-bind:src="dk.nama_file" class="img-thumbnail" width="200">
-                                    </td>
-                                    <th scope="col">Judul</th>
-                                    <td v-text="dk.judul" ></td>
-                                </tr>
-                                <tr>
-                                    <th scope="col">Lembaga</th>
-                                    <td v-text="dk.lembaga" ></td>
-                                </tr>
-                                <tr>
-                                    <th scope="col">Tahun Diterbitkan</th>
-                                    <td v-text="dk.tahun_diterbitkan" ></td>
-                                </tr>
-                                <tr>
-                                    <th scope="col">Catatan</th>
-                                    <td v-text="dk.catatan" ></td>   
-                                </tr>
-                            </div>
-
-                            <div v-if="isEditSertifikat">
-                            <tr>
-                                <td rowspan="4">
-                                    <div>
-                                        <button v-bind:id="sertifikat.indexOf(dk)" v-on:click="delSertifikat($event)" class="btn btn-danger" type="button">
-                                            Hapus <i class="fas fa-trash-alt"></i>
-                                        </button>
-                                    </div>
-                                </td>
-                                <td rowspan="4">
-                                    <img id="img-sertifikat-1" v-bind:src="dk.nama_file" class="img-thumbnail" width="200">
-                                    <br><br>
-                                    <input type="file" v-bind:id="sertifikat.indexOf(dk)" v-on:change="FileChangeSertifikat" class="form-control">
-                                </td>
-                                <th scope="col">Judul</th>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="dk.judul" type="text" class="form-control">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                            </tr>
-                            <tr>
-                                <th scope="col">Lembaga</th>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="dk.lembaga" type="text" class="form-control">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                            </tr>
-                            <tr>
-                                <th scope="col">Tahun Diterbitkan</th>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="dk.tahun_diterbitkan" type="text" class="form-control">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                            </tr>
-                            <tr>
-                                <th scope="col">Catatan</th>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="dk.catatan" type="text" class="form-control">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                            </tr>
-                            </div>
-                            </tbody>
-                            <button v-if="isEditSertifikat" class="btn btn-primary float-sm-left" v-on:click="addSertifikat">
-                                Tambah <i class="fas fa-plus"></i>
-                            </button>
-                        </table>
-                    </div>
-                </div>
-            </div>
-            <div class="card-footer text-muted" v-if="isEditSertifikat">
-                <a href="#sertificate" class="btn btn-success float-sm-right btn-simpan" v-on:click="saveSertifikat">
-                    Simpan <i class="fas fa-check"></i>
-                    </a>
-                <a href="#sertificate" class="btn btn-danger float-sm-right" v-on:click="cancelSertifikat">
-                    Batal <i class ="fas fa-times"></i>
-                </a>
-            </div>
-        </div>
-
-
-        <br>
-
-        <div class="card" id="data-kinerja">
-            <div class="card-header">
-                Hasil Kinerja<button class="btn btn-primary float-sm-right" v-on:click="editDataKinerja" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
-                    </button>
-            </div>
-
-            <div class="card-body">
-                <div class="container">
-                    <div v-if="dataKinerja.length === 0" class="no-data-kinerja">
-                        <div v-if="!isEditDataKinerja">
-                            Belum ditambahkan.
-                            <br>
-                        </div>
-                        <button v-if="isEditDataKinerja" class="btn btn-primary float-sm-left" v-on:click="addDataKinerja">
-                            Tambah <i class="fas fa-plus"></i>
-                        </button>
-                    </div>
-
-                    <div v-if="dataKinerja.length !== 0" class="data-kinerja">
-                        <table class="table">
-                            <thead>
-                            <tr>
-                                <th scope="col">Tahun</th>
-                                <th scope="col">Semester</th>
-                                <th scope="col">Nilai</th>
-                                <th scope="col">Catatan</th>
-                            </tr>
-                            </thead>
-                            <tbody>
-                                
-                            <tr v-if="!isEditDataKinerja" v-for="dks in dataKinerjaShow">
-                                <td v-text="dks.tahun" ></td>
-                                <td v-text="dks.semester" ></td>
-                                <td v-text="dks.nilai" ></td>
-                                <td v-text="dks.catatan" ></td>
-                            </tr>
-
-                            <tr v-if="isEditDataKinerja" v-for="dk in dataKinerja">
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="dk.tahun" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="dk.semester" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="dk.nilai" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <input v-model="dk.catatan" type="text" class="form-control text-center">
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <button v-bind:id="dataKinerja.indexOf(dk)" v-on:click="delDataKinerja($event)" class="btn btn-danger" type="button">
-                                        Hapus <i class="fas fa-trash-alt"></i>
-                                    </button>
-                                </td>
-                            </tr>
-                            </tbody>
-                            <a href="#data-kinerja" v-if="!isEditDataKinerja && !isShowAllDataKinerja" class="btn btn-primary float-sm-left" v-on:click="showAllDataKinerja">
-                                Tamplikan semua <i class="fas fa-eye"></i>
-                            </a>
-                            <a href="#data-kinerja" v-if="!isEditDataKinerja && isShowAllDataKinerja" class="btn btn-danger float-sm-left" v-on:click="hideDataKinerja">
-                                Sembunyikan sebagian <i class="fas fa-eye-slash"></i>
-                            </a>
-                            <button v-if="isEditDataKinerja" class="btn btn-primary float-sm-left" v-on:click="addDataKinerja">
-                                Tambah <i class="fas fa-plus"></i>
-                            </button>
-                        </table>
-                    </div>
-                </div>
-            </div>
-            <div class="card-footer text-muted" v-if="isEditDataKinerja">
-                <a href="#data-kinerja" class="btn btn-success float-sm-right btn-simpan" v-on:click="saveDataKinerja">
-                    Simpan <i class="fas fa-check"></i>
-                    </a>
-                <a href="#data-kinerja" class="btn btn-danger float-sm-right" v-on:click="cancelDataKinerja">
-                    Batal <i class ="fas fa-times"></i>
-                </a>
-            </div>
-        </div>
-
-        <br>
-
-        <div class="card" id="data-kompetensi">
-            <div class="card-header">
-                Hasil Kompetensi<button class="btn btn-primary float-sm-right" v-on:click="editKommpetensi" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
-                    </button>
-            </div>
-
-            <div class="card-body">
-                <div class="container">
-
-                     <button class="btn btn-success float-sm-left" v-on:click="downloadKompetensi" v-bind:disabled="disableEdit">
-                    Unduh <i class="fas fa-download"></i>
-                 </button>
-
-                </div>
-            </div>
-        </div>
-
-        <br>
-
-        <div class="card" id="rekomendasi">
-            <div class="card-header">
-                Rekomendasi<button class="btn btn-primary float-sm-right" v-on:click="editRekomendasi" v-bind:disabled="disableEdit">
-                    Sunting <i class="fas fa-edit"></i>
-                    </button>
-            </div>
-
-            <div class="card-body">
-                <div class="container">
-
-                    <h5>Rekomendasi Training</h5>
-
-                    <hr>
-
-                    <div v-if="rekomendasiTraining.length === 0" class="no-rekomendasi-posisi">
-                        <div v-if="!isEditRekomendasi">
-                            Belum ditambahkan.
-                            <br>
-                        </div>
-                        <button v-if="isEditRekomendasi" class="btn btn-primary float-sm-left" v-on:click="addRekomendasiTraining">
-                            Tambah <i class="fas fa-plus"></i>
-                        </button>
-                        
-                    </div>
-
-                    <div v-if="rekomendasiTraining.length !== 0" v-for="rt in rekomendasiTraining" class="rekomendasi-training">
-                        <ul v-if="!isEditRekomendasi">
-                            <li v-text="trainingList.find(x => x.id_training == rt.id_training).nama_training"></li>
-                        </ul>
-
-                        <div v-if="isEditRekomendasi" class="form-group row">
-                            <div class="col-sm-10">
-                                <select class="form-control" v-model="rt.id_training">
-                                    <option v-for="tl in trainingList" v-bind:value="tl.id_training">
-                                        {{ tl.nama_training }}
-                                    </option>
-                                </select>
-                                <small class="form-text text-muted">*Wajib diisi</small>
-                            </div>
-                            <div class="col-sm-1">
-                                <button v-bind:id="rekomendasiTraining.indexOf(rt)" v-on:click="delRekomendasiTraining($event)" class="btn btn-danger" type="button">
-                                    Hapus <i class="fas fa-trash-alt"></i>
-                                </button>
-                            </div>
-                            
-                        </div>
-
-
-                    </div>
-
-                    <button v-if="isEditRekomendasi && rekomendasiTraining.length !== 0" class="btn btn-primary float-sm-left" v-on:click="addRekomendasiTraining">
-                        Tambah <i class="fas fa-plus"></i>
-                    </button>
-
-                    <br><br><br>
-
-
-                    <h5>Rekomendasi Lain-lain</h5>
-
-                    
-
-                    <div v-if="rekomendasiPosisi.length === 0" class="no-rekomendasi-posisi">
-                        <div v-if="!isEditRekomendasi">
-                            <hr>
-                            Belum ditambahkan.
-                            <br>
-                        </div>
-                        <button v-if="isEditRekomendasi" class="btn btn-primary float-sm-left" v-on:click="addRekomendasiPosisi">
-                            Tambah <i class="fas fa-plus"></i>
-                        </button>
-                        
-                    </div>
-
-                    <div v-if="rekomendasiPosisi.length !== 0" class="rekomendasi-posisi">
-                        <table class="table">
-                            <thead>
-                            <tr>
-                                <th scope="col">Unit Kerja</th>
-                                <th scope="col">Jabatan</th>
-                            </tr>
-                            </thead>
-                            <tbody v-for="rp in rekomendasiPosisi">
-                            <tr v-if="!isEditRekomendasi">
-                                <td v-text="unitKerja.find(x => x.id_unit_kerja == rp.id_unit_kerja).nama_unit_kerja" ></td>
-                                <td v-text="posisi.find(x => x.id_posisi == rp.id_posisi).nama_posisi" ></td>
-                            </tr>
-                            <tr v-if="isEditRekomendasi">
-                                <td>
-                                    <div class="form-group">
-                                        <select class="form-control" v-model="rp.id_unit_kerja">
-                                            <option v-for="uk in unitKerja" v-bind:value="uk.id_unit_kerja">
-                                                {{ uk.nama_unit_kerja }}
-                                            </option>
-                                        </select>
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <div class="form-group">
-                                        <select class="form-control" v-model="rp.id_posisi">
-                                            <option v-for="pos in posisi" v-bind:value="pos.id_posisi">
-                                                {{ pos.nama_posisi }}
-                                            </option>
-                                        </select>
-                                        <small class="form-text text-muted">*Wajib diisi</small>
-                                    </div>
-                                </td>
-                                <td>
-                                    <button v-bind:id="rekomendasiPosisi.indexOf(rp)" v-on:click="delRekomendasiPosisi($event)" class="btn btn-danger" type="button">
-                                        Hapus <i class="fas fa-trash-alt"></i>
-                                    </button>
-                                </td>
-                            </tr>
-                            </tbody>
-                            <button v-if="isEditRekomendasi" class="btn btn-primary float-sm-left" v-on:click="addRekomendasiPosisi">
-                                Tambah <i class="fas fa-plus"></i>
-                            </button>
-                        </table>
-
-                    </div>
-
-                    <br>
-
-                </div>
-            </div>
-            <div class="card-footer text-muted" v-if="isEditRekomendasi">
-                <a href="#rekomendasi" class="btn btn-success float-sm-right btn-simpan" v-on:click="saveRekomendasi">
-                    Simpan <i class="fas fa-check"></i>
-                    </a>
-                <a href="#rekomendasi" class="btn btn-danger float-sm-right" v-on:click="cancelRekomendasi">
-                    Batal <i class ="fas fa-times"></i>
-                </a>
-            </div>
-        </div>
-
-    </div>
-
-</template>
-
-<script>
-    export default {
-        props: ['id-pmo','id', 'unit-kerja', 'posisi', 'kelompok-kompetensi', 'data-kinerja-temp', 'rekomendasi-training-temp', 'training-list', 'rekomendasi-posisi-temp'],
-
-        data() {
-            return {
-                
-                pegawai: {
-                    imageProfileUrl: "",
-                    nama: "",
-                    tempatLahir: "",
-                    tanggalLahir: "",
-                    email: "",
-                    nopeg: "",
-                    unitKerja: "",
-                    posisi: "",
-                    kompetensi: "",
-                    tahunMasuk: ""
-                },
-                dataKepegawaian: [],
-                dataKepegawaianPrev: null,
-                riwayatPendidikan: [],
-                riwayatPekerjaan: [],  
-                sertifikat: [],
-
-                isShowAllDataKinerja: false,
-                disableEdit: false,
-                isEditProfile: false,
-                isEditKepegawaian: false,
-                isEditRiwayat: false,
-                isEditSertifikat: false,
-                isEditDataKinerja: false,
-                isEditRekomendasi: false,
-                cachedPegawai: null,
-                cachedDataKepegawaian: null,
-                cachedRiwayatPendidikan: null,
-                cachedRiwayatPekerjaan: null,
-                cachedSertifikat: null,
-                cachedDataKinerja: null,
-                cachedRekomendasiTraining: null,
-                cachedRekomendasiPosisi:null,
-                pegawai: {
-                    imageProfileUrl: null,
-                    nama: null,
-                    tempatLahir: null,
-                    tanggalLahir: null,
-                    email: null,
-                    nopeg: null,
-                    unitKerja: {
-                        id: null,
-                        text: null
-                    },
-                    posisi: {
-                        id: null,
-                        text: null   
-                    },
-                    kompetensi: {
-                        id: null,
-                        text: null   
-                    },
-                    tahunMasuk: null
-                },
-                dataKepegawaian: [],
-                riwayatPendidikan: [],
-                riwayatPekerjaan: [],
-                dataKinerja: [],
-                dataKinerjaShow: [],
-                rekomendasiTraining : [],
-                rekomendasiPosisi : []
-            }
-               
-        },  
-
-        mounted() {
-            
-        },
-
-        created() {
-            //dataKinerja
-            this.dataKinerja = this.dataKinerjaTemp;
-
-            axios.get('/api/pegawai/' + this.id)
-                .then((response) => {
-                    //get data from api response
-                    var responsePegawai = response.data["data"];
-
-                    this.dataKepegawaian = responsePegawai["kepegawaian"];
-                    this.riwayatPendidikan = responsePegawai["pendidikan"];
-                    this.riwayatPekerjaan = responsePegawai["pekerjaan"];
-                    this.updateDataKepegawaian();
-
-                    this.dataKepegawaianPrev = this.dataKepegawaian[this.dataKepegawaian.length-1];
-
-                    this.sertifikat = responsePegawai["sertifikat"];
-                    this.updateSertifikat();
-
-                    this.pegawai.nama = responsePegawai["user"]["name"];
-                    this.pegawai.tempatLahir = responsePegawai["pegawai"]["tempat_lahir"];
-                    this.pegawai.tanggalLahir = responsePegawai["pegawai"]["tanggal_lahir"];
-                    this.pegawai.email = responsePegawai["user"]["email"];
-                    this.pegawai.nopeg = responsePegawai["pegawai"]["nip"];
-                    this.pegawai.imageProfileUrl = 'http://localhost:8000/pages/pimage/' + responsePegawai["pegawai"]["nip"] + '.' + responsePegawai["pegawai"]["ekstensi_foto"];
-                    this.pegawai.kompetensi.id = responsePegawai["pegawai"]["id_kelompok_kompetensi"];
-                    this.updateProfilPegawai();
-
-                    //chacing
-                    this.cachedPegawai = JSON.parse(JSON.stringify(this.pegawai));
-                    this.cachedDataKepegawaian = JSON.parse(JSON.stringify(this.dataKepegawaian));
-                    this.cachedRiwayatPendidikan = JSON.parse(JSON.stringify(this.riwayatPendidikan));
-                    this.cachedRiwayatPekerjaan = JSON.parse(JSON.stringify(this.riwayatPekerjaan));
-                    this.cachedSertifikat = JSON.parse(JSON.stringify(this.sertifikat));
-                    this.cachedDataKinerja = JSON.parse(JSON.stringify(this.dataKinerja));
-
-                    console.log(this);
-                })
-                .catch(function (error) {
-                    console.log(error);
-                    alert('Gagal mengambil data');
-                });
-
-            //caching others
-            this.cachedDataKinerja = JSON.parse(JSON.stringify(this.dataKinerja));
-            
-            // init dataKinerjaShow
-            if (this.dataKinerja.length > 6) {
-                this.dataKinerjaShow = this.dataKinerja.slice(this.dataKinerja.length-6);
-            } else {
-                this.dataKinerjaShow = this.dataKinerja;
-            }
-
-            //init rekomendasiTraining
-            this.rekomendasiTraining = this.rekomendasiTrainingTemp;
-            this.cachedRekomendasiTraining = JSON.parse(JSON.stringify(this.rekomendasiTraining));
-
-            //init rekomendasiPosisi
-            this.rekomendasiPosisi = this.rekomendasiPosisiTemp;
-            this.cachedRekomendasiPosisi = JSON.parse(JSON.stringify(this.rekomendasiPosisi));
-        },
-
-        methods: {
-            downloadKompetensi() {
-                window.open('/api/kompetensi/report/' + this.id);
-            },
-
-            editKommpetensi() {
-                window.open('/pages/pmo?nip=' + this.pegawai.nopeg + '&tab=dataKompetensi');
-            },
-
-            showAllDataKinerja() {
-                this.isShowAllDataKinerja = true;
-                this.dataKinerjaShow = this.dataKinerja;
-            },
-
-            hideDataKinerja() {
-                this.isShowAllDataKinerja = false;
-                
-                if (this.dataKinerja.length > 6) {
-                    this.dataKinerjaShow = this.dataKinerja.slice(this.dataKinerja.length-6);
-                }
-            },
-
-            updateProfilPegawai() {
-                if (this.pegawai.unitKerja.id != null) {
-                    this.pegawai.unitKerja.text = this.unitKerja.find(x => x.id_unit_kerja == this.pegawai.unitKerja.id).nama_unit_kerja;
-                } else {
-                    this.pegawai.unitKerja.text = null;
-                }
-                
-                if (this.pegawai.kompetensi.id != null) {
-                    this.pegawai.kompetensi.text = this.kelompokKompetensi.find(x => x.id_kelompok_kompetensi == this.pegawai.kompetensi.id).nama_kelompok_kompetensi;
-                } else {
-                    this.pegawai.kompetensi.text = null;
-                }
-                    
-                if (this.pegawai.posisi.id != null) {
-                    this.pegawai.posisi.text = this.posisi.find(x => x.id_posisi == this.pegawai.posisi.id).nama_posisi;
-                } else {
-                    this.pegawai.posisi.text = null;
-                }
-            },
-
-            updateDataKepegawaian() {
-                
-                //update relevan
-                if (this.dataKepegawaian.length == 0) {
-                    this.pegawai.unitKerja.id = null;
-                    this.pegawai.posisi.id = null;
-                    // this.pegawai.kompetensi.id = null;
-                    this.pegawai.tahunMasuk = null;
-                } else {
-                    //sort
-                    this.dataKepegawaian.sort(function(a, b){
-                        var keyA = a.tahun_masuk,
-                            keyB = b.tahun_masuk;
-                        // Compare the 2 dates
-                        if(keyA < keyB) return -1;
-                        if(keyA > keyB) return 1;
-                        return 0;
-                    });
-                    var lastDataPegawai = this.dataKepegawaian[this.dataKepegawaian.length-1];
-                    this.pegawai.unitKerja.id = lastDataPegawai["id_unit_kerja"];
-                    this.pegawai.posisi.id = lastDataPegawai["id_posisi"];
-                    // this.pegawai.kompetensi.id = lastDataPegawai["id_kelompok_kompetensi"];
-                    this.pegawai.tahunMasuk = lastDataPegawai["tahun_masuk"];
-                }
-            },
-
-            updateDataKepegawaianAfterEditProfile() {
-                
-                //update relevan
-                if (this.dataKepegawaian.length == 0) {
-                    var newData = {
-                        id_data_kepegawaian : null,
-                        id_pegawai : null,
-                        id_unit_kerja : this.pegawai.unitKerja.id,
-                        id_posisi : this.pegawai.posisi.id,
-                        // id_kelompok_kompetensi : this.pegawai.kompetensi.id,
-                        tahun_masuk : this.pegawai.tahunMasuk,
-                        tahun_keluar : null
-                    };
-                    this.dataKepegawaian.push(newData);
-                } else {
-                    //sort
-                    this.dataKepegawaian.sort(function(a, b){
-                        var keyA = a.tahun_masuk,
-                            keyB = b.tahun_masuk;
-                        // Compare the 2 dates
-                        if(keyA < keyB) return -1;
-                        if(keyA > keyB) return 1;
-                        return 0;
-                    });
-                    var lastDataPegawai = this.dataKepegawaian[this.dataKepegawaian.length-1];
-                    lastDataPegawai["id_unit_kerja"] = this.pegawai.unitKerja.id;
-                    lastDataPegawai["id_posisi"] = this.pegawai.posisi.id;
-                    // lastDataPegawai["id_kelompok_kompetensi"] = this.pegawai.kompetensi.id;
-                    lastDataPegawai["tahun_masuk"] = this.pegawai.tahunMasuk;
-                }
-            },
-
-            updateSertifikat(){
-                for(var i = 0; i < this.sertifikat.length; i++){
-                    this.sertifikat[i].nama_file = 'http://localhost:8000/pages/simage/' + this.sertifikat[i].nama_file;
-                }
-            },
-
-            disableEditButton() {
-                this.disableEdit = true;
-            },
-
-            enableEditButton() {
-                this.disableEdit = false;
-            },
-
-            editProfilPegawai() {
-                this.isEditProfile = true;
-                this.disableEditButton();
-            },
-
-            editDataKepegawaian() {
-                this.isEditKepegawaian = true;
-                this.disableEditButton();
-            },
-
-            editRiwayatPegawai() {
-                this.isEditRiwayat = true;
-                this.disableEditButton();
-            },
-
-            editSertifikat() {
-                this.isEditSertifikat = true;
-                this.disableEditButton();
-            },
-
-            editDataKinerja() {
-                this.isEditDataKinerja = true;
-                this.disableEditButton();
-            },
-
-            editDataKompetensi() {
-
-            },
-
-            editRekomendasi() {
-                this.isEditRekomendasi = true;
-                this.disableEditButton();
-            },
-
-            addDataKepegawaian() {
-                var newData = {
-                    id_data_kepegawaian : null,
-                    id_pegawai : null,
-                    id_unit_kerja : null,
-                    id_posisi : null,
-                    // id_kelompok_kompetensi : null,
-                    tahun_masuk : null,
-                    tahun_keluar : null
-                };
-                this.dataKepegawaian.push(newData);
-            },
-
-            addRiwayatPendidikan() {
-                var newData = {
-                    id_riwayat_pendidikan : null,
-                    id_pegawai : null,
-                    nama_institusi : null,
-                    strata : null,
-                    jurusan : null,
-                    tahun_masuk : null,
-                    tahun_keluar : null
-                };
-                this.riwayatPendidikan.push(newData);
-            },
-
-            addRiwayatPekerjaan() {
-                var newData = {
-                    id_riwayat_pekerjaan : null,
-                    id_pegawai : null,
-                    nama_institusi : null,
-                    posisi : null,
-                    tahun_masuk : null,
-                    tahun_keluar : null
-                };
-                this.riwayatPekerjaan.push(newData);
-            },
-
-            addSertifikat() {
-                var newData = {
-                    id_sertifikat : null,
-                    id_pegawai : null,
-                    judul : null,
-                    lembaga : null,
-                    tahun_diterbitkan : null,
-                    catatan : null,
-                    nama_file : null,
-                };
-                this.sertifikat.push(newData);
-            },
-
-            addDataKinerja() {
-                var newData = {
-                    id_kinerja : null,
-                    id_pegawai : null,
-                    tahun : null,
-                    semester : null,
-                    nilai : null,
-                    catatan : null
-                };
-                this.dataKinerja.push(newData);
-            },
-
-            addRekomendasiTraining() {
-                var newData = {
-                    id_rekomendasi_training : null,
-                    id_pegawai : null,
-                    id_training : null
-                };
-                this.rekomendasiTraining.push(newData);
-            },
-
-            addRekomendasiPosisi() {
-                var newData = {
-                    id_rekomendasi_training : null,
-                    id_pegawai : null,
-                    id_unit_kerja : null,
-                    id_posisi : null
-                };
-                this.rekomendasiPosisi.push(newData);
-            },
-
-            delDataKepegawaian(event) {
-                var targetIndex = event.currentTarget.id;
-                this.dataKepegawaian.splice(targetIndex, 1);
-            },
-
-            delRiwayatPendidikan(event) {
-                var targetIndex = event.currentTarget.id;
-                this.riwayatPendidikan.splice(targetIndex, 1);
-            },
-
-            delRiwayatPekerjaan(event) {
-                var targetIndex = event.currentTarget.id;
-                this.riwayatPekerjaan.splice(targetIndex, 1);
-            },
-
-            delSertifikat(event) {
-                var targetIndex = event.currentTarget.id;
-                this.sertifikat.splice(targetIndex, 1);
-            },
-
-            delDataKinerja(event) {
-                var targetIndex = event.currentTarget.id;
-                this.dataKinerja.splice(targetIndex, 1);
-            },
-
-            delRekomendasiTraining(event) {
-                var targetIndex = event.currentTarget.id;
-                this.rekomendasiTraining.splice(targetIndex, 1);
-            },
-
-            delRekomendasiPosisi(event) {
-                var targetIndex = event.currentTarget.id;
-                this.rekomendasiPosisi.splice(targetIndex, 1);
-            },
-
-            saveProfilPegawai() {
-                this.enableEditButton();
-
-                this.updateProfilPegawai();
-                this.updateDataKepegawaianAfterEditProfile();
-
-                this.cachedPegawai = JSON.parse(JSON.stringify(this.pegawai));
-                this.isEditProfile = false;
-
-                axios.post('/api/pegawai/' + this.id, {
-                    pegawai: this.pegawai,
-                    data_kepegawaian: this.dataKepegawaian,
-                    data_kepegawaian_prev: this.dataKepegawaianPrev,
-                    _method: "put"
-                })
-                .then(function (response) {
-                    console.log(response);
-                    window.location.href = '/pages/profile/' + this.id;
-                })
-                .catch(function (error) {
-                    console.log(error);
-                    alert('Semua kolom harus terisi');
-                });
-
-                console.log(this.dataKepegawaian);
-
-            },
-
-            saveDataKepegawaian() {
-                this.updateDataKepegawaian();
-                this.updateProfilPegawai();
-                this.enableEditButton();
-                this.cachedDataKepegawaian = JSON.parse(JSON.stringify(this.dataKepegawaian));
-                this.isEditKepegawaian = false;
-
-                console.log(this.dataKepegawaian);
-
-                axios.post('/api/kepegawaian/' + this.id, {
-                    kepegawaian: this.dataKepegawaian,
-                    _method: 'put'
-                })
-                .then(function (response) {
-                    console.log(response);
-                    window.location.href = "/pages/profile/" + this.id;
-                })
-                .catch(function (error) {
-                    console.log(error);
-                    alert('Semua kolom harus terisi');
-                });
-            },
-
-            saveRiwayatPegawai() {
-                //sort
-                this.riwayatPendidikan.sort(function(a, b){
-                        var keyA = a.tahun_masuk,
-                            keyB = b.tahun_masuk;
-                        // Compare the 2 dates
-                        if(keyA < keyB) return -1;
-                        if(keyA > keyB) return 1;
-                        return 0;
-                    });
-
-                //sort
-                this.riwayatPekerjaan.sort(function(a, b){
-                        var keyA = a.tahun_masuk,
-                            keyB = b.tahun_masuk;
-                        // Compare the 2 dates
-                        if(keyA < keyB) return -1;
-                        if(keyA > keyB) return 1;
-                        return 0;
-                    });
-
-                this.enableEditButton();
-                this.cachedRiwayatPendidikan = JSON.parse(JSON.stringify(this.riwayatPendidikan));
-                this.cachedRiwayatPekerjaan = JSON.parse(JSON.stringify(this.riwayatPekerjaan));
-                this.isEditRiwayat = false;
-
-                console.log(this.riwayatPendidikan);
-                console.log(this.riwayatPekerjaan);
-
-                axios.post('/api/riwayat/' + this.id, {
-                    pendidikan: this.riwayatPendidikan,
-                    pekerjaan: this.riwayatPekerjaan,
-                    _method: 'put'
-                })
-                .then(function (response) {
-                    console.log(response);
-                    window.location.href = "/pages/profile/" + this.id;
-                })
-                .catch(function (error) {
-                    console.log(error);
-                    alert('Semua kolom harus terisi');
-                });
-            },
-
-            saveSertifikat() {
-                this.enableEditButton();
-                this.cachedSertifikat = JSON.parse(JSON.stringify(this.sertifikat));
-                this.isEditSertifikat = false;
-                console.log(this.sertifikat);
-
-                axios.post('/api/sertifikat/' + this.id, {
-                    sertifikat: this.sertifikat,
-                    _method: 'put'
-                })
-                .then(function (response) {
-                    console.log(response);
-                    window.location.href = "/pages/profile/" + response.data.data;
-                })
-                .catch(function (error) {
-                    console.log(error);
-                    alert('Semua kolom harus terisi');
-                });
-            },
-
-            saveDataKinerja() {
-                //sort
-                this.dataKinerja.sort(function(a, b){
-                        var keyA = a.tahun,
-                            keyB = b.tahun;
-                        // Compare the 2 dates
-                        if(keyA < keyB) return -1;
-                        if(keyA > keyB) return 1;
-                        if (keyA == keyB) {
-                            if (a.semester < b.semester) return -1;
-                            else return 1;
-                        }
-                    });
-
-                this.enableEditButton();
-                this.cachedDataKinerja = JSON.parse(JSON.stringify(this.dataKinerja));
-                this.isEditDataKinerja = false;
-
-                if (this.isShowAllDataKinerja) {
-                    this.showAllDataKinerja();
-                } else {
-                    this.hideDataKinerja();
-                }
-            },
-
-            saveRekomendasi() {
-                this.enableEditButton();
-                this.cachedRekomendasiTraining = JSON.parse(JSON.stringify(this.rekomendasiTraining));
-                this.cachedRekomendasiPosisi = JSON.parse(JSON.stringify(this.rekomendasiPosisi));
-                this.isEditRekomendasi = false;
-            },
-
-            cancelProfilPegawai() {
-                this.enableEditButton();
-                this.pegawai = JSON.parse(JSON.stringify(this.cachedPegawai));
-                this.isEditProfile = false;
-            },
-
-            cancelDataKepegawaian() {
-                this.enableEditButton();
-                this.dataKepegawaian = JSON.parse(JSON.stringify(this.cachedDataKepegawaian));
-                this.isEditKepegawaian = false;
-            },
-
-            cancelRiwayatPegawai() {
-                this.enableEditButton();
-                this.riwayatPendidikan = JSON.parse(JSON.stringify(this.cachedRiwayatPendidikan));
-                this.riwayatPekerjaan = JSON.parse(JSON.stringify(this.cachedRiwayatPekerjaan));
-                this.isEditRiwayat = false;
-            },
-
-            cancelSertifikat() {
-                this.enableEditButton();
-                this.sertifikat = JSON.parse(JSON.stringify(this.cachedSertifikat));
-                this.isEditSertifikat = false;
-            },
-
-            cancelDataKinerja() {
-                this.enableEditButton();
-                this.dataKinerja = JSON.parse(JSON.stringify(this.cachedDataKinerja));
-                this.isEditDataKinerja = false;
-
-                if (this.isShowAllDataKinerja) {
-                    this.showAllDataKinerja();
-                } else {
-                    this.hideDataKinerja();
-                }
-            },
-
-            cancelRekomendasi() {
-                this.enableEditButton();
-                this.rekomendasiTraining = JSON.parse(JSON.stringify(this.cachedRekomendasiTraining));
-                this.rekomendasiPosisi = JSON.parse(JSON.stringify(this.cachedRekomendasiPosisi));
-                this.isEditRekomendasi = false;
-            },
-
-            FileChangeProfile(e) {
-                let files = e.target.files || e.dataTransfer.files;
-                if (!files.length)
-                    return;
-
-                let reader = new FileReader();
-                let vm = this;
-                reader.onload = (e) => {
-                    vm.pegawai.imageProfileUrl = e.target.result;
-                };
-                reader.readAsDataURL(files[0]);
-            },
-
-            FileChangeSertifikat(e) {
-                let files = e.target.files || e.dataTransfer.files;
-                if (!files.length)
-                    return;
-
-                var idx = e.currentTarget.id;
-
-                let reader = new FileReader();
-                let vm = this;
-                reader.onload = (e) => {
-                    vm.sertifikat[idx].nama_file = e.target.result;
-                };
-                reader.readAsDataURL(files[0]);
-            },
-        }
-    }
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/resources/assets/js/profile.js b/resources/assets/js/profile.js
index dba8c3d762d6835c7e4b0ef38f5096304614b144..6cc13081a219b4035348355a82a9b9a71413108b 100644
--- a/resources/assets/js/profile.js
+++ b/resources/assets/js/profile.js
@@ -10,7 +10,5 @@ new Vue({
     el: '#profile-page',
     components: {
         'profil-pegawai': require('./components/ProfilPegawai.vue'),
-        'profil-pegawai-specific': require('./components/ProfilPegawaiSpecific.vue'),
     }
-
 });
\ No newline at end of file
diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index 8527eb73806fdff359e34d412d2707761b0e4751..cd6f3db96e87268b292ab53a0bf705c435beb4cf 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -12,7 +12,7 @@
 @import '~pretty-checkbox/src/pretty-checkbox.scss';
 
 .navbar-laravel {
-  background-color: #fff;
+  background-color: #003366;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
 }
 
diff --git a/resources/views/.DS_Store b/resources/views/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..459ec493d8f18f0bee869eff750b2dc222f5b461
Binary files /dev/null and b/resources/views/.DS_Store differ
diff --git a/resources/views/layout-profile/footer.blade.php b/resources/views/layout-profile/footer.blade.php
index 32284f2e52f04e67aa11fafa8dd6922730188995..c00d514200e07766384c52f513b0a045e23ba74d 100644
--- a/resources/views/layout-profile/footer.blade.php
+++ b/resources/views/layout-profile/footer.blade.php
@@ -2,9 +2,9 @@
 <footer class="footer">
     <div class="container">
         @if ($nama_pengubah === "Anda")
-            <p class="float-right">Terakhir <b>{{$nama_pengubah}}</b> sunting
+            <p class="float-right">Terakhir <b>{{$nama_pengubah}}</b> edit
         @else
-            <p class="float-right">Terakhir disunting oleh <b>{{$nama_pengubah}}</b>
+            <p class="float-right">Terakhir diedit oleh <b>{{$nama_pengubah}}</b>
         @endif
              pada <b>{{$last_edited}}</b> &nbsp;&nbsp;&nbsp;&nbsp;<a class="btn btn-sm btn-primary"href="#"><i class="fas fa-angle-double-up"></i></a></p>
         <p>&copy; 2018 PMO ITB &middot; </p>
diff --git a/resources/views/layout-profile/master.blade.php b/resources/views/layout-profile/master.blade.php
index 0dc83b85c37f0e8c7d3ba2e52a869d8021a92d6f..6659f11f9909e5fc8ff09459e0c48209c2cd274b 100644
--- a/resources/views/layout-profile/master.blade.php
+++ b/resources/views/layout-profile/master.blade.php
@@ -17,6 +17,23 @@
 
     <link href="/css/profile.css" rel="stylesheet">
     <link href="/css/app.css" rel="stylesheet">
+
+    <style>
+        .card-header {
+        padding: 0.75rem 1.25rem;
+        margin-bottom: 0;
+        background-color: rgba(40, 185, 254, 0.8);
+        border-bottom: 1px solid rgba(40, 185, 254, 0.125);
+        font-size: 2.5vh;
+        color: #fff;
+        }
+
+        .card-footer {
+        padding: 0.75rem 1.25rem;
+        background-color: rgba(40, 185, 254, 0.8);
+        border-top: 1px solid rgba(40, 185, 254, 0.125);
+        }
+    </style>
 </head>
 
 <body>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 35101a3eff25c7e582a92e03041874ef64347759..7eab086d7d8ebab748fe95ed19a29d8c3571ebd1 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -17,6 +17,23 @@
     <!-- Style -->
     <link rel="stylesheet" href="/css/app.css">
 
+    <style>
+        .card-header {
+        padding: 0.75rem 1.25rem;
+        margin-bottom: 0;
+        background-color: rgba(40, 185, 254, 0.8);
+        border-bottom: 1px solid rgba(40, 185, 254, 0.125);
+        font-size: 2.5vh;
+        color: #fff;
+        }
+
+        .card-footer {
+        padding: 0.75rem 1.25rem;
+        background-color: rgba(40, 185, 254, 0.8);
+        border-top: 1px solid rgba(40, 185, 254, 0.125);
+        }
+    </style>
+
 </head>
 <body>
 <?php if(!isset($page)) {$page = '';}?>
@@ -43,7 +60,7 @@
                     <ul class="navbar-nav ml-auto">
                         <!-- Authentication Links -->
                         @guest
-                            <li><a class="nav-link" href="{{ route('login') }}">{{ __('Masuk') }}</a></li>
+                            <li><a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a></li>
                         @else
                             <li class="nav-item dropdown">
                                 <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
diff --git a/resources/views/profile/index.blade.php b/resources/views/profile/index.blade.php
index 84aa8c67a02a8f51604d5f274f6f9766c1f5dac1..4d1d26286961d6ca7f5ff35884aa3ddb372cb547 100644
--- a/resources/views/profile/index.blade.php
+++ b/resources/views/profile/index.blade.php
@@ -5,7 +5,8 @@
     <br>
 
 <profil-pegawai
-    id="{{ Auth::user()->id}}"
+    id_pmo="null"
+    :id="{{ Auth::user()->id }}"
     :data-kinerja-temp="{{ $data_kinerja }}"
     :unit-kerja="{{ $unit_kerja }}"
     :posisi="{{ $posisi }}"
diff --git a/resources/views/profile/pmo.blade.php b/resources/views/profile/pmo.blade.php
index 61cb593fee00f93b2747e0159de0f53740b67c63..787c3b54a25aa91afbbe8b57bf254a3a6337f544 100644
--- a/resources/views/profile/pmo.blade.php
+++ b/resources/views/profile/pmo.blade.php
@@ -4,8 +4,9 @@
 
     <br>
 
-<profil-pegawai-specific
-    id="{{ $id }}"
+<profil-pegawai
+    id_pmo="{{ $id_pmo }}"
+    :id="{{ $id }}"
     :data-kinerja-temp="{{ $data_kinerja }}"
     :unit-kerja="{{ $unit_kerja }}"
     :posisi="{{ $posisi }}"
@@ -13,7 +14,7 @@
     :rekomendasi-training-temp="{{ $rekomendasi_training }}"
     :training-list="{{ $training_list }}"
     :rekomendasi-posisi-temp="{{ $rekomendasi_posisi }}"
-></profil-pegawai-specific>
+></profil-pegawai>
 
     <br>