{"version":3,"sources":["webpack:///./src/views/private/log/index.vue","webpack:///src/views/private/log/index.vue","webpack:///./src/views/private/log/index.vue?feb0","webpack:///./src/views/private/log/index.vue?7b62"],"names":["callback","$set","expression","_c","staticClass","attrs","scopedSlots","key","fn","dialog","_v","Object","keys","ref","staticStyle","style","_vm","fullscreen","currentPosition","on","toggleInfoWindow","infoWinOpen","domProps","infoContent","selected","search","model","value","$$v","options","$event","handleToggleAll","_u","_l","header","index","pagination","staticRenderFns","render","data","form","center","lat","lng","infoWindowPos","infoOptions","pixelOffset","width","height","row","headers","detail","list","limit","lastIndex","process","load","message","success","error","components","watch","handler","page","deep","computed","user","configHeaders","mounted","methods","rowFormat","toString","split","reverse","join","arrReverseNumber","price","arr","rowClick","sort","order_by","params","then","text","sortable","freeze","hide","align","format","toMap","latlng","icon","url","scaledSize","origin","anchor","getInfoWindowContent","dt","this","sc_log_user_fullname","image","sc_log_address","sc_log_lat","sc_log_lng","component"],"mappings":"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B,aACAC,aACAC,QACAC,aAGAvB,UACAD,UACAyB,QAEApB,WACAqB,WACAC,UACAC,MACAb,SAEAc,SACAjB,cACAkB,YACAC,SACAC,SAEAC,SACAC,WACAC,YAIAC,YACAxB,gEAEAyB,OACA,SACAC,UACA,OAAAb,eAAAc,QACA,eAEAC,UAGAC,UACAC,OACA,+BAEAC,gBACA,yCAGAC,UACA,cAEAC,SACAC,eACA,QAEA,iBACA,iCACA,SAEA,UACAC,WACAC,UACAC,UACAC,SACA,8BAMA,OAJAC,UACA,kCAGA,GACAC,uBACAH,UACAC,SAEA,gBACA,SAEA,2BACAG,mBAGAtC,oBACA,kBACAA,qGACA,gBACAA,wBACA,gBACA,sBAEAA,uBAEAA,EADA,aACAA,qBACA,UACAA,oBACA,UACAA,wCAEAA,wBAEA,UAEAuC,cACA7B,yBAEAlB,mBACA,iCAEA,eAAAkB,OAAAc,SACA,qBAEA,iBAEA,OACAV,YACAU,YACAgB,8DACAC,+CACAvD,oBAGA,2BAEA,+BAAAwD,WACAC,SACA,aAEA,qBAEA,eACA,cACA,CACAC,WACApC,aACApB,cACAyD,YACAC,UACAC,QACAC,gBAEA,CACAJ,qBACApC,cACApB,6BACA0D,UACAC,SAEA,CACAH,eACApC,cACApB,+BACA0D,UACAC,QACAE,mBAEA,CACAL,cACApC,cACApB,uBACA0D,UACAC,QACAE,gBAEA,CACAL,gBACApC,cACApB,mBACA0D,UACAC,SAEA,CACAH,iBACApC,cACApB,mBACA0D,UACAC,UAIA,sBACA,6BAEA,gCACA,sBAIAG,QACA,aACA/C,uCACAC,wCAGA,qCACA,sBACA+C,QACAhD,uCACAC,wCAEAgD,MACAC,cACAC,uCACAC,kCACAC,yCAKA3E,mBACA,+CACA,wEAEA,qBAEA4E,wBACA,iFACAC,sEAEA,iKAGgBC,KAAK/C,OAAOgD,yIAKLC,sVAWPH,wOAQAC,KAAK/C,OAAOkD,qPAQZH,KAAK/C,OAAOmD,eAAeJ,KAAK/C,OAAOoD,2JAI8Cb,EAAOhD,OAAOgD,EAAO/C,yIC3dmP,I,YCOzW6D,EAAY,eACd,EACA,EACAnE,GACA,EACA,KACA,KACA,MAIa,aAAAmE,E","file":"js/chunk-2d20ef48.b58cafca.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-8\"},[_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"1000\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.form = false}},model:{value:(_vm.dialog.form),callback:function ($$v) {_vm.$set(_vm.dialog, \"form\", $$v)},expression:\"dialog.form\"}},[_c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"30\"}},[_c('v-img',{attrs:{\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-2\"},[_vm._v(\"\\n          Lokasi Telepon\\n        \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.form = false}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),(Object.keys(_vm.currentPosition).length > 0)?_c('v-card-text',{staticClass:\"pt-2 body-1 line-text-second\"},[_c('gmap-map',{ref:\"gmap\",staticStyle:{\"width\":\"100%\"},style:(_vm.dialog.fullscreen ? 'height: calc(100vh - 150px);' : 'height: calc(100vh - 300px);'),attrs:{\"center\":_vm.center,\"zoom\":12,\"scrollwheel\":false}},[_c('gmap-marker',{attrs:{\"position\":_vm.currentPosition.latlng,\"icon\":_vm.currentPosition.icon},on:{\"click\":function($event){return _vm.toggleInfoWindow()}}}),_c('gmap-info-window',{attrs:{\"options\":_vm.infoOptions,\"position\":_vm.infoWindowPos,\"opened\":_vm.infoWinOpen},on:{\"closeclick\":function($event){_vm.infoWinOpen=false}}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.infoContent)}})])],1)],1):_vm._e(),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){_vm.dialog.form = false}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Tutup\\n        \")],1)],1)],1)],1),_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',[_c('section',[_c('v-card',{staticStyle:{\"border\":\"1px solid #E0E0E0\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"8\"}},[(_vm.selected.row.length === 1)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center text-second\",staticStyle:{\"background\":\"#e0e0e0\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.form = true; _vm.detail = _vm.selected.row[0]; _vm.toMap();}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-information-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Detail\\n                    \")])],1)],1):_vm._e()]),_c('v-col',{staticClass:\"d-flex align-center justify-end\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{staticClass:\"mr-3\",attrs:{\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Cari . . .\",\"append-icon\":\"mdi-magnify\",\"clearable\":\"\",\"vvvv-uppercase\":\"\"},on:{\"click:clear\":function($event){_vm.search = ''; _vm.fetch();},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.fetch()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1)],1),_c('v-data-table',{ref:\"table-grid\",staticClass:\"table-grid\",attrs:{\"height\":`calc(100vh - ${_vm.pagination.total_data > 0 ? '300px' : '228px'})`,\"show-select\":true,\"single-select\":true,\"loading\":_vm.process.load,\"loading-text\":\"Sedang memuat data . . .\",\"loader-height\":\"5\",\"no-results-text\":\"Belum ada data\",\"options\":_vm.options,\"headers\":_vm.headers,\"items\":_vm.list.data,\"items-per-page\":100,\"item-key\":\"id\",\"hide-default-footer\":\"\"},on:{\"update:options\":function($event){_vm.options=$event},\"click:row\":_vm.rowClick,\"toggle-select-all\":function($event){return _vm.handleToggleAll($event)}},scopedSlots:_vm._u([_vm._l((_vm.configHeaders.filter((header) => header.hasOwnProperty('format'))),function(header){return {key:`item.${header.value}`,fn:function({ value }){return [_vm._v(\"\\n              \"+_vm._s(_vm.rowFormat(header.format, value))+\" \\n            \")]}}}),{key:`item.index`,fn:function({ index }){return [_vm._v(\"\\n              \"+_vm._s(_vm.lastIndex + index)+\"\\n            \")]}}],null,true),model:{value:(_vm.selected.row),callback:function ($$v) {_vm.$set(_vm.selected, \"row\", $$v)},expression:\"selected.row\"}},[_c('v-progress-linear',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.process.load),expression:\"process.load\"}],attrs:{\"slot\":\"progress\",\"color\":\"white\",\"indeterminate\":\"\"},slot:\"progress\"})],1),(_vm.pagination.total_data > 0)?_c('pagination',{attrs:{\"model\":_vm.pagination},on:{\"changePage\":function($event){return _vm.fetch($event)},\"reloadPage\":function($event){return _vm.fetch($event)}}}):_vm._e()],1)],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mt-8\">\n    <v-dialog v-model=\"dialog.form\"\n      @keydown.esc=\"dialog.form = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"1000\"\n      persistent\n      scrollable>\n      <v-card \n        class=\"border-radius pa-2\">\n        <v-card-title \n          class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          <v-avatar \n            size=\"30\">\n            <v-img\n              alt=\"vuetify\"\n              :src=\"require('@/assets/logo/favicon.png')\">\n              <template v-slot:placeholder>\n                <v-row\n                  class=\"fill-height\"\n                  align=\"center\"\n                  justify=\"center\">\n                  <v-progress-circular \n                    indeterminate \n                    color=\"#B71C1C\">\n                  </v-progress-circular>\n                </v-row>\n              </template>\n            </v-img>\n          </v-avatar>\n\n          <span class=\"mt-1 ml-2\">\n            Lokasi Telepon\n          </span>\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#B71C1C\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.form = false\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n\n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text v-if=\"Object.keys(currentPosition).length > 0\"\n          class=\"pt-2 body-1 line-text-second\">\n          <gmap-map\n            ref=\"gmap\"\n            :center=\"center\"\n            :zoom=\"12\"\n            :scrollwheel=\"false\"\n            style=\"width:100%;\"\n            :style=\"dialog.fullscreen ? 'height: calc(100vh - 150px);' : 'height: calc(100vh - 300px);'\">\n            <gmap-marker\n              :position=\"currentPosition.latlng\"\n              :icon=\"currentPosition.icon\"\n              @click=\"toggleInfoWindow()\">\n            </gmap-marker>\n\n            <gmap-info-window\n              :options=\"infoOptions\"\n              :position=\"infoWindowPos\"\n              :opened=\"infoWinOpen\"\n              @closeclick=\"infoWinOpen=false\">\n              <div v-html=\"infoContent\"></div>\n            </gmap-info-window>\n          </gmap-map>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n          <v-btn\n            outlined\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.form\"\n            @click=\"dialog.form = false\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Tutup\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-layout wrap>\n      <v-flex>\n        <section>\n          <v-card \n            flat \n            style=\"border: 1px solid #E0E0E0;\">\n            <v-card-text>\n              <v-row>\n                <v-col \n                  cols=\"12\" \n                  md=\"8\" \n                  class=\"d-flex align-center\">\n                  <!-- DETAIL -->\n                  <div v-if=\"selected.row.length === 1\"\n                    class=\"mr-3\" >\n                    <v-btn\n                      @click=\"dialog.form = true; detail = selected.row[0]; toMap();\"\n                      elevation=\"0\"\n                      style=\"background: #e0e0e0;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center text-second\">\n                      <v-icon size=\"18\">mdi-information-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Detail\n                      </span>\n                    </v-btn>\n                  </div>\n                </v-col>\n\n                <v-col \n                  cols=\"12\" \n                  md=\"4\" \n                  class=\"d-flex align-center justify-end\">\n                  <v-text-field \n                    class=\"mr-3\"\n                    dense\n                    single-line\n                    hide-details\n                    color=\"#B71C1C\"\n                    placeholder=\"Cari . . .\"\n                    append-icon=\"mdi-magnify\"\n                    clearable\n                    v-model=\"search\"\n                    vvvv-uppercase\n                    @click:clear=\"search = ''; fetch();\"\n                    v-on:keyup.enter=\"fetch()\">\n                  </v-text-field>\n                </v-col>\n              </v-row>\n            </v-card-text>\n\n            <v-data-table\n              v-model=\"selected.row\"\n              ref=\"table-grid\"\n              class=\"table-grid\"\n              :height=\"`calc(100vh - ${pagination.total_data > 0 ? '300px' : '228px'})`\"\n              :show-select=\"true\"\n              :single-select=\"true\"\n              :loading=\"process.load\"\n              loading-text=\"Sedang memuat data . . .\"\n              loader-height=\"5\"\n              no-results-text=\"Belum ada data\"\n              :options.sync=\"options\"\n              :headers=\"headers\"\n              :items=\"list.data\"\n              :items-per-page=\"100\"\n              item-key=\"id\"\n              @click:row=\"rowClick\"\n              @toggle-select-all=\"handleToggleAll($event)\"\n              hide-default-footer>\n              <template\n                v-for=\"header in configHeaders.filter((header) => header.hasOwnProperty('format'))\"\n                v-slot:[`item.${header.value}`]=\"{ value }\">\n                {{ rowFormat(header.format, value) }} \n              </template>\n\n              <template v-slot:[`item.index`]=\"{ index }\">\n                {{ lastIndex + index }}\n              </template>\n\n              <v-progress-linear \n                v-show=\"process.load\" \n                slot=\"progress\" \n                color=\"white\" \n                indeterminate>\n              </v-progress-linear>\n            </v-data-table>\n\n            <pagination v-if=\"pagination.total_data > 0\"\n              @changePage=\"fetch($event)\" \n              @reloadPage=\"fetch($event)\" \n              :model=\"pagination\"/>\n          </v-card>\n        </section>\n      </v-flex>\n    </v-layout>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  import moment from \"moment\"\n  import \"moment/locale/id\"\n  export default {\n    data () {\n      return {\n        dialog: {\n          fullscreen: false,\n          form: false\n        },\n        center: {\n          lat: null,\n          lng: null\n        },\n        currentPosition: {},\n        infoContent: '',\n        infoWindowPos: {\n          lat: 0,\n          lng: 0\n        },\n        infoWinOpen: false,\n        infoOptions: {\n          pixelOffset: {\n            width: 0,\n            height: -20\n          }\n        },\n        search: '',\n        selected: {\n          row: []\n        },\n        options: {},\n        headers: [],\n        detail: {},\n        list: {\n          data: []\n        },\n        limit: 20,\n        pagination: {},\n        lastIndex: 0,\n        process: {\n          load: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      pagination: () => import(/* webpackPrefetch: true */ '@/components/pagination.vue')\n    },\n    watch: {\n      'options': {\n        handler () {\n          let pagination = { row: this.limit, page: 1 }\n          this.fetch(pagination)\n        },\n        deep: true\n      }\n    },\n    computed: {\n      user () {\n        return this.$store.state.user\n      },\n      configHeaders () {\n        return this.headers.filter(header => !header.hide)  \n      }\n    },\n    mounted () {\n      this.fetch()\n    },\n    methods: {\n      rowFormat (format, value) {\n        let data = value\n\n        if (format === 'number') {\n          if (isNaN(value)) return 'Not a Number'\n          let price = ''\n\n          const reverseNumber = value\n            .toString()\n            .split('')\n            .reverse()\n            .join('')\n          const arrReverseNumber = [...Array(reverseNumber.length).keys()]\n\n          arrReverseNumber.map(index => {\n            if (index % 3 === 0) price += reverseNumber.substr(index, 3) + '.'\n          })\n\n          return `${\n            price.split('', price.length - 1)\n            .reverse()\n            .join('')\n          }`\n        } else if (format === 'array') {\n          let arr = []\n\n          for (let i = 0; i < value.length; i++) {\n            arr.push(value[i].title)\n          }\n\n          data = arr.join(', ')\n        } else if (format === 'datetime') {\n          data = value.length > 0 ? moment(value).format(format === 'date' ? 'D MMM, YYYY' : format === 'time' ? 'HH:mm' : 'D MMM, YYYY HH:mm') : '-'\n        } else if (format === 'object') {\n          data = value.createdby.name\n        } else if (format === 'regex') {\n          let regex = /(<([^>]+)>)/ig\n\n          data = value.replace(regex, '')\n        } else if (format === 'on_off') {\n          data = value ? 'Online' : 'Offline'\n        } else if (format === 'g_m') {\n          data = value ? 'Mandiri' : 'Group'\n        } else if (format === 'v_a') {\n          data = value ? 'Sudah Verifikasi' : 'Belum Verifikasi'\n        } else {\n          data = value ? 'Aktif' : 'Tidak Aktif'\n        }\n        return data\n      },\n      rowClick (item, row) {\n        row.select(!row.isSelected ? true : false)\n      },\n      handleToggleAll (event) {\n        if (!event.value) this.selected.row = []\n      },\n      async fetch (pagination = { row: 20, page: 1 }) {\n        this.process.load = true\n\n        this.limit = pagination.row\n\n        let params = {\n          limit: pagination.row,\n          page: pagination.page,\n          sort: this.options.sortBy.length < 1 ? 'id' : this.options.sortBy[0],\n          order_by: this.options.sortDesc[0] ? 'ASC' : 'DESC',\n          search: this.search\n        }\n\n        this.selected.row = []\n\n        await get('sos_call/log', { params })\n        .then(response => {\n          let res = response.data\n\n          this.process.load = false\n            \n          if (res.code === 200) {\n            this.headers = [\n              {\n                text: '#No',\n                width: '75px',\n                value: 'index',\n                sortable: false,\n                freeze: true,\n                hide: false,\n                align: 'center'\n              },\n              {\n                text: 'Nama Penelpon',\n                width: '200px',\n                value: 'sc_log_user_fullname',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Tanggal',\n                width: '200px',\n                value: 'sc_log_create_datetime',\n                freeze: false,\n                hide: false,\n                format: 'datetime'\n              },\n              {\n                text: 'Alamat',\n                width: '400px',\n                value: 'sc_log_address',\n                freeze: false,\n                hide: false,\n                format: 'regex'\n              },\n              {\n                text: 'Latitude',\n                width: '200px',\n                value: 'sc_log_lat',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Longitude',\n                width: '200px',\n                value: 'sc_log_lng',\n                freeze: false,\n                hide: false\n              }\n            ]\n            \n            this.list.data = res.data\n            this.pagination = res.pagination\n\n            this.lastIndex = (pagination.page - 1) * pagination.row \n            this.lastIndex += 1\n          }\n        })\n      },\n      toMap () {\n        this.center = {\n          lat: parseFloat(this.detail.sc_log_lat),\n          lng: parseFloat(this.detail.sc_log_lng)\n        }\n\n        this.$gmapApiPromiseLazy().then(() => {\n          this.currentPosition = {\n            latlng: {\n              lat: parseFloat(this.detail.sc_log_lat),\n              lng: parseFloat(this.detail.sc_log_lng)\n            },\n            icon: {\n              url: require('@/assets/image/location_pin_3.png'),\n              scaledSize: new google.maps.Size(50, 50),\n              origin: new google.maps.Point(0, 0),\n              anchor: new google.maps.Point(25, 50)\n            }\n          }\n        })\n      },\n      toggleInfoWindow() {\n        this.infoWindowPos = this.currentPosition.latlng\n        this.infoContent = this.getInfoWindowContent(this.currentPosition.latlng)\n        \n        this.infoWinOpen = true\n      },\n      getInfoWindowContent(latlng) {\n        let image = this.detail.sc_log_user_image === '' ? require('@/assets/image/member-default.jpg') : this.detail.sc_log_user_image,\n            dt = moment(this.detail.sc_log_create_datetime).format('D MMM, YYYY HH:mm')\n        \n        return (`\n          <div>\n            <div style=\"font-size: initial; font-weight: bold; color: black; line-height: 1.5; margin-bottom: 10px;\">\n              ${this.detail.sc_log_user_fullname}\n            </div>\n\n            <div style=\"margin-bottom: 15px;\">\n              <img \n                src=\"${image}\" \n                width=\"50%\"\n                height=\"auto\"\n                style=\"border-radius: 10px;\">\n            </div>\n\n            <div style=\"font-weight: bold; color: black; margin-bottom: 5px;\">\n              Tanggal\n            </div>\n\n            <div style=\"margin-bottom: 10px; line-height: 1.6;\">\n              ${dt}\n            </div>\n\n            <div style=\"font-weight: bold; color: black; margin-bottom: 5px;\">\n              Alamat\n            </div>\n\n            <div style=\"margin-bottom: 10px; line-height: 1.6;\">\n              ${this.detail.sc_log_address}\n            </div>\n\n            <div style=\"font-weight: bold; color: black; margin-bottom: 5px;\">\n              LatLng\n            </div>\n\n            <div style=\"margin-bottom: 10px; line-height: 1.6;\">\n              ${this.detail.sc_log_lat}, ${this.detail.sc_log_lng}\n            </div>\n\n            <div>\n              <a class=\"d-flex align-center\" href=\"https://www.google.com/maps/search/?api=1&query=${latlng.lat},${latlng.lng}\" target=\"_blank\">\n                Tampilan di Google Maps\n              </a>\n            </div>\n          </div>\n        `)\n      }\n    }\n  }\n</script>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a698e852&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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"],"sourceRoot":""}