{"version":3,"sources":["webpack:///./src/components/InsightsTable.vue?0d28","webpack:///src/components/InsightsTable.vue","webpack:///./src/components/InsightsTable.vue?8246","webpack:///./src/components/InsightsTable.vue","webpack:///./src/components/InsightsTable.vue?87aa"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","titleColor","titleAccent","_v","_s","performancePercentage","_e","campaign","meta","name","attrs","model","value","callback","$$v","search","expression","headers","sortedTrucksByLevel","on","$event","$emit","trucksObj","id","scopedSlots","_u","key","fn","ref","item","last_activity","_f","level","no_of_issues","staticRenderFns","props","Object","isSingleCampaign","type","Boolean","default","data","computed","ERROR","WARNING","NORMAL","trucks","reduce","truck","company","contact","contact_mobile","contact_office","vin","plate","device_id","device","warnings","length","no_of_errors","filter","no_of_warnings","errors","map","normalTrucks","errorTrucks","warningTrucks","Math","round","mounted","errorMessages","warningMessages","component","VAvatar","VCard","VCardTitle","VChip","VDataTable","VSpacer","VTextField"],"mappings":"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","file":"static/js/chunk-31f00370.5709a68e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:\"mb-15\"},[_c('v-card-title',{staticClass:\"mb-10\"},[(_vm.isSingleCampaign)?_c('v-chip',{staticClass:\"white--text px-5 mr-5\",class:[_vm.titleColor, _vm.titleAccent]},[_vm._v(_vm._s(_vm.performancePercentage))]):_vm._e(),_c('span',{class:(_vm.titleColor + \"--text text--\" + _vm.titleAccent)},[_vm._v(_vm._s(_vm.campaign.meta.name))]),_c('v-spacer'),_c('v-text-field',{attrs:{\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-data-table',{staticClass:\"table-campaign\",attrs:{\"headers\":_vm.headers,\"items\":_vm.sortedTrucksByLevel,\"search\":_vm.search,\"disable-pagination\":\"\",\"hide-default-footer\":\"\"},on:{\"click:row\":function($event){return _vm.$emit('truckClick', _vm.trucksObj[$event.id])}},scopedSlots:_vm._u([{key:\"item.last_activity\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.last_activity)?_c('span',{attrs:{\"title\":item.last_activity}},[_vm._v(_vm._s(_vm._f(\"moment\")(item.last_activity,\"MMM D, YYYY\")))]):_vm._e()]}},{key:\"item.no_of_issues\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.no_of_issues)?_c('v-avatar',{staticClass:\"white--text\",attrs:{\"color\":item.level === 'ERROR' ? 'red accent-2' : 'insightorange',\"size\":\"32\"}},[_vm._v(\" \"+_vm._s(item.no_of_issues)+\" \")]):_c('v-avatar',{staticClass:\"white--text\",attrs:{\"color\":\"#E5E5E5\",\"size\":\"32\"}})]}}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card class=\"mb-15\">\n    <v-card-title class=\"mb-10\">\n      <v-chip\n        v-if=\"isSingleCampaign\"\n        :class=\"[titleColor, titleAccent]\"\n        class=\"white--text px-5 mr-5\"\n        >{{ performancePercentage }}</v-chip\n      >\n      <span :class=\"`${titleColor}--text text--${titleAccent}`\">{{\n        campaign.meta.name\n      }}</span>\n      <v-spacer></v-spacer>\n      <v-text-field\n        v-model=\"search\"\n        append-icon=\"mdi-magnify\"\n        label=\"Search\"\n        single-line\n        hide-details\n      ></v-text-field>\n    </v-card-title>\n    <v-data-table\n      :headers=\"headers\"\n      :items=\"sortedTrucksByLevel\"\n      :search=\"search\"\n      @click:row=\"$emit('truckClick', trucksObj[$event.id])\"\n      disable-pagination\n      hide-default-footer\n      class=\"table-campaign\"\n    >\n      <template v-slot:item.last_activity=\"{ item }\">\n        <span v-if=\"item.last_activity\" :title=\"item.last_activity\">{{\n          item.last_activity | moment(\"MMM D, YYYY\")\n        }}</span>\n      </template>\n      <template v-slot:item.no_of_issues=\"{ item }\">\n        <v-avatar\n          :color=\"item.level === 'ERROR' ? 'red accent-2' : 'insightorange'\"\n          class=\"white--text\"\n          size=\"32\"\n          v-if=\"item.no_of_issues\"\n        >\n          {{ item.no_of_issues }}\n        </v-avatar>\n        <v-avatar color=\"#E5E5E5\" class=\"white--text\" v-else size=\"32\">\n        </v-avatar>\n      </template>\n    </v-data-table>\n  </v-card>\n</template>\n<script>\nexport default {\n  props: {\n    campaign: Object,\n    isSingleCampaign: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    return {\n      search: \"\",\n      headers: [\n        {\n          text: \"\",\n          value: \"no_of_issues\",\n        },\n        {\n          text: \"Name\",\n          align: \"start\",\n          sortable: false,\n          value: \"name\",\n        },\n        { text: \"Company\", value: \"company\" },\n        { text: \"Primary Contact\", value: \"contact\" },\n        { text: \"Plate or Truck VIN\", value: \"vin\" },\n        { text: \"Device ID\", value: \"device_id\" },\n        { text: \"Last Activity\", value: \"last_activity\" },\n        { text: \"Errors\", value: \"errors\", align: \" d-none\" },\n      ],\n    };\n  },\n  computed: {\n    titleColor() {\n      const levelColor = {\n        ERROR: \"red\",\n        WARNING: \"insightorange\",\n        NORMAL: \"green\",\n      };\n      return `${levelColor[this.level]}`;\n    },\n    titleAccent() {\n      const levelAccent = {\n        ERROR: \"accent-2\",\n        NORMAL: \"lighten-1\",\n      };\n      return `${levelAccent[this.level]}`;\n    },\n    trucksObj() {\n      return this.campaign.trucks.reduce((trucks, truck) => {\n        trucks[truck.meta.id] = truck;\n        return trucks;\n      }, {});\n    },\n    trucks() {\n      return this.campaign.trucks\n        .map((truck) => ({\n          id: truck.meta.id,\n          name: `${truck.meta.id} ${truck.meta.nickname}`,\n          company: truck.meta.company,\n          contact: truck.meta.contact_mobile || truck.meta.contact_office,\n          vin: truck.meta.plate || truck.meta.id,\n          device_id: truck.device && truck.device.device_id,\n          last_activity: truck.meta.last_activity,\n          no_of_issues: truck.warnings.length,\n          no_of_errors: truck.warnings.filter((w) => w.severity === \"Critical\")\n            .length,\n          no_of_warnings: truck.warnings.filter((w) => w.severity === \"Warning\")\n            .length,\n          level:\n            truck.warnings.length < 1\n              ? \"NORMAL\"\n              : truck.warnings.some(\n                  (warning) => warning.severity === \"Critical\"\n                )\n              ? \"ERROR\"\n              : \"WARNING\",\n          errors: truck.warnings.map((warn) => warn.text).join(\". \"),\n        }))\n        .sort((t1, t2) => t2.no_of_issues - t1.no_of_issues);\n    },\n    normalTrucks() {\n      return this.trucks.filter((t) => t.level === \"NORMAL\") || [];\n    },\n    errorTrucks() {\n      return this.trucks.filter((t) => t.level === \"ERROR\") || [];\n    },\n    warningTrucks() {\n      return this.trucks.filter((t) => t.level === \"WARNING\") || [];\n    },\n    sortedTrucksByLevel() {\n      return [...this.errorTrucks, ...this.warningTrucks, ...this.normalTrucks];\n    },\n    performancePercentage() {\n      return Math.round(\n        ((this.campaign.meta.total_trucks -\n          this.errorTrucks.length -\n          this.warningTrucks.length / 2) /\n          this.campaign.meta.total_trucks) *\n          100\n      );\n    },\n    level() {\n      return this.errorTrucks.length > 0\n        ? \"ERROR\"\n        : this.warningTrucks.length > 0\n        ? \"WARNING\"\n        : \"NORMAL\";\n    },\n  },\n  mounted() {\n    this.$emit(\"loaded\", {\n      normalTrucks: this.normalTrucks.length,\n      errorTrucks: this.errorTrucks.length,\n      warningTrucks: this.warningTrucks.length,\n      errorMessages: this.trucks.reduce(\n        (sum, curr) => sum + curr.no_of_errors,\n        0\n      ),\n      warningMessages: this.trucks.reduce(\n        (sum, curr) => sum + curr.no_of_warnings,\n        0\n      ),\n    });\n  },\n};\n</script>\n\n<style>\n.table-campaign tr > td {\n  border-bottom: none !important;\n}\n\n.table-campaign th,\n.table-campaign td {\n  font-size: larger !important;\n}\n</style>\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!./InsightsTable.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!./InsightsTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InsightsTable.vue?vue&type=template&id=f0fbf95a&\"\nimport script from \"./InsightsTable.vue?vue&type=script&lang=js&\"\nexport * from \"./InsightsTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InsightsTable.vue?vue&type=style&index=0&lang=css&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VAvatar,VCard,VCardTitle,VChip,VDataTable,VSpacer,VTextField})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsightsTable.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}