{"version":3,"sources":["webpack:///./src/components/shared/NavigationCard.vue?5be5","webpack:///./src/libraries/util/mockDashboardStats.js","webpack:///src/components/shared/NavigationCard.vue","webpack:///./src/components/shared/NavigationCard.vue?e917","webpack:///./src/components/shared/NavigationCard.vue","webpack:///./src/components/shared/NavigationCard.vue?ff33"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","url","staticStyle","icon","_v","_s","title","staticRenderFns","mockDashboardStats","name","mixins","computed","showStats","warningStats","warning","dangerStats","danger","lastAlerts","latestAlert","component"],"mappings":"gHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,YAAY,iCAAiCC,MAAM,CAAC,GAAKP,EAAIQ,MAAM,CAACJ,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,KAAK,CAACE,YAAY,mCAAmC,CAACF,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,oBAAoB,CAACE,YAAY,aAAaG,YAAY,CAAC,cAAc,QAAQF,MAAM,CAAC,KAAO,CAAC,MAAOP,EAAIU,MAAM,UAAY,kBAAkB,GAAGV,EAAIW,GAAG,aAAaX,EAAIY,GAAGZ,EAAIa,OAAO,iBACphBC,EAAkB,G,YCDTC,EAAqB,CAChC,MAAS,CACP,QAAW,CACT,OAAU,CACR,yBAEF,SAAY,CACV,uCACA,uBAGJ,MAAS,CACP,OAAU,CACR,oCAEF,SAAY,CACV,mCAEF,QAAW,CACT,0BAGJ,OAAU,CACR,OAAU,CACR,mBAEF,SAAY,CACV,uBAEF,aAAgB,CACd,sCACA,wBACA,8CAGJ,OAAU,CACR,OAAU,CACR,4BAEF,SAAY,CACV,uBAEF,QAAW,CACT,8BACA,iCC3BR,GACEC,KAAM,iBACNC,OAAQ,CAAC,EAAX,YACEC,SAAU,CACRC,UAAW,WACT,OAAO,GAETC,aAAc,WACZ,IAAN,8BACM,OAAOC,GAETC,YAAa,WACX,IAAN,6BACM,OAAOC,GAETC,WAAY,WACV,IAAN,mCACM,OAAOC,KClC0V,I,wBCQnWC,EAAY,eACd,EACA3B,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAY,E,2CCnBf,yBAA4f,EAAG,G","file":"js/lazy-98.83a4e5ee.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('router-link',{staticClass:\"owal navigation card container\",attrs:{\"to\":_vm.url}},[_c('div',{staticClass:\"owal navigation card content\"},[_c('h2',{staticClass:\"owal-navigation-icon__container\"},[_c('div',{staticClass:\"owal-navigation-icon__circle\"},[_c('font-awesome-icon',{staticClass:\"icon fa-fw\",staticStyle:{\"font-weight\":\"bold\"},attrs:{\"icon\":['fal', _vm.icon],\"transform\":\"fixed-width\"}})],1),_vm._v(\"\\n        \"+_vm._s(_vm.title)+\"\\n    \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const mockDashboardStats = {\n  'stats': {\n    'Cameras': {\n      'danger': [\n        '2 cameras not working',\n      ],\n      'positive': [\n        'Camera Uptime: 99.1 for last 30 days', // 40*100% + 2*0/42 in 30 day time period\n        '40 cameras working',\n      ],\n    },\n    'Faces': {\n      'danger': [\n        'Allison Clark not seen in 2 days',\n      ],\n      'positive': [\n        'Faces seen in the last hour: 37',\n      ],\n      'warning': [\n        'Unrecognized faces: 3',\n      ],\n    },\n    'Alerts': {\n      'danger': [\n        '5 unread alerts',\n      ],\n      'positive': [\n        '7 Alerts Configured',\n      ],\n      'latestAlerts': [\n        'After hours crowd in elevator car 3',\n        'Person in Camera Room',\n        'Person in Plaza 1 Seating 51st after hour',\n      ],\n    },\n    'Viewer': {\n      'danger': [\n        'Plaza 2 Playground: Full',\n      ],\n      'positive': [\n        'Laundry Room: Empty',\n      ],\n      'warning': [\n        'Gym: 2/3 Ellipticals in use',\n        'Gym: 1/4 Treadmills in use',\n      ],\n    },\n  },\n}\n","<template>\n  <router-link :to=\"url\" class=\"owal navigation card container\">\n    <div class=\"owal navigation card content\">\n      <h2 class=\"owal-navigation-icon__container\">\n        <div class=\"owal-navigation-icon__circle\">\n          <font-awesome-icon class=\"icon fa-fw\" :icon=\"['fal', icon]\" transform=\"fixed-width\" style=\"font-weight: bold;\" />\n          </div>\n          {{ title }}\n      </h2>\n    </div>\n  </router-link>\n</template>\n\n<script>\nimport navigationItem from '@/components/shared/NavigationItem'\nimport { mockDashboardStats } from '@/libraries/util/mockDashboardStats'\n\nexport default {\n  name: 'NavigationCard',\n  mixins: [navigationItem],\n  computed: {\n    showStats: function () {\n      return false // Hard coded, since we are killing this flag.\n    },\n    warningStats: function () {\n      let warning = mockDashboardStats.stats[this.title].warning\n      return warning\n    },\n    dangerStats: function () {\n      let danger = mockDashboardStats.stats[this.title].danger\n      return danger\n    },\n    lastAlerts: function () {\n      let latestAlert = mockDashboardStats.stats[this.title].latestAlerts\n      return latestAlert\n    },\n  },\n}\n</script>\n\n<style scoped>\n#searchbox {\n  width: 100%;\n  padding: 0 0.75rem 0 0.75rem;\n}\n\n.owal-navigation-icon__container {\n  text-align: center;\n  padding-bottom: 1rem;\n}\n\n.owal-navigation-icon__circle {\n  border-radius: 50%;\n  padding: 1rem;\n  margin-bottom: 0.5rem;\n  background: rgba(71, 86, 105, 0.05);\n  border: 2px solid #475669;\n}\n\n.owal.navigation.card.container {\n  width: 320px;\n  height: 200px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-content: center;\n\n  margin: auto 1.5rem;\n\n  background: rgba(239, 242, 247, 1);\n  border: 2px solid #c0ccda;\n  box-shadow: 0 0px 5px 10px rgba(71, 86, 105, 0.25);\n  -webkit-box-shadow: 0px 30px 60px -20px rgba(71, 86, 105, 0.25),\n    0px 30px 60px -20px rgba(239, 242, 247, 0.1);\n  -moz-box-shadow: 0px 30px 60px -20px rgba(71, 86, 105, 0.25),\n    0px 30px 60px -20px rgba(239, 242, 247, 0.1);\n  box-shadow: 0px 30px 60px -20px rgba(71, 86, 105, 0.25),\n    0px 30px 60px -20px rgba(239, 242, 247, 0.1);\n  border-radius: 4px;\n\n  transition: all 300ms ease;\n  -webkit-animation: grow-in 0.7s ease-out 0 1 normal;\n  animation: grow-in 0.7s ease-out 0 1 normal;\n  padding: 0;\n}\n\n.owal.navigation.card.container:hover {\n  background: #eff2f7;\n  border: 2px solid #c0ccda;\n  -webkit-box-shadow: 0px 30px 60px -20px rgba(71, 86, 105, 0.5),\n    0px 30px 60px -20px rgba(239, 242, 247, 0.2);\n  -moz-box-shadow: 0px 30px 60px -20px rgba(71, 86, 105, 0.5),\n    0px 30px 60px -20px rgba(239, 242, 247, 0.2);\n  box-shadow: 0px 30px 60px -20px rgba(71, 86, 105, 0.5),\n    0px 30px 60px -20px rgba(239, 242, 247, 0.2);\n  border-radius: 4px;\n}\n\n.owal.navigation.card.content {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-grow: 0;\n  flex-shrink: 0;\n}\n\n.owal.navigation.card.content h2 {\n  font-family: 'Lato-Regular', 'Avenir', sans-serif;\n  font-size: 2.57rem;\n  color: #475669;\n  letter-spacing: 0;\n  transition: all 300ms ease;\n  height: 100%;\n  width: 100%;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin: 0;\n  padding: 0;\n}\n\n.owal.navigation.card.content h2 .owal-navigation-icon__circle {\n  font-size: 2.5rem;\n  box-shadow: 0px 2px 2px rgba(71, 86, 105, 0.25);\n  text-shadow: none;\n  background-color: none;\n  transition: all 300ms ease;\n}\n\n.owal.navigation.card.content:hover h2 .owal-navigation-icon__circle {\n  box-shadow: 0px 2px 2px rgba(71, 86, 105, 0.15);\n}\n\n/* Smaller screens than tablet landscape need to stack, and show smaller buttons. */\n@media only screen and (max-width: 1023px) {\n  .owal.navigation.card.container {\n    transform: scale(0.8);\n    margin: 0.25rem auto;\n  }\n\n  .owal.navigation.card.container:hover {\n    transform: scale(0.98);\n    margin: 0.5rem auto;\n  }\n\n  /* ------ Animations -------- */\n\n  /* Animate the links/images into place. */\n  @-webkit-keyframes grow-in {\n    0% {\n      opacity: 0;\n      -webkit-transform: scale(0.3);\n      transform: scale(0.3);\n    }\n\n    100% {\n      opacity: 1;\n      -webkit-transform: scale(1);\n      transform: scale(1);\n    }\n  }\n\n  @keyframes grow-in {\n    0% {\n      opacity: 0;\n      -webkit-transform: scale(0.3);\n      transform: scale(0.3);\n    }\n\n    100% {\n      opacity: 1;\n      -webkit-transform: scale(0.8);\n      transform: scale(0.8);\n    }\n  }\n}\n\n/* Tablet landscape and larger. */\n@media only screen and (min-width: 1024px) {\n  .owal.navigation.card.container {\n    margin: auto 1.5rem;\n  }\n\n  .owal.navigation.card.container:hover {\n    transform: translateY(-1rem);\n    /* margin: auto 3rem; */\n  }\n\n  /* ------ Animations -------- */\n\n  /* Animate the links/images into place. */\n  @-webkit-keyframes grow-in {\n    0% {\n      opacity: 0;\n      -webkit-transform: scale(0.3);\n      transform: scale(0.3);\n    }\n\n    100% {\n      opacity: 1;\n      -webkit-transform: scale(1);\n      transform: scale(1);\n    }\n  }\n\n  @keyframes grow-in {\n    0% {\n      opacity: 0;\n      -webkit-transform: scale(0.3);\n      transform: scale(0.3);\n    }\n\n    100% {\n      opacity: 1;\n      -webkit-transform: scale(1);\n      transform: scale(1);\n    }\n  }\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!./NavigationCard.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!./NavigationCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavigationCard.vue?vue&type=template&id=148ec6fe&scoped=true&\"\nimport script from \"./NavigationCard.vue?vue&type=script&lang=js&\"\nexport * from \"./NavigationCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NavigationCard.vue?vue&type=style&index=0&id=148ec6fe&scoped=true&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  \"148ec6fe\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./NavigationCard.vue?vue&type=style&index=0&id=148ec6fe&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./NavigationCard.vue?vue&type=style&index=0&id=148ec6fe&scoped=true&lang=css&\""],"sourceRoot":""}