{"version":3,"sources":["webpack:///./src/components/hr_header.vue?59b3","webpack:///./src/components/hr_header.vue","webpack:///src/components/hr_header.vue","webpack:///./src/components/hr_header.vue?c158","webpack:///./src/components/hr_header.vue?e04a","webpack:///../../../src/mixins/button-group/index.ts","webpack:///../../../src/components/VBtnToggle/VBtnToggle.ts"],"names":["staticStyle","_c","staticClass","attrs","model","callback","expression","scopedSlots","key","fn","selected_option","component","staticRenderFns","extend","name","btnToggle","this","computed","options","classes","call","methods","genData","mixins","props","backgroundColor","String","borderless","Boolean","dense","group","rounded","shaped","tile","themeClasses","data","setTextColor","color","setBackgroundColor"],"mappings":"2IAAA,W,iFCA6EA,a,IAAa,O,EAAiB,W,OAAsF,QAAa,CAAS,aAAIC,QAAG,OAAgBC,wBAAkB,8DAACC,cAAM,WAAgB,WAACC,YAAM,O,MAAM,CAAuBC,UAAS,I,MAAwC,CAACC,QAAU,gBAAkB,qBAAM,EAAC,gBAAY,GAAQ,WAAQ,oB,CAAmB,U,MAAmB,CAAmB,OAACC,MAAW,UAAUC,gBAAe,GAACC,aAAY,O,YAAMN,OAAM,IAAE,Y,GAAC,UAAW,G,EAAuBA,M,UAAwD,qBAAE,MAAC,CAA4CA,GAAM,MAAC,eAAWO,0B,QAA2D,GAAc,wBAAC,OAAI,KAAI,qDAAG,kBAA8D,S,CAA4B,YAAe,GAAG,4B,MAAC,CAAmB,OAACH,MAAW,UAAUC,gBAAe,GAACC,aAAY,O,YAAMN,OAAM,IAAE,Y,GAAC,UAAW,G,EAAuBA,M,UAAgE,qBAAE,MAAC,CAA4CA,GAAM,cAAC,eAAe,0B,QAA2D,2BAAU,OAAI,YAAI,2CAAG,oBAA0E,S,CAA4B,YAAe,GAAG,wC,MAAC,CAAmB,OAACI,MAAW,UAAUC,gBAAe,GAACC,aAAY,O,YAAMN,OAAM,IAAE,Y,GAAC,UAAW,G,EAAuBA,M,UAAwD,qBAAE,MAAC,CAA4CA,GAAM,MAAC,eAAe,0B,QAA2D,2BAAI,OAAI,YAAI,2CAAG,cAAoE,S,CAA4B,YAAe,GAAG,kC,MAAC,CAAmB,OAACI,MAAW,UAAUC,gBAAe,GAACC,aAAY,O,YAAMN,OAAM,IAAE,Y,GAAC,UAAW,G,EAAuBA,M,UAA8D,qBAAE,MAAC,CAA4CA,GAAM,YAAC,eAAe,0B,QAA2D,2BAAW,OAAI,YAAI,2CAAG,qBAAoE,S,CAA4B,YAAe,GAAG,kC,MAAC,CAAmB,OAACI,MAAW,UAAUC,gBAAe,GAACC,aAAY,O,YAAMN,OAAM,IAAE,Y,GAAC,UAAW,G,EAAuBA,M,UAAgE,qBAAE,MAAC,CAA4CA,GAAM,cAAC,eAAWO,0B,QAAoD,GAAc,wBAAC,OAAI,KAAI,8CAAG,kBACx/E,S,wDC6FD,GACA,YACA,6DAEA,OACA,OACA,eACA,qBCrGkV,I,wBCQ9UC,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,WACA,MAIa,aAAAD,E,qECfA,SAAcE,OAAO,CAClCC,KAAM,eAEN,UACE,MAAO,CACLC,UAAWC,OAIfC,SAAU,CACR,UACE,OAAO,OAAcC,QAAQD,SAASE,QAAQC,KAAKJ,QAIvDK,QAAS,CAEPC,QAAS,OAAcJ,QAAQG,QAAQC,W,wBCV5B,cAAAC,EAAA,MACb,EACA,QACAV,OAAO,CACPC,KAAM,eAENU,MAAO,CACLC,gBAAiBC,OACjBC,WAAYC,QACZC,MAAOD,QACPE,MAAOF,QACPG,QAASH,QACTI,OAAQJ,QACRK,KAAML,SAGRX,SAAU,CACR,UACE,MAAO,IACF,EAAYC,QAAQD,SAASE,QAAQC,KAAKJ,MAC7C,gBAAgB,EAChB,2BAA4BA,KAAKW,WACjC,sBAAuBX,KAAKa,MAC5B,sBAAuBb,KAAKc,MAC5B,wBAAyBd,KAAKe,QAC9B,uBAAwBf,KAAKgB,OAC7B,qBAAsBhB,KAAKiB,QACxBjB,KAAKkB,gBAKdb,QAAS,CACP,UACE,MAAMc,EAAOnB,KAAKoB,aAAapB,KAAKqB,MAAO,IACtC,EAAYnB,QAAQG,QAAQC,QAAQF,KAAKJ,QAG9C,OAAIA,KAAKc,MAAcK,EAEhBnB,KAAKsB,mBAAmBtB,KAAKS,gBAAiBU,Q","file":"js/chunk-a94c76a2.10a558f3.js","sourcesContent":["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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./hr_header.vue?vue&type=style&index=0&id=7210d93c&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"display\":\"grid\",\"grid-template-columns\":\"max-content max-content max-content max-content max-content\",\"align-items\":\"center\"}},[_c('v-btn-toggle',{staticClass:\"ml-4\",attrs:{\"mandatory\":\"\"},model:{value:(_vm.selected_option),callback:function ($$v) {_vm.selected_option=$$v},expression:\"selected_option\"}},[_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#e9c46a\",\"open-on-hover\":\"\",\"open-delay\":\"150\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({attrs:{\"to\":\"/hr\",\"active-class\":\"secondary white--text\"}},'v-btn',attrs,false),on),[_c('sabira_icon',{attrs:{\"fill\":_vm.selected_option == 0 ? 'white' : 'grey',\"icon\":\"employees\",\"strokewidth\":3}})],1)]}}])},[_c('span',[_vm._v(\"Uposlenici\")])]),_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#e9c46a\",\"open-on-hover\":\"\",\"open-delay\":\"150\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({attrs:{\"to\":\"/evidencija\",\"active-class\":\"secondary white--text\"}},'v-btn',attrs,false),on),[_c('sabira_icon',{attrs:{\"strokewidth\":3,\"fill\":_vm.selected_option == 1 ? 'white' : 'grey',\"icon\":\"worktime\"}})],1)]}}])},[_c('span',[_vm._v(\"Evidencija radnih sati\")])]),_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#e9c46a\",\"open-on-hover\":\"\",\"open-delay\":\"150\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({attrs:{\"to\":\"/ld\",\"active-class\":\"secondary white--text\"}},'v-btn',attrs,false),on),[_c('sabira_icon',{attrs:{\"strokewidth\":3,\"fill\":_vm.selected_option == 2 ? 'white' : 'grey',\"icon\":\"ld\"}})],1)]}}])},[_c('span',[_vm._v(\"Plate uposlenika\")])]),_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#e9c46a\",\"open-on-hover\":\"\",\"open-delay\":\"150\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({attrs:{\"to\":\"/pozicije\",\"active-class\":\"secondary white--text\"}},'v-btn',attrs,false),on),[_c('sabira_icon',{attrs:{\"strokewidth\":3,\"fill\":_vm.selected_option == 3 ? 'white' : 'grey',\"icon\":\"positions\"}})],1)]}}])},[_c('span',[_vm._v(\"Pozicije u firmi\")])]),_c('v-tooltip',{attrs:{\"top\":\"\",\"color\":\"#e9c46a\",\"open-on-hover\":\"\",\"open-delay\":\"150\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({attrs:{\"to\":\"/uspjesnost\",\"active-class\":\"secondary white--text\"}},'v-btn',attrs,false),on),[_c('sabira_icon',{attrs:{\"fill\":_vm.selected_option == 4 ? 'white' : 'grey',\"icon\":\"pr\",\"strokewidth\":3}})],1)]}}])},[_c('span',[_vm._v(\"Performance review\")])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    style=\"display:grid;grid-template-columns: max-content max-content max-content max-content max-content;align-items: center;\"\n  >\n    <v-btn-toggle mandatory v-model=\"selected_option\" class=\"ml-4\">\n      <v-tooltip top color=\"#e9c46a\" open-on-hover open-delay=\"150\">\n        <template v-slot:activator=\"{ on, attrs }\">\n          <v-btn\n            to=\"/hr\"\n            active-class=\"secondary white--text\"\n            v-bind=\"attrs\"\n            v-on=\"on\"\n          >\n            <sabira_icon\n              :fill=\"selected_option == 0 ? 'white' : 'grey'\"\n              icon=\"employees\"\n              :strokewidth=\"3\"\n            />\n          </v-btn>\n        </template>\n        <span>Uposlenici</span>\n      </v-tooltip>\n      <v-tooltip top color=\"#e9c46a\" open-on-hover open-delay=\"150\">\n        <template v-slot:activator=\"{ on, attrs }\">\n          <v-btn\n            to=\"/evidencija\"\n            active-class=\"secondary white--text\"\n            v-bind=\"attrs\"\n            v-on=\"on\"\n          >\n            <sabira_icon\n              :strokewidth=\"3\"\n              :fill=\"selected_option == 1 ? 'white' : 'grey'\"\n              icon=\"worktime\"\n            />\n          </v-btn>\n        </template>\n        <span>Evidencija radnih sati</span>\n      </v-tooltip>\n      <v-tooltip top color=\"#e9c46a\" open-on-hover open-delay=\"150\">\n        <template v-slot:activator=\"{ on, attrs }\">\n          <v-btn\n            to=\"/ld\"\n            active-class=\"secondary white--text\"\n            v-bind=\"attrs\"\n            v-on=\"on\"\n          >\n            <sabira_icon\n              :strokewidth=\"3\"\n              :fill=\"selected_option == 2 ? 'white' : 'grey'\"\n              icon=\"ld\"\n            />\n          </v-btn>\n        </template>\n        <span>Plate uposlenika</span>\n      </v-tooltip>\n      <v-tooltip top color=\"#e9c46a\" open-on-hover open-delay=\"150\">\n        <template v-slot:activator=\"{ on, attrs }\">\n          <v-btn\n            to=\"/pozicije\"\n            active-class=\"secondary white--text\"\n            v-bind=\"attrs\"\n            v-on=\"on\"\n          >\n            <sabira_icon\n              :strokewidth=\"3\"\n              :fill=\"selected_option == 3 ? 'white' : 'grey'\"\n              icon=\"positions\"\n            />\n          </v-btn>\n        </template>\n        <span>Pozicije u firmi</span>\n      </v-tooltip>\n      <v-tooltip top color=\"#e9c46a\" open-on-hover open-delay=\"150\">\n        <template v-slot:activator=\"{ on, attrs }\">\n          <v-btn\n            to=\"/uspjesnost\"\n            active-class=\"secondary white--text\"\n            v-bind=\"attrs\"\n            v-on=\"on\"\n          >\n            <sabira_icon\n              :fill=\"selected_option == 4 ? 'white' : 'grey'\"\n              icon=\"pr\"\n              :strokewidth=\"3\"\n            />\n          </v-btn>\n        </template>\n        <span>Performance review</span>\n      </v-tooltip>\n    </v-btn-toggle>\n  </div>\n</template>\n<script>\n  export default {\n    components: {\n      sabira_icon: () => import(\"@/components/sabira_icon\"),\n    },\n    data() {\n      return {\n        show_status: false,\n        selected_option: 0,\n      };\n    },\n  };\n</script>\n<style scoped>\n  .v-tooltip__content {\n    color: black;\n    opacity: 1;\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!./hr_header.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!./hr_header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./hr_header.vue?vue&type=template&id=7210d93c&scoped=true\"\nimport script from \"./hr_header.vue?vue&type=script&lang=js\"\nexport * from \"./hr_header.vue?vue&type=script&lang=js\"\nimport style0 from \"./hr_header.vue?vue&type=style&index=0&id=7210d93c&prod&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  \"7210d93c\",\n  null\n  \n)\n\nexport default component.exports","// Extensions\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup'\n\n/* @vue/component */\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide (): object {\n    return {\n      btnToggle: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return BaseItemGroup.options.computed.classes.call(this)\n    },\n  },\n\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData,\n  },\n})\n","// Styles\nimport './VBtnToggle.sass'\n\n// Mixins\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  ButtonGroup,\n  Colorable\n).extend({\n  name: 'v-btn-toggle',\n\n  props: {\n    backgroundColor: String,\n    borderless: Boolean,\n    dense: Boolean,\n    group: Boolean,\n    rounded: Boolean,\n    shaped: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...ButtonGroup.options.computed.classes.call(this),\n        'v-btn-toggle': true,\n        'v-btn-toggle--borderless': this.borderless,\n        'v-btn-toggle--dense': this.dense,\n        'v-btn-toggle--group': this.group,\n        'v-btn-toggle--rounded': this.rounded,\n        'v-btn-toggle--shaped': this.shaped,\n        'v-btn-toggle--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genData () {\n      const data = this.setTextColor(this.color, {\n        ...ButtonGroup.options.methods.genData.call(this),\n      })\n\n      if (this.group) return data\n\n      return this.setBackgroundColor(this.backgroundColor, data)\n    },\n  },\n})\n"],"sourceRoot":""}