{"version":3,"sources":["webpack:///./src/views/user.vue","webpack:///./src/views/user.vue?6994","webpack:///./src/views/user.vue?43e3"],"names":["class","name","components","Button","props","pid","String","store","hasPerm","checkToken","usePerms","token","getters","project","url","updateproject","async","property","e","baseURL","value","id","data","method","headers","Authorization","then","resp","console","log","catch","err","commit","newJob","updatejob","jid","render","__scopeId"],"mappings":"wOAEI,eAEU,WAFDA,MAAM,qBAAmB,CAChC,eAAmE,OAA9DA,MAAM,gBAAe,yC,+DAF9B,eAIO,aAHL,M,6DAaW,iBAAgB,CAC7BC,KAAM,YACNC,WAAY,CACVC,SAAA,MAEFC,MAAO,CACLC,IAAKC,QAEP,MAAMF,GACJ,MAAMG,EAAQ,kBACR,QAAEC,EAAO,WAAEC,GAAe,OAAAC,EAAA,QAE1BC,EAAQ,eAAS,IAAMJ,EAAMK,QAAQ,eAE3C,MAAMC,EAAU,iBACVC,EAAM,wBA6BNC,EAAgBC,MAAOC,EAAUC,KAChCX,EAAMK,QAAQ,yBAIbH,IAEN,IAAM,CACJU,QAASL,EACTA,IAAK,YAAcD,EAAQO,MAAMC,GACjCC,KAAM,CACJ,CAACL,GAAWJ,EAAQO,MAAMH,IAE5BM,OAAQ,QACRC,QAAS,CACPC,cAAe,UAAYd,EAAMS,SAGlCM,KAAMC,IACLC,QAAQC,IAAIF,KAEbG,MAAOC,IACNH,QAAQC,IAAIE,MApBdxB,EAAMyB,OAAO,WAAY,IAuBvBC,EAASjB,UACRT,EAAMK,QAAQ,yBAIbH,IAEN,IAAM,CACJU,QAASL,EACTA,IAAK,QAAUD,EAAQO,MAAMC,GAC7BC,KAAM,GACNC,OAAQ,OACRC,QAAS,CACPC,cAAe,UAAYd,EAAMS,SAGlCM,KAAMC,IACLC,QAAQC,IAAIF,GAEZd,EAAQO,MAAQO,EAAKL,OAItBQ,MAAOC,IACNH,QAAQC,IAAIE,MAtBdxB,EAAMyB,OAAO,WAAY,IAyBvBE,EAAYlB,MAAOC,EAAUG,EAAOe,KACnC5B,EAAMK,QAAQ,yBAIbH,IAEN,IAAM,CACJU,QAASL,EACTA,IAAK,QAAUqB,EACfb,KAAM,CACJ,CAACL,GAAWG,GAEdG,OAAQ,QACRC,QAAS,CACPC,cAAe,UAAYd,EAAMS,SAGlCM,KAAMC,IACLC,QAAQC,IAAIF,KAEbG,MAAOC,IACNH,QAAQC,IAAIE,MApBdxB,EAAMyB,OAAO,WAAY,IAyB7B,MAAO,CACLnB,UACAE,gBACAmB,YACAD,a,UCzIN,EAAOG,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf","file":"js/user.695af8b9.js","sourcesContent":["<template>\n  <main>\n    <section class=\"js-page page join\">\n      <div class=\"page-content\">Edit user setting Make it look good</div>\n    </section>\n  </main>\n</template>\n\n<script >\nimport { usePerms } from \"@/logic/usePerms\"\nimport axios from \"axios\"\nimport { computed, defineComponent, ref } from \"vue\"\nimport { useStore } from \"vuex\"\nimport Button from \"../components/Button.vue\"\n\nexport default defineComponent({\n  name: \"Dashboard\",\n  components: {\n    Button,\n  },\n  props: {\n    pid: String,\n  },\n  setup(props) {\n    const store = useStore()\n    const { hasPerm, checkToken } = usePerms()\n\n    const token = computed(() => store.getters[\"auth/token\"])\n    let oproject = {}\n    const project = ref()\n    const url = \"http://localhost:8085\"\n    // const url = \"https://api.otonomi.no\"\n\n    const loadProjects = async () => {\n      if (!store.getters[\"auth/isLogedIn\"]) {\n        store.commit(\"setModal\", 2)\n        return\n      }\n      await checkToken()\n\n      axios({\n        baseURL: url,\n        url: \"/project/\" + props.pid,\n        data: {},\n        method: \"GET\",\n        headers: {\n          Authorization: \"Bearer \" + token.value,\n        },\n      })\n        .then((resp) => {\n          console.log(resp)\n          oproject = resp.data\n          project.value = resp.data\n        })\n        .catch((err) => {\n          console.log(err)\n        })\n    }\n\n    const updateproject = async (property, e) => {\n      if (!store.getters[\"auth/isLogedIn\"]) {\n        store.commit(\"setModal\", 2)\n        return\n      }\n      await checkToken()\n\n      axios({\n        baseURL: url,\n        url: \"/project/\" + project.value.id,\n        data: {\n          [property]: project.value[property],\n        },\n        method: \"PATCH\",\n        headers: {\n          Authorization: \"Bearer \" + token.value,\n        },\n      })\n        .then((resp) => {\n          console.log(resp)\n        })\n        .catch((err) => {\n          console.log(err)\n        })\n    }\n    const newJob = async () => {\n      if (!store.getters[\"auth/isLogedIn\"]) {\n        store.commit(\"setModal\", 2)\n        return\n      }\n      await checkToken()\n\n      axios({\n        baseURL: url,\n        url: \"/job/\" + project.value.id,\n        data: {},\n        method: \"POST\",\n        headers: {\n          Authorization: \"Bearer \" + token.value,\n        },\n      })\n        .then((resp) => {\n          console.log(resp)\n\n          project.value = resp.data\n\n          // projects.value = p\n        })\n        .catch((err) => {\n          console.log(err)\n        })\n    }\n    const updatejob = async (property, value, jid) => {\n      if (!store.getters[\"auth/isLogedIn\"]) {\n        store.commit(\"setModal\", 2)\n        return\n      }\n      await checkToken()\n\n      axios({\n        baseURL: url,\n        url: \"/job/\" + jid,\n        data: {\n          [property]: value,\n        },\n        method: \"PATCH\",\n        headers: {\n          Authorization: \"Bearer \" + token.value,\n        },\n      })\n        .then((resp) => {\n          console.log(resp)\n        })\n        .catch((err) => {\n          console.log(err)\n        })\n    }\n\n    // loadProjects()\n    return {\n      project,\n      updateproject,\n      updatejob,\n      newJob,\n    }\n  },\n})\n</script>\n\n<style lang=\"scss\" scoped>\n// @import \"../css/join.scss\";\n\n.page-content {\n  width: 800px;\n  margin: 300px auto 0;\n}\n.progress-bar {\n  height: 4px;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 2px;\n  background-color: #dadff3;\n  margin: 6px 0;\n\n  .progress {\n    height: 100%;\n    width: 40%;\n    background-color: #4bc0dd;\n    display: block;\n  }\n}\n\n.searched-bar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  -webkit-animation: slideY 0.6s both;\n  animation: slideY 0.6s both;\n\n  .searched-show {\n    font-size: 19px;\n    font-weight: 600;\n  }\n  .searched-sort {\n    font-size: 14px;\n    color: var(--color-text-light);\n    .post-time {\n      font-weight: 600;\n      color: var(--color-text-light);\n    }\n    .menu-icon {\n      font-size: 9px;\n      color: var(--color-text-light);\n      margin-left: 6px;\n    }\n  }\n}\n\n.job-cards {\n  text-align: left;\n  width: 100%;\n  padding-top: 20px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-column-gap: 25px;\n  grid-row-gap: 25px;\n  -webkit-animation: slideY 0.6s both;\n  animation: slideY 0.6s both;\n\n  .job-card {\n    background-color: white;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: 0.2s;\n    overflow: hidden;\n\n    &.new-job {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      background: var(--color-blue);\n      box-shadow: var(--shadow-dark);\n      color: white;\n\n      .symbol {\n        font-size: 4rem;\n        font-weight: 700;\n      }\n    }\n\n    &:hover {\n      transform: scale(1.02);\n    }\n\n    img {\n      width: 100%;\n    }\n\n    .job-card-header {\n      display: flex;\n      align-items: flex-start;\n\n      svg {\n        width: 46px;\n        padding: 10px;\n        border-radius: 8px;\n      }\n    }\n    .menu-dot {\n      background-color: var(--color-text-light);\n      box-shadow: -6px 0 0 0 var(--color-text-light),\n        6px 0 0 0 var(--color-text-light);\n      width: 4px;\n      height: 4px;\n      border: 0;\n      padding: 0;\n      border-radius: 50%;\n      margin-left: auto;\n      margin-right: 8px;\n    }\n    .job-card-wrapper {\n      padding: 5px 16px 20px 16px;\n    }\n    .job-card-time {\n      color: var(--color-text-light);\n      font-weight: 400;\n      margin-top: 16px;\n      font-size: 0.9rem;\n    }\n    .job-card-title {\n      font-weight: 600;\n      margin-top: 12px;\n      font-size: 1.2rem;\n    }\n    .job-card-subtitle {\n      color: var(--subtitle-color);\n      font-size: 0.8rem;\n      margin-top: 14px;\n      line-height: 1.6em;\n    }\n    .job-detail-buttons {\n      .detail-button {\n        background-color: var(--color-bg);\n        color: var(--color-blue);\n        font-size: 11px;\n        font-weight: 500;\n        padding: 6px 8px;\n        border-radius: 4px;\n      }\n      .search-buttons {\n        border: none;\n        background-color: var(--color-bg);\n        color: var(--color-blue);\n        padding: 8px 10px;\n        border-radius: 6px;\n        font-size: 11px;\n        font-weight: 600;\n        margin-top: 14px;\n        margin-left: 4px;\n      }\n    }\n    .job-card-buttons {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      margin-top: 4px;\n\n      .card-buttons {\n        margin-right: 12px;\n      }\n    }\n  }\n}\n</style>\n","import { render } from \"./user.vue?vue&type=template&id=321b66c4&scoped=true\"\nimport script from \"./user.vue?vue&type=script&lang=js\"\nexport * from \"./user.vue?vue&type=script&lang=js\"\n\nimport \"./user.vue?vue&type=style&index=0&id=321b66c4&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-321b66c4\"\n\nexport default script","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./user.vue?vue&type=style&index=0&id=321b66c4&lang=scss&scoped=true\""],"sourceRoot":""}