{"version":3,"sources":["webpack:///./src/views/pages/Profile.vue?006c","webpack:///src/views/pages/Profile.vue","webpack:///./src/views/pages/Profile.vue?ce85","webpack:///./src/views/pages/Profile.vue?5467","webpack:///./src/views/pages/Profile.vue?b3c5"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","fullUserInfo","User","firstName","_s","_e","lastName","_m","staticRenderFns","attrs","type","id","for","staticStyle","width","Profilevue_type_script_lang_js_","data","accountsService","getUserObjectFromLocalStorageSafe","computed","methods","components","mounted","beforeDestroy","pages_Profilevue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_vue_cli_service_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_lib_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_Profile_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_vue_cli_service_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_lib_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_Profile_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/chunk-410bd18d.c18bf4c7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"profile-header\"},[_c('h1',{staticClass:\"profile-name\"},[_c('span',[_vm._v(\"Hey\")]),(_vm.fullUserInfo && _vm.fullUserInfo.User && _vm.fullUserInfo.User.firstName)?_c('span',[_vm._v(\" \"+_vm._s(_vm.fullUserInfo.User.firstName))]):_vm._e(),(_vm.fullUserInfo && !_vm.fullUserInfo.User.lastName && !_vm.fullUserInfo.User.lastName)?_c('span',[_vm._v(\" Stranger\")]):_vm._e()]),_vm._m(0)]),_vm._m(1),_vm._m(2),_vm._m(3)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"stats-grid\"},[_c('div',{staticClass:\"stat-card\"},[_c('div',{staticClass:\"stat-number\"},[_vm._v(\"85%\")]),_c('div',{staticClass:\"stat-label\"},[_vm._v(\"SOP Completion\")])]),_c('div',{staticClass:\"stat-card\"},[_c('div',{staticClass:\"stat-number\"},[_vm._v(\"12\")]),_c('div',{staticClass:\"stat-label\"},[_vm._v(\"Active Positions\")])]),_c('div',{staticClass:\"stat-card\"},[_c('div',{staticClass:\"stat-number\"},[_vm._v(\"45\")]),_c('div',{staticClass:\"stat-label\"},[_vm._v(\"Total SOPs\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"filter-container\"},[_c('button',{staticClass:\"filter-button\"},[_c('i',{staticClass:\"fas fa-filter\"}),_vm._v(\"\\n      Filters\\n    \")]),_c('div',{staticClass:\"filter-dropdown\"},[_c('div',{staticClass:\"filter-group\"},[_c('div',{staticClass:\"filter-group-title\"},[_vm._v(\"Position\")]),_c('div',{staticClass:\"filter-option\"},[_c('input',{attrs:{\"type\":\"checkbox\",\"id\":\"position1\"}}),_c('label',{attrs:{\"for\":\"position1\"}},[_vm._v(\"Manager\")])]),_c('div',{staticClass:\"filter-option\"},[_c('input',{attrs:{\"type\":\"checkbox\",\"id\":\"position2\"}}),_c('label',{attrs:{\"for\":\"position2\"}},[_vm._v(\"Supervisor\")])])]),_c('div',{staticClass:\"filter-group\"},[_c('div',{staticClass:\"filter-group-title\"},[_vm._v(\"Status\")]),_c('div',{staticClass:\"filter-option\"},[_c('input',{attrs:{\"type\":\"checkbox\",\"id\":\"status1\"}}),_c('label',{attrs:{\"for\":\"status1\"}},[_vm._v(\"Completed\")])]),_c('div',{staticClass:\"filter-option\"},[_c('input',{attrs:{\"type\":\"checkbox\",\"id\":\"status2\"}}),_c('label',{attrs:{\"for\":\"status2\"}},[_vm._v(\"Pending\")])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"position-card\"},[_c('h2',{staticClass:\"section-title\"},[_vm._v(\"Manager Position\")]),_c('div',{staticClass:\"progress-container\"},[_c('div',{staticClass:\"progress-label\"},[_c('span',[_vm._v(\"Completion\")]),_c('span',[_vm._v(\"50%\")])]),_c('div',{staticClass:\"progress-bar\"},[_c('div',{staticClass:\"progress-fill\",staticStyle:{\"width\":\"50%\"}})])]),_c('ul',{staticClass:\"sop-list\"},[_c('li',{staticClass:\"sop-item\"},[_c('span',{staticClass:\"sop-status complete\"},[_c('i',{staticClass:\"fas fa-check-circle\"})]),_vm._v(\"\\n        Opening Procedures\\n      \")]),_c('li',{staticClass:\"sop-item\"},[_c('span',{staticClass:\"sop-status pending\"},[_c('i',{staticClass:\"fas fa-clock\"})]),_vm._v(\"\\n        Closing Procedures\\n      \")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"position-card\"},[_c('h2',{staticClass:\"section-title\"},[_vm._v(\"Supervisor Position\")]),_c('div',{staticClass:\"progress-container\"},[_c('div',{staticClass:\"progress-label\"},[_c('span',[_vm._v(\"Completion\")]),_c('span',[_vm._v(\"100%\")])]),_c('div',{staticClass:\"progress-bar\"},[_c('div',{staticClass:\"progress-fill\",staticStyle:{\"width\":\"100%\"}})])]),_c('ul',{staticClass:\"sop-list\"},[_c('li',{staticClass:\"sop-item\"},[_c('span',{staticClass:\"sop-status complete\"},[_c('i',{staticClass:\"fas fa-check-circle\"})]),_vm._v(\"\\n        Safety Protocol\\n      \")]),_c('li',{staticClass:\"sop-item\"},[_c('span',{staticClass:\"sop-status complete\"},[_c('i',{staticClass:\"fas fa-check-circle\"})]),_vm._v(\"\\n        Employee Training\\n      \")])])])}]\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: Profile.vue\r\n    Description: Profile Page\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n  <div class=\"container\">\r\n    <div class=\"profile-header\">\r\n      <h1 class=\"profile-name\">\r\n        <span>Hey</span>\r\n        <span v-if=\"fullUserInfo && fullUserInfo.User && fullUserInfo.User.firstName\">&nbsp;{{fullUserInfo.User.firstName}}</span>\r\n        <span v-if=\"fullUserInfo && !fullUserInfo.User.lastName && !fullUserInfo.User.lastName\">&nbsp;Stranger</span>\r\n      </h1>\r\n      <div class=\"stats-grid\">\r\n        <div class=\"stat-card\">\r\n          <div class=\"stat-number\">85%</div>\r\n          <div class=\"stat-label\">SOP Completion</div>\r\n        </div>\r\n        <div class=\"stat-card\">\r\n          <div class=\"stat-number\">12</div>\r\n          <div class=\"stat-label\">Active Positions</div>\r\n        </div>\r\n        <div class=\"stat-card\">\r\n          <div class=\"stat-number\">45</div>\r\n          <div class=\"stat-label\">Total SOPs</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"filter-container\">\r\n      <button class=\"filter-button\">\r\n        <i class=\"fas fa-filter\"></i>\r\n        Filters\r\n      </button>\r\n      <div class=\"filter-dropdown\">\r\n        <div class=\"filter-group\">\r\n          <div class=\"filter-group-title\">Position</div>\r\n          <div class=\"filter-option\">\r\n            <input type=\"checkbox\" id=\"position1\">\r\n            <label for=\"position1\">Manager</label>\r\n          </div>\r\n          <div class=\"filter-option\">\r\n            <input type=\"checkbox\" id=\"position2\">\r\n            <label for=\"position2\">Supervisor</label>\r\n          </div>\r\n        </div>\r\n        <div class=\"filter-group\">\r\n          <div class=\"filter-group-title\">Status</div>\r\n          <div class=\"filter-option\">\r\n            <input type=\"checkbox\" id=\"status1\">\r\n            <label for=\"status1\">Completed</label>\r\n          </div>\r\n          <div class=\"filter-option\">\r\n            <input type=\"checkbox\" id=\"status2\">\r\n            <label for=\"status2\">Pending</label>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"position-card\">\r\n      <h2 class=\"section-title\">Manager Position</h2>\r\n      <div class=\"progress-container\">\r\n        <div class=\"progress-label\">\r\n          <span>Completion</span>\r\n          <span>50%</span>\r\n        </div>\r\n        <div class=\"progress-bar\">\r\n          <div class=\"progress-fill\" style=\"width: 50%\"></div>\r\n        </div>\r\n      </div>\r\n      <ul class=\"sop-list\">\r\n        <li class=\"sop-item\">\r\n          <span class=\"sop-status complete\">\r\n            <i class=\"fas fa-check-circle\"></i>\r\n          </span>\r\n          Opening Procedures\r\n        </li>\r\n        <li class=\"sop-item\">\r\n          <span class=\"sop-status pending\">\r\n            <i class=\"fas fa-clock\"></i>\r\n          </span>\r\n          Closing Procedures\r\n        </li>\r\n      </ul>\r\n    </div>\r\n\r\n    <div class=\"position-card\">\r\n      <h2 class=\"section-title\">Supervisor Position</h2>\r\n      <div class=\"progress-container\">\r\n        <div class=\"progress-label\">\r\n          <span>Completion</span>\r\n          <span>100%</span>\r\n        </div>\r\n        <div class=\"progress-bar\">\r\n          <div class=\"progress-fill\" style=\"width: 100%\"></div>\r\n        </div>\r\n      </div>\r\n      <ul class=\"sop-list\">\r\n        <li class=\"sop-item\">\r\n          <span class=\"sop-status complete\">\r\n            <i class=\"fas fa-check-circle\"></i>\r\n          </span>\r\n          Safety Protocol\r\n        </li>\r\n        <li class=\"sop-item\">\r\n          <span class=\"sop-status complete\">\r\n            <i class=\"fas fa-check-circle\"></i>\r\n          </span>\r\n          Employee Training\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport \"video.js/dist/video-js.css\";\r\nimport accountsService from \"@/accounts/accountsService\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      fullUserInfo: accountsService.getUserObjectFromLocalStorageSafe(),\r\n    };\r\n  },\r\n  computed: {\r\n  },\r\n  methods: {\r\n    \r\n  },\r\n  components: {\r\n    \r\n  },\r\n  mounted() {\r\n     \r\n  },\r\n  beforeDestroy() {\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n  :root {\r\n    --primary: #6000C9;\r\n    --primary-light: #f1d0ff;\r\n    --error: #ef4444;\r\n    --error-light: #fef2f2;\r\n    --success: #22c55e;\r\n    --success-light: #f0fdf4;\r\n    --neutral: #64748b;\r\n    --neutral-light: #f8fafc;\r\n  }\r\n\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  body {\r\n    font-family: 'Outfit', sans-serif;\r\n    background-color: #f5f5f5;\r\n    color: #1e293b;\r\n  }\r\n\r\n  .container {\r\n    max-width: 1000px;\r\n    margin: 40px auto;\r\n    padding: 40px;\r\n  }\r\n\r\n  .profile-header {\r\n    background: white;\r\n    border-radius: 20px;\r\n    padding: 32px;\r\n    margin-bottom: 24px;\r\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  .profile-name {\r\n    font-size: 3.5em;\r\n    font-weight: 900;\r\n    margin: 0 0 20px 0;\r\n    background: linear-gradient(135deg, #6000c9, #3b82f6);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .position-card {\r\n    background: white;\r\n    border-radius: 12px;\r\n    padding: 24px;\r\n    margin-bottom: 16px;\r\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  .section-title {\r\n    font-weight: 900;\r\n    font-size: 1.25em;\r\n    margin-bottom: 16px;\r\n    /*color: var(--neutral);*/\r\n  }\r\n\r\n  .stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n    gap: 16px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .stat-card {\r\n    background: var(--primary-light);\r\n    padding: 16px;\r\n    border-radius: 8px;\r\n    text-align: center;\r\n  }\r\n\r\n  .stat-number {\r\n    font-size: 2em;\r\n    font-weight: 700;\r\n    color: var(--primary);\r\n  }\r\n\r\n  .stat-label {\r\n    /*color: var(--neutral);*/\r\n    font-size: 0.9em;\r\n  }\r\n\r\n  .progress-container {\r\n    margin: 16px 0;\r\n  }\r\n\r\n  .progress-bar {\r\n    width: 100%;\r\n    height: 8px;\r\n    background: var(--neutral-light);\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .progress-fill {\r\n    height: 100%;\r\n    background: var(--primary);\r\n    border-radius: 4px;\r\n    transition: width 0.8s ease-in-out;\r\n  }\r\n\r\n  .progress-label {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    color: var(--neutral);\r\n    font-size: 0.9em;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .sop-list {\r\n    list-style: none;\r\n  }\r\n\r\n  .sop-item {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 12px;\r\n    border-radius: 8px;\r\n    margin-bottom: 8px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n    .sop-item:hover {\r\n      background: var(--neutral-light);\r\n    }\r\n\r\n  .sop-status {\r\n    margin-right: 12px;\r\n  }\r\n\r\n    .sop-status.complete {\r\n      color: var(--success);\r\n    }\r\n\r\n    .sop-status.pending {\r\n      color: var(--neutral);\r\n    }\r\n\r\n  .filter-container {\r\n    position: relative;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .filter-button {\r\n    background: white;\r\n    border: 1px solid #e2e8f0;\r\n    padding: 8px 16px;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .filter-dropdown {\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n    background: white;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n    padding: 16px;\r\n    margin-top: 8px;\r\n    display: none;\r\n    z-index: 10;\r\n    min-width: 200px;\r\n  }\r\n\r\n    .filter-dropdown.active {\r\n      display: block;\r\n    }\r\n\r\n  .filter-group {\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n    .filter-group:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n  .filter-group-title {\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n    color: var(--neutral);\r\n  }\r\n\r\n  .filter-option {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .container {\r\n      padding: 20px;\r\n      margin: 20px auto;\r\n    }\r\n\r\n    .profile-header {\r\n      padding: 24px;\r\n    }\r\n\r\n    .stats-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media print {\r\n    .filter-container {\r\n      display: none;\r\n    }\r\n\r\n    .profile-name {\r\n      background: none;\r\n      -webkit-text-fill-color: black;\r\n      color: black;\r\n    }\r\n\r\n    .stat-card {\r\n      background: none;\r\n      border: 1px solid #e2e8f0;\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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!./Profile.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/@vue/cli-plugin-babel/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!./Profile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Profile.vue?vue&type=template&id=5dc64e32&\"\nimport script from \"./Profile.vue?vue&type=script&lang=js&\"\nexport * from \"./Profile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Profile.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","import mod from \"-!../../../node_modules/@vue/cli-service/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/lib/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!./Profile.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/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/lib/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!./Profile.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}