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">×</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> <a class="btn btn-sm btn-primary"href="#"><i class="fas fa-angle-double-up"></i></a></p> <p>© 2018 PMO ITB · </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>