{"version":3,"sources":["webpack:///./src/views/DashboardLevel2/DashboardDetailExercise.vue?db28","webpack:///./src/views/DashboardLevel2/DashboardDetailExercise.vue","webpack:///src/views/DashboardLevel2/DashboardDetailExercise.vue","webpack:///./src/views/DashboardLevel2/DashboardDetailExercise.vue?4530","webpack:///./src/views/DashboardLevel2/DashboardDetailExercise.vue?b78b"],"names":["$set","expression","staticClass","_c","attrs","$event","_vm","_v","scopedSlots","key","on","staticRenderFns","props","data","Object","detail_loading","user_name","nama","tanggal_lahir","headers","text","align","sortable","value","width","class","items","filters","date","format","Date","methods","subAspec_Reset","param","vm","ApiService","post","psi_sub_aspec_id","then","response","psi_sub_aspec_status","status","catch","finally","init","user_id","exercise_id","header","detail","dialogShow","component"],"mappings":"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","file":"js/chunk-5b89f442.a88188a1.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardDetailExercise.vue?vue&type=style&index=0&id=4cdd6ab6&prod&lang=stylus&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-dialog',{attrs:{\"fullscreen\":\"\",\"hide-overlay\":\"\",\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.data.dialogShow),callback:function ($$v) {_vm.$set(_vm.data, \"dialogShow\", $$v)},expression:\"data.dialogShow\"}},[_c('v-card',[_c('v-toolbar',{staticClass:\"elevation-1 green lighten-2\"},[_c('v-btn',{attrs:{\"flat\":\"\",\"icon\":\"\"},on:{\"click\":function($event){_vm.data.dialogShow = false}}},[_c('font-awesome-icon',{staticClass:\"black--text\",attrs:{\"icon\":\"arrow-left\",\"size\":\"2x\"}})],1),_c('v-spacer'),_c('v-toolbar-items')],1),_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-card',{staticClass:\"mb-3 py-3 elevation-1 green lighten-5\"},[_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"md6\":\"\"}},[_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium\",attrs:{\"md4\":\"\"}},[_vm._v(\"Username\")]),_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium green--text darken-4\",attrs:{\"md8\":\"\"}},[_vm._v(\": \"+_vm._s(_vm.user_name))])],1),_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium\",attrs:{\"md4\":\"\"}},[_vm._v(\"Nama\")]),_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium green--text darken-4\",attrs:{\"md8\":\"\"}},[_vm._v(\": \"+_vm._s(_vm.nama))])],1),_c('v-layout',{attrs:{\"align-start\":\"\",\"justify-start\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium\",attrs:{\"md4\":\"\"}},[_vm._v(\"Tanggal Lahir\")]),_c('v-flex',{staticClass:\"px-3 subHeading font-weight-medium green--text darken-4\",attrs:{\"md8\":\"\"}},[_vm._v(\": \"+_vm._s(_vm._f(\"date\")(_vm.tanggal_lahir)))])],1)],1)],1)],1),_c('v-card',{staticClass:\"mb-3 py-3 elevation-1 green lighten-5\"},[_c('v-data-table',{staticClass:\"elevation-0 ma-2\",attrs:{\"headers\":_vm.headers,\"items\":_vm.items,\"hide-actions\":\"\"},scopedSlots:_vm._u([{key:\"items\",fn:function(props){return [_c('td',{staticClass:\"text-xs-center\"},[_vm._v(_vm._s(props.index + 1))]),_c('td',{staticClass:\"text-xs-center\"},[(props.item.psi_sub_aspec_status==='COMPLETED')?_c('v-btn',{attrs:{\"loading\":_vm.detail_loading,\"depressed\":\"\",\"outline\":\"\",\"dark\":\"\",\"color\":\"red\",\"small\":\"\"},on:{\"click\":function($event){return _vm.subAspec_Reset(props.item)}}},[_c('v-icon',{staticClass:\"mr-2\"},[_vm._v(\"refresh\")]),_vm._v(\"reset \")],1):_vm._e()],1),_c('td',{staticClass:\"text-xs-left\",attrs:{\"nowrap\":\"\"}},[_vm._v(_vm._s(props.item.psi_sub_aspec_id))]),_c('td',{staticClass:\"text-xs-left\",attrs:{\"nowrap\":\"\"}},[_vm._v(_vm._s(props.item.sub_aspec_code))]),_c('td',{staticClass:\"text-xs-left\",attrs:{\"nowrap\":\"\"}},[_vm._v(_vm._s(props.item.sub_aspec_nama))]),_c('td',{staticClass:\"text-xs-left\",attrs:{\"nowrap\":\"\"}},[_vm._v(_vm._s(props.item.psi_sub_aspec_status))]),_c('td')]}}])})],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-dialog\r\n      v-model=\"data.dialogShow\"\r\n      fullscreen\r\n      hide-overlay\r\n      transition=\"dialog-bottom-transition\"\r\n    >\r\n      <v-card>\r\n        <v-toolbar class=\"elevation-1 green lighten-2\">\r\n          <v-btn flat icon @click=\"data.dialogShow = false\">\r\n            <font-awesome-icon icon=\"arrow-left\" size=\"2x\" class=\"black--text\" />\r\n          </v-btn>\r\n\r\n          <v-spacer></v-spacer>\r\n          <v-toolbar-items></v-toolbar-items>\r\n        </v-toolbar>\r\n\r\n        <v-container fluid>\r\n          <v-card class=\"mb-3 py-3 elevation-1 green lighten-5\">\r\n            <v-layout align-start justify-start row wrap>\r\n              <v-flex md6>\r\n                <v-layout align-start justify-start row wrap>\r\n                  <v-flex md4 class=\"px-3 subHeading font-weight-medium\">Username</v-flex>\r\n                  <v-flex\r\n                    md8\r\n                    class=\"px-3 subHeading font-weight-medium green--text darken-4\"\r\n                  >: {{user_name}}</v-flex>\r\n                </v-layout>\r\n                <v-layout align-start justify-start row wrap>\r\n                  <v-flex md4 class=\"px-3 subHeading font-weight-medium\">Nama</v-flex>\r\n                  <v-flex\r\n                    md8\r\n                    class=\"px-3 subHeading font-weight-medium green--text darken-4\"\r\n                  >: {{nama}}</v-flex>\r\n                </v-layout>\r\n\r\n                <v-layout align-start justify-start row wrap>\r\n                  <v-flex md4 class=\"px-3 subHeading font-weight-medium\">Tanggal Lahir</v-flex>\r\n                  <v-flex\r\n                    md8\r\n                    class=\"px-3 subHeading font-weight-medium green--text darken-4\"\r\n                  >: {{tanggal_lahir | date}}</v-flex>\r\n                </v-layout>\r\n              </v-flex>\r\n            </v-layout>\r\n          </v-card>\r\n\r\n          <v-card class=\"mb-3 py-3 elevation-1 green lighten-5\">\r\n            <v-data-table :headers=\"headers\" :items=\"items\" class=\"elevation-0 ma-2\" hide-actions>\r\n              <template slot=\"items\" slot-scope=\"props\">\r\n                <td class=\"text-xs-center\">{{ props.index + 1}}</td>\r\n                <td class=\"text-xs-center\">\r\n                  <v-btn\r\n                    v-if=\"props.item.psi_sub_aspec_status==='COMPLETED'\"\r\n                    :loading=\"detail_loading\"\r\n                    depressed\r\n                    outline\r\n                    dark\r\n                    color=\"red\"\r\n                    small\r\n                    @click=\"subAspec_Reset(props.item)\"\r\n                  >\r\n                    <v-icon class=\"mr-2\">refresh</v-icon>reset\r\n                  </v-btn>\r\n                </td>\r\n                <td class=\"text-xs-left\" nowrap>{{ props.item.psi_sub_aspec_id }}</td>\r\n                <td class=\"text-xs-left\" nowrap>{{ props.item.sub_aspec_code }}</td>\r\n                <td class=\"text-xs-left\" nowrap>{{ props.item.sub_aspec_nama }}</td>\r\n                <td class=\"text-xs-left\" nowrap>{{ props.item.psi_sub_aspec_status }}</td>\r\n\r\n                <td></td>\r\n              </template>\r\n            </v-data-table>\r\n          </v-card>\r\n        </v-container>\r\n      </v-card>\r\n    </v-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from \"@/common/api.service\";\r\nimport { format } from \"date-fns\";\r\n\r\nexport default {\r\n  props: {\r\n    data: Object\r\n  },\r\n  data: () => ({\r\n    detail_loading: false,\r\n    user_name: \"\",\r\n    nama: \"\",\r\n    tanggal_lahir: \"\",\r\n    headers: [\r\n      {\r\n        text: \"No\",\r\n        align: \"center\",\r\n        sortable: false,\r\n        value: \"\",\r\n        width: \"1%\",\r\n        class: \"subheading font-weight-bold\"\r\n      },\r\n      {\r\n        text: \"Action\",\r\n        align: \"center\",\r\n        sortable: false,\r\n        value: \"\",\r\n        width: \"1%\",\r\n        class: \"subheading font-weight-bold\"\r\n      },\r\n      {\r\n        text: \"Id\",\r\n        align: \"center\",\r\n        sortable: false,\r\n        width: \"1%\",\r\n        class: \"subheading font-weight-bold\"\r\n      },\r\n      {\r\n        text: \"Kode\",\r\n        align: \"center\",\r\n        sortable: false,\r\n        width: \"1%\",\r\n        class: \"subheading font-weight-bold\"\r\n      },\r\n      {\r\n        text: \"Nama\",\r\n        align: \"left\",\r\n        sortable: false,\r\n        width: \"1%\",\r\n        class: \"subheading font-weight-bold\"\r\n      },\r\n      {\r\n        text: \"Status\",\r\n        align: \"left\",\r\n        sortable: false,\r\n        width: \"1%\",\r\n        class: \"subheading font-weight-bold\"\r\n      },\r\n\r\n      {\r\n        text: \"\",\r\n        align: \"left\",\r\n        sortable: false,\r\n        value: \"\",\r\n        width: \"99%\",\r\n        class: \"subheading font-weight-bold\"\r\n      }\r\n    ],\r\n    items: []\r\n  }),\r\n  filters: {\r\n    date: function(value) {\r\n      return format(new Date(value), \"DD-MM-YYYY\");\r\n    }\r\n  },\r\n  methods: {\r\n    subAspec_Reset: function(param) {\r\n      const vm = this;\r\n      vm.detail_loading = true;\r\n\r\n      ApiService.post(\"Dashboard/DashboardLevel2PsiSubAspec_Reset\", {\r\n        psi_sub_aspec_id: param.psi_sub_aspec_id\r\n      })\r\n        .then(response => {\r\n          param.psi_sub_aspec_status = response.data.status;\r\n        })\r\n        .catch(() => {})\r\n        .finally(() => {\r\n          vm.detail_loading = false;\r\n        });\r\n    },\r\n    init: function(param) {\r\n      const vm = this;\r\n      vm.data.detail_loading = true;\r\n\r\n      ApiService.post(\"Dashboard/DashboardLevel2Detail_Init\", {\r\n        user_id: param.user_id,\r\n        exercise_id: param.exercise_id\r\n      })\r\n        .then(response => {\r\n          vm.user_name = response.data.header.user_name;\r\n          vm.nama = response.data.header.nama;\r\n          vm.tanggal_lahir = response.data.header.tanggal_lahir;\r\n          vm.items = response.data.detail;\r\n        })\r\n        .catch(() => {})\r\n        .finally(() => {\r\n          vm.data.detail_loading = false;\r\n          vm.data.dialogShow = true;\r\n        });\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n.table-header /deep/ {\r\n  thead {\r\n    background-color: black;\r\n  }\r\n}\r\n\r\n.media-menu {\r\n  min-width: 260px;\r\n  border-right: 1px solid #eee;\r\n  min-height: calc(100vh - 50px - 64px);\r\n}\r\n\r\n.media-detail {\r\n  min-width: 300px;\r\n  border-left: 1px solid #eee;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardDetailExercise.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DashboardDetailExercise.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DashboardDetailExercise.vue?vue&type=template&id=4cdd6ab6&scoped=true\"\nimport script from \"./DashboardDetailExercise.vue?vue&type=script&lang=js\"\nexport * from \"./DashboardDetailExercise.vue?vue&type=script&lang=js\"\nimport style0 from \"./DashboardDetailExercise.vue?vue&type=style&index=0&id=4cdd6ab6&prod&lang=stylus&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4cdd6ab6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}