{"version":3,"sources":["webpack:///./src/views/budget/budgetDetail.vue?d5e1","webpack:///src/views/budget/budgetDetail.vue","webpack:///./src/views/budget/budgetDetail.vue?8358","webpack:///./src/views/budget/budgetDetail.vue","webpack:///./node_modules/vue-cordova/index.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","on","$event","back","_v","_l","item","key","BudgetName","_s","Year","Month","Amount","toFixed","toString","replace","Percentage","Usage","items","TransactionID","Date","ReferenceNo","Description","_e","staticRenderFns","name","components","data","result","companyResult","selectedData","selectedYear","getFullYear","selectedMonth","modalNote","modalOverBudget","show_input","show","showNotFound","notif","notifError","id","loading","isCollapsed","OverBudget","oid","BudgetExcessReason","Notes","BudgetAccount","number","$route","query","CompanyID","urlServer","methods","$router","push","path","years","Array","from","reloadData","formData","append","beforeMount","urlS","form","BudgetAccountID","component","module","exports","modules","installedModules","__webpack_require__","moduleId","loaded","call","m","c","p","pluginsList","install","Vue","options","cordova","deviceready","plugins","eventName","cb","document","addEventListener","forEach","pluginName","plugin","pluginLoaded","config","debug","console","log","map","webpackContext","req","webpackContextResolve","Error","keys","Object","resolve","navigator","camera","contacts","device","model","platform","uuid","version","manufacturer","isVirtual","serial","geolocation"],"mappings":"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","file":"js/chunk-58a85c14.cffc7949.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c-app flex-row align-items-center amsys-header\"},[_c('CWrapper',[_c('CHeader',{staticStyle:{\"position\":\"fixed\"},attrs:{\"fixed\":\"\",\"with-subheader\":\"\",\"light\":\"\"}},[_c('CHeaderBrand',{staticClass:\"d-lg-none\",on:{\"click\":function($event){return _vm.back()}}},[_c('img',{staticStyle:{\"padding-left\":\"15px\",\"padding-right\":\"15px\"},attrs:{\"src\":\"img/arrow.png\",\"width\":\"60\"}}),_c('h3',{staticStyle:{\"padding-left\":\"12px\"}},[_c('b',[_c('font',{attrs:{\"color\":\"Green\"}},[_vm._v(\"BUDGET DETAIL\")])],1)])]),_c('CHeaderNav',{staticClass:\"d-md-down-none mr-auto\"},[_c('img',{staticStyle:{\"padding-left\":\"15px\",\"padding-right\":\"10px\"},attrs:{\"src\":\"img/arrow.png\",\"width\":\"65\"},on:{\"click\":function($event){return _vm.back()}}}),_c('h2',[_c('b',[_c('font',{attrs:{\"color\":\"Green\"}},[_vm._v(\"BUDGET DETAIL\")])],1)])])],1),_c('div',{staticClass:\"c-body\"},[_c('main',{staticClass:\"c-main\"},[_c('CRow',_vm._l((this.result),function(item){return _c('CCol',{key:item.BudgetName,staticClass:\"amsys-bd-col\"},[_c('transition',{attrs:{\"name\":\"fade\"}},[_c('CCard',[_c('br'),_c('b',{staticStyle:{\"text-align\":\"center\"}},[_c('font',{staticStyle:{\"font-size\":\"20px\"}},[_vm._v(_vm._s(item.BudgetName))])],1),_c('table',{staticClass:\"table amsys-bd-table\"},[_c('tr',{staticClass:\"amsys-bd-tr\"},[_c('td',{staticStyle:{\"border\":\"0\",\"padding-left\":\"10px\"},attrs:{\"width\":\"50%\"}},[_c('b',[_c('font',{staticStyle:{\"font-size\":\"16px\"}},[_vm._v(\" Year : \"+_vm._s(item.Year))])],1)]),_c('td',{staticStyle:{\"text-align\":\"center\",\"border\":\"0\"},attrs:{\"width\":\"50%\"}},[_c('b',[_c('font',{staticStyle:{\"font-size\":\"16px\"}},[_vm._v(\" Month : \"+_vm._s(item.Month))])],1)])]),_c('tr',{staticClass:\"amsys-bd-tr\"},[_c('td',{staticStyle:{\"text-align\":\"center\",\"border\":\"0\"},attrs:{\"colspan\":\"2\",\"width\":\"100%\"}},[_c('b',[_c('font',{staticStyle:{\"font-size\":\"17px\"}},[_vm._v(\"Rp. \"+_vm._s(item.Amount.toFixed(2) .toString() .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\")))])],1)])]),_c('tr',{staticClass:\"amsys-bd-tr\"},[_c('td',{staticStyle:{\"border\":\"0\",\"padding-left\":\"10px\"},attrs:{\"colspan\":\"2\",\"width\":\"100%\"}},[_c('font',{staticStyle:{\"font-size\":\"16px\"}},[_vm._v(\" Used : \"+_vm._s(item.Percentage)+\" %\")])],1)]),_c('tr',{staticClass:\"amsys-bd-tr\"},[_c('td',{staticStyle:{\"border\":\"0\",\"padding-left\":\"10px\"},attrs:{\"colspan\":\"2\",\"width\":\"100%\"}},[_c('font',{staticStyle:{\"font-size\":\"16px\"}},[_vm._v(\" Used Amount : Rp. \"+_vm._s(item.Usage.toFixed(2) .toString() .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\")))])],1)])]),_c('table',{staticClass:\"table\",staticStyle:{\"font-size\":\"11px\"}},[_c('tr',[_c('th',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"Date\")]),_c('th',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"Ref\")]),_c('th',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"Desc\")]),_c('th',{staticStyle:{\"text-align\":\"center\"},attrs:{\"colspan\":\"2\",\"width\":\"25%;\"}},[_vm._v(\" Amount \")])]),_c('tbody',_vm._l((item.Details),function(items){return _c('tr',{key:item.TransactionID},[_c('td',[_vm._v(_vm._s(items.Date))]),_c('td',[_vm._v(_vm._s(items.ReferenceNo))]),_c('td',[_vm._v(_vm._s(items.Description))]),_c('td',[_vm._v(\"Rp.\")]),_c('td',{staticStyle:{\"text-align\":\"right\"}},[_vm._v(\" \"+_vm._s(items.Amount.toFixed(2) .toString() .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\"))+\" \")])])}),0)])])],1)],1)}),1)],1)]),_c('CRow',{staticClass:\"justify-content-center\"},[(_vm.notif)?_c('CAlert',{attrs:{\"color\":\"primary\",\"id\":\"notifError\"}}):_vm._e()],1),_c('CRow',{staticClass:\"justify-content-center\"},[(_vm.loading)?_c('div',{staticStyle:{\"margin-bottom\":\"20%\"},attrs:{\"id\":\"loading-contentx\"}}):_vm._e()])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"c-app flex-row align-items-center amsys-header\">\r\n    <CWrapper>\r\n      <CHeader fixed with-subheader light style=\"position: fixed;\">\r\n        <CHeaderBrand class=\"d-lg-none\" @click=\"back()\">\r\n          <img\r\n            src=\"img/arrow.png\"\r\n            width=\"60\"\r\n            style=\"padding-left:15px; padding-right:15px;\"\r\n          />\r\n          <h3 style=\"padding-left: 12px;\">\r\n            <b> <font color=\"Green\">BUDGET DETAIL</font></b>\r\n          </h3>\r\n        </CHeaderBrand>\r\n        <CHeaderNav class=\"d-md-down-none mr-auto\">\r\n          <img\r\n            src=\"img/arrow.png\"\r\n            @click=\"back()\"\r\n            width=\"65\"\r\n            style=\"padding-left:15px; padding-right:10px;\"\r\n          />\r\n          <h2>\r\n            <b> <font color=\"Green\">BUDGET DETAIL</font></b>\r\n          </h2>\r\n        </CHeaderNav>\r\n      </CHeader>\r\n      <div class=\"c-body\">\r\n        <main class=\"c-main\">\r\n          <CRow>\r\n            <CCol\r\n              class=\"amsys-bd-col\"\r\n              v-for=\"item in this.result\"\r\n              v-bind:key=\"item.BudgetName\"\r\n            >\r\n              <transition name=\"fade\">\r\n                <CCard>\r\n                  <br />\r\n                  <b style=\"text-align:center;\">\r\n                    <font style=\"font-size:20px;\">{{ item.BudgetName }}</font>\r\n                  </b>\r\n                  <table class=\"table amsys-bd-table\">\r\n                    <tr class=\"amsys-bd-tr\">\r\n                      <td width=\"50%\" style=\" border: 0; padding-left: 10px;\">\r\n                        <b\r\n                          ><font style=\"font-size:16px;\">\r\n                            Year : {{ item.Year }}</font\r\n                          ></b\r\n                        >\r\n                      </td>\r\n                      <td width=\"50%\" style=\"text-align:center; border: 0;\">\r\n                        <b\r\n                          ><font style=\"font-size:16px;\">\r\n                            Month : {{ item.Month }}</font\r\n                          ></b\r\n                        >\r\n                      </td>\r\n                    </tr>\r\n                    <tr class=\"amsys-bd-tr\">\r\n                      <td\r\n                        colspan=\"2\"\r\n                        width=\"100%\"\r\n                        style=\"text-align:center; border: 0;\"\r\n                      >\r\n                        <b>\r\n                          <font style=\"font-size:17px;\"\r\n                            >Rp.\r\n                            {{\r\n                              item.Amount.toFixed(2)\r\n                                .toString()\r\n                                .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\")\r\n                            }}</font\r\n                          >\r\n                        </b>\r\n                      </td>\r\n                    </tr>\r\n                    <tr class=\"amsys-bd-tr\">\r\n                      <td\r\n                        colspan=\"2\"\r\n                        width=\"100%\"\r\n                        style=\" border: 0; padding-left: 10px;\"\r\n                      >\r\n                        <font style=\"font-size:16px;\">\r\n                          Used : {{ item.Percentage }} %</font\r\n                        >\r\n                      </td>\r\n                    </tr>\r\n                    <tr class=\"amsys-bd-tr\">\r\n                      <td\r\n                        colspan=\"2\"\r\n                        width=\"100%\"\r\n                        style=\" border: 0; padding-left: 10px;\"\r\n                      >\r\n                        <font style=\"font-size:16px;\">\r\n                          Used Amount : Rp.\r\n                          {{\r\n                            item.Usage.toFixed(2)\r\n                              .toString()\r\n                              .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\")\r\n                          }}</font\r\n                        >\r\n                      </td>\r\n                    </tr>\r\n                  </table>\r\n\r\n                  <table class=\"table\" style=\"font-size: 11px;\">\r\n                    <tr>\r\n                      <th style=\"text-align:center;\">Date</th>\r\n                      <th style=\"text-align:center;\">Ref</th>\r\n                      <th style=\"text-align:center;\">Desc</th>\r\n                      <th style=\"text-align:center;\" colspan=\"2\" width=\"25%;\">\r\n                        Amount\r\n                      </th>\r\n                    </tr>\r\n                    <tbody>\r\n                      <tr\r\n                        v-for=\"items in item.Details\"\r\n                        v-bind:key=\"item.TransactionID\"\r\n                      >\r\n                        <td>{{ items.Date }}</td>\r\n                        <td>{{ items.ReferenceNo }}</td>\r\n                        <td>{{ items.Description }}</td>\r\n                        <td>Rp.</td>\r\n                        <td style=\"text-align: right;\">\r\n                          {{\r\n                            items.Amount.toFixed(2)\r\n                              .toString()\r\n                              .replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\")\r\n                          }}\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </CCard>\r\n              </transition>\r\n            </CCol>\r\n          </CRow>\r\n        </main>\r\n      </div>\r\n      <CRow class=\"justify-content-center\">\r\n        <CAlert color=\"primary\" v-if=\"notif\" id=\"notifError\"> </CAlert>\r\n      </CRow>\r\n      <CRow class=\"justify-content-center\">\r\n        <div\r\n          id=\"loading-contentx\"\r\n          v-if=\"loading\"\r\n          style=\"margin-bottom: 20%;\"\r\n        ></div>\r\n      </CRow>\r\n    </CWrapper>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport axios from \"axios\";\r\nimport \"@babel/polyfill\";\r\nimport VueCordova from \"vue-cordova\";\r\nimport CryptoJS from \"crypto-js\";\r\nVue.use(VueCordova);\r\n\r\nexport default {\r\n  name: \"Budget\",\r\n  components: {},\r\n  data() {\r\n    return {\r\n      result: [],\r\n      companyResult: [],\r\n      selectedData: \"\",\r\n      selectedYear: new Date().getFullYear(),\r\n      selectedMonth: \"0\",\r\n      modalNote: false,\r\n      modalOverBudget: false,\r\n      show_input: false,\r\n      show: false,\r\n      showNotFound: true,\r\n      notif: false,\r\n      notifError: \"\",\r\n      id: \"\",\r\n      loading: false,\r\n      isCollapsed: true,\r\n      OverBudget: 0,\r\n      oid: \"\",\r\n      BudgetExcessReason: \"\",\r\n      Notes: \"\",\r\n      BudgetAccount: \"\",\r\n      number: this.$route.query.number,\r\n      CompanyID: this.$route.query.CompanyID,\r\n      Month: this.$route.query.Month,\r\n      Year: this.$route.query.Year,\r\n\r\n      urlServer: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    back() {\r\n      this.$router.push({\r\n        path: \"Budget\",\r\n        query: {\r\n          CompanyID: this.$route.query.CompanyID,\r\n          Month: this.$route.query.Month,\r\n          Year: this.$route.query.Year,\r\n        },\r\n      });\r\n    },\r\n    years() {\r\n      const year = new Date().getFullYear();\r\n      return Array.from(\r\n        { length: year - 1900 },\r\n        (value, index) => 1901 + index\r\n      );\r\n    },\r\n    reloadData() {\r\n      let data = localStorage.token;\r\n      const formData = new FormData();\r\n      formData.append(\"CompanyID\", this.selectedData);\r\n      formData.append(\"Month\", this.selectedMonth);\r\n      formData.append(\"Year\", this.selectedYear);\r\n      let sendData = JSON.stringify(Object.fromEntries(formData));\r\n      if (this.selectedData != \"undefined\") {\r\n        axios\r\n          .post(\r\n            `${this.urlServer}/Api/Budget/BudgetMonitoringTransactionDetail2/`,\r\n            sendData,\r\n            {\r\n              headers: {\r\n                \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"DELETE, POST, GET, OPTIONS\",\r\n                \"Access-Control-Allow-Headers\":\r\n                  \"Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With\",\r\n                \"Content-Type\": \"application/json\",\r\n                Authorization: \"Bearer \" + data,\r\n              },\r\n            }\r\n          )\r\n          .then((res) => {\r\n            this.result = res.data;\r\n            this.show = true;\r\n          })\r\n          .catch((error) => {\r\n            Vue.$toast.open({\r\n              message: error,\r\n              type: \"error\",\r\n              position: \"bottom\",\r\n            });\r\n          });\r\n      } else {\r\n      }\r\n      this.loading = false;\r\n    },\r\n  },\r\n  beforeMount() {\r\n    this.loading = true;\r\n    const stringToProtect = \"Amsys_2@2021\";\r\n    let url = CryptoJS.AES.decrypt(localStorage.url, stringToProtect);\r\n    const urlS = url.toString(CryptoJS.enc.Utf8);\r\n    this.urlServer = urlS;\r\n    let data = localStorage.token;\r\n    const form = new FormData();\r\n    form.append(\"BudgetAccountID\", this.$route.query.BudgetAccountID);\r\n    form.append(\"CompanyID\", this.$route.query.CompanyID);\r\n    form.append(\"Month\", this.$route.query.Month);\r\n    form.append(\"Year\", this.$route.query.Year);\r\n    let sendData = JSON.stringify(Object.fromEntries(form));\r\n    if (typeof data != \"undefined\") {\r\n      axios\r\n        .post(\r\n          `${urlS}/Api/Budget/BudgetMonitoringTransactionDetail2/`,\r\n          sendData,\r\n          {\r\n            headers: {\r\n              \"Content-Type\": \"application/json\",\r\n              Authorization: \"Bearer \" + data,\r\n            },\r\n          }\r\n        )\r\n        .then((res) => {\r\n          this.result = res.data;\r\n          this.show = true;\r\n        })\r\n        .catch((error) => {\r\n          Vue.$toast.open({\r\n            message: error,\r\n            type: \"error\",\r\n            position: \"bottom\",\r\n          });\r\n        });\r\n    } else {\r\n      this.$router.push({ path: \"/pages/login\" });\r\n    }\r\n    this.loading = false;\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./budgetDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./budgetDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./budgetDetail.vue?vue&type=template&id=702666fb&\"\nimport script from \"./budgetDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./budgetDetail.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports =\n/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\n\t// list here all supported plugins\n\tvar pluginsList = ['cordova-plugin-camera', 'cordova-plugin-device', 'cordova-plugin-geolocation', 'cordova-plugin-contacts'];\n\n\texports.install = function (Vue, options) {\n\n\t  // declare global Vue.cordova object\n\t  Vue.cordova = Vue.cordova || {\n\t    deviceready: false,\n\t    plugins: []\n\t  };\n\n\t  // Cordova events wrapper\n\t  Vue.cordova.on = function (eventName, cb) {\n\t    document.addEventListener(eventName, cb, false);\n\t  };\n\n\t  // let Vue know that deviceready has been triggered\n\t  document.addEventListener('deviceready', function () {\n\t    Vue.cordova.deviceready = true;\n\t  }, false);\n\n\t  // load supported plugins\n\t  pluginsList.forEach(function (pluginName) {\n\t    var plugin = __webpack_require__(1)(\"./\" + pluginName);\n\t    plugin.install(Vue, options, function (pluginLoaded) {\n\t      if (pluginLoaded) {\n\t        Vue.cordova.plugins.push(pluginName);\n\t      }\n\t      if (Vue.config.debug) {\n\t        console.log('[VueCordova]', pluginName, '→', pluginLoaded ? 'loaded' : 'not loaded');\n\t      }\n\t    });\n\t  });\n\t};\n\n/***/ },\n/* 1 */\n/***/ function(module, exports, __webpack_require__) {\n\n\tvar map = {\n\t\t\"./cordova-plugin-camera\": 2,\n\t\t\"./cordova-plugin-camera.js\": 2,\n\t\t\"./cordova-plugin-contacts\": 3,\n\t\t\"./cordova-plugin-contacts.js\": 3,\n\t\t\"./cordova-plugin-device\": 4,\n\t\t\"./cordova-plugin-device.js\": 4,\n\t\t\"./cordova-plugin-geolocation\": 5,\n\t\t\"./cordova-plugin-geolocation.js\": 5\n\t};\n\tfunction webpackContext(req) {\n\t\treturn __webpack_require__(webpackContextResolve(req));\n\t};\n\tfunction webpackContextResolve(req) {\n\t\treturn map[req] || (function() { throw new Error(\"Cannot find module '\" + req + \"'.\") }());\n\t};\n\twebpackContext.keys = function webpackContextKeys() {\n\t\treturn Object.keys(map);\n\t};\n\twebpackContext.resolve = webpackContextResolve;\n\tmodule.exports = webpackContext;\n\twebpackContext.id = 1;\n\n\n/***/ },\n/* 2 */\n/***/ function(module, exports) {\n\n\t'use strict';\n\n\texports.install = function (Vue, options, cb) {\n\t  document.addEventListener('deviceready', function () {\n\n\t    if (typeof navigator.camera === 'undefined') {\n\t      return cb(false);\n\t    }\n\n\t    // pass through the camera object\n\t    Vue.cordova.camera = navigator.camera;\n\n\t    return cb(true);\n\t  }, false);\n\t};\n\n/***/ },\n/* 3 */\n/***/ function(module, exports) {\n\n\t'use strict';\n\n\texports.install = function (Vue, options, cb) {\n\t  document.addEventListener('deviceready', function () {\n\n\t    if (typeof navigator.contacts === 'undefined') {\n\t      return cb(false);\n\t    }\n\n\t    // pass through the contacts object\n\t    Vue.cordova.contacts = navigator.contacts;\n\n\t    return cb(true);\n\t  }, false);\n\t};\n\n/***/ },\n/* 4 */\n/***/ function(module, exports) {\n\n\t'use strict';\n\n\texports.install = function (Vue, options, cb) {\n\t  document.addEventListener('deviceready', function () {\n\n\t    if (typeof device === 'undefined' || typeof device.cordova === 'undefined') {\n\t      return cb(false);\n\t    }\n\n\t    // default values\n\t    Vue.cordova.device = {\n\t      cordova: null,\n\t      model: null,\n\t      platform: null,\n\t      uuid: null,\n\t      version: null,\n\t      manufacturer: null,\n\t      isVirtual: null,\n\t      serial: null\n\t    };\n\n\t    Object.keys(Vue.cordova.device).forEach(function (key) {\n\t      if (typeof device[key] !== 'undefined') {\n\t        Vue.cordova.device[key] = device[key];\n\t      }\n\t    });\n\n\t    return cb(true);\n\t  }, false);\n\t};\n\n/***/ },\n/* 5 */\n/***/ function(module, exports) {\n\n\t'use strict';\n\n\texports.install = function (Vue, options, cb) {\n\t  document.addEventListener('deviceready', function () {\n\n\t    if (typeof navigator.geolocation === 'undefined') {\n\t      return cb(false);\n\t    }\n\n\t    // pass through the geolocation object\n\t    Vue.cordova.geolocation = navigator.geolocation;\n\n\t    return cb(true);\n\t  }, false);\n\t};\n\n/***/ }\n/******/ ]);"],"sourceRoot":""}