{"version":3,"sources":["webpack:///./src/components/searchBarList.vue?ff9e","webpack:///./static/deletekey.png","webpack:///./src/views/JobBoards.vue","webpack:///./src/views/JobBoards.vue?40d2","webpack:///./src/components/searchBarList.vue","webpack:///./src/components/searchBarList.vue?3e14","webpack:///./static/keywordicon.png","webpack:///./src/views/JobBoards.vue?8862","webpack:///./src/components/searchBarList.vue?983e"],"names":["module","exports","loaded","ref","navbar","navbarStore","spinner","spinnerStore","toast","inject","filters","search","order","asc","keyWord","require","keyWordDelete","jobboards","jobboardsformatted","deleteDialog","elementToAdd","addDialog","elementToDelete","async","fetchKeywords","id","response","sbapibackoffice","get","data","onBeforeMount","show","value","keywordPromises","map","board","name","boardId","open","keywords","Promise","all","err","errorMessage","message","error","hide","length","changeOrder","sort","getJobBoard","computed","filteredBoards","matchingKeywords","filter","keyword","toLowerCase","includes","forEach","a","b","localeCompare","undefined","sensitivity","openDialog","key","find","id_job_board","charAt","toUpperCase","slice","openAddDialog","event","stopPropagation","addKeyword","string","text","post","idJobBoard","status","boardKeywords","newKeyword","newAdded","push","setTimeout","success","errorCode","messageCode","close","deleteKeyword","delete","indexToDelete","findIndex","item","splice","console","log","openBoard","selectedBoard","document","getElementById","scrollIntoView","onMounted","title","__exports__","class","_createElementBlock","_hoisted_1","_createElementVNode","$setup","type","placeholder","props","emits","setup","emit","searchInput","set","getPlaceholder","render"],"mappings":"kHAAA,W,uBCAAA,EAAOC,QAAU,IAA0B,8B,uwCCmH3C,MAAMC,EAASC,kBAAI,GACbC,EAASC,iBACTC,EAAUC,iBACVC,EAAQC,oBAAO,UAEfC,EAAUP,iBAAI,CAClBQ,OAAQ,GACRC,MAAO,KACPC,KAAK,IAEDC,EAAUC,EAAQ,QAClBC,EAAgBD,EAAQ,QACxBE,EAAYd,iBAAI,IAChBe,EAAqBf,iBAAI,IACzBgB,EAAehB,iBAAI,MACnBiB,EAAejB,iBAAI,IACnBkB,EAAYlB,iBAAI,MAChBmB,EAAkBnB,iBAAI,IA6B5BoB,eAAeC,EAAcC,GAC3B,MAAMC,QAAiBC,OAAgBC,IAAK,iCAAgCH,GAC5E,OAAOC,EAASG,KA7BlBC,2BAAcP,UACZjB,EAAQyB,OACR,IACE,MAAML,QAAiBC,OAAgBC,IAAI,cAC3CX,EAAUe,MAAQN,EAASG,KAE3B,MAAMI,EAAkBhB,EAAUe,MAAME,IAAIX,UAAY,CACtDY,MAAOA,EAAMC,KACbC,QAASF,EAAMV,GACfa,MAAM,EACNC,eAAgBf,EAAcW,EAAMV,OAGtCP,EAAmBc,YAAcQ,QAAQC,IAAIR,GAC7C,MAAOS,GACPxB,EAAmBc,MAAQ,GAC3B,MAAMW,EAAeD,EAAIE,SAAW,8CACpCpC,EAAMqC,MAAM,uCAAyCF,GACrD,QACArC,EAAQwC,OACR5C,EAAO8B,OAAQ,EACXd,EAAmBc,MAAMe,OAAS,IACpC7B,EAAmBc,MAAM,GAAGM,MAAO,MASzC,MAAMU,EAAeC,IACfA,IAASvC,EAAQsB,MAAMpB,MACzBF,EAAQsB,MAAMnB,KAAOH,EAAQsB,MAAMnB,IAEnCH,EAAQsB,MAAMnB,KAAM,EAEtBH,EAAQsB,MAAMpB,MAAQqC,GAElBC,EAAcC,sBAAS,KAC3B,MAAMC,EAAiBlC,EAAmBc,MAAME,IAAKC,IACnD,MAAMkB,EAAmBlB,EAAMI,SAASe,OAAQC,GAC9CA,EAAQA,QAAQC,cAAcC,SAAS/C,EAAQsB,MAAMrB,OAAO6C,gBAG9D,OAAIH,EAAiBN,OAAS,EACrB,IAAKZ,EAAOI,SAAUc,GAGxB,OACNC,OAAQnB,GAAoB,OAAVA,GAgBrB,MAd4B,OAAxBzB,EAAQsB,MAAMpB,MAChBwC,EAAeM,QAASvB,IACtBA,EAAMI,SAASU,KAAK,CAACU,EAAGC,IAAOlD,EAAQsB,MAAMnB,IAAM8C,EAAElC,GAAKmC,EAAEnC,GAAKmC,EAAEnC,GAAKkC,EAAElC,MAE3C,YAAxBf,EAAQsB,MAAMpB,OACvBwC,EAAeM,QAASvB,IACtBA,EAAMI,SAASU,KAAK,CAACU,EAAGC,IACtBlD,EAAQsB,MAAMnB,IACV8C,EAAEJ,QAAQM,cAAcD,EAAEL,aAASO,EAAW,CAAEC,YAAa,SAC7DH,EAAEL,QAAQM,cAAcF,EAAEJ,aAASO,EAAW,CAAEC,YAAa,YAKhEX,IAGHY,EAAcC,IAClB3C,EAAgBU,MAAQiC,EACxB,MAAM9B,EAAQjB,EAAmBc,MAAMkC,KAAMN,GAAMA,EAAEvB,UAAY4B,EAAIE,cACjEhC,IACFb,EAAgBU,MAAMG,MAAQA,EAAMA,MAAMiC,OAAO,GAAGC,cAAgBlC,EAAMA,MAAMmC,MAAM,IAExFnD,EAAaa,MAAMM,QAEfiC,EAAgB,CAACX,EAAGY,KACxBA,EAAMC,kBACNrD,EAAaY,MAAQ4B,EACrBvC,EAAUW,MAAMM,QAEZoC,EAAanD,UAAkB,MACnC,GAAU,OAANoD,QAAM,IAANA,GAAY,QAAN,EAANA,EAAQC,YAAI,OAAZ,EAAc5C,MAAO,CACvB1B,EAAQyB,OACR,IAAI,MACF,MAAML,QAAiBC,OAAgBkD,KAAK,mBAAoB,CAC9DtB,QAAe,OAANoB,QAAM,IAANA,GAAY,QAAN,EAANA,EAAQC,YAAI,WAAN,EAAN,EAAc5C,MACvB8C,WAAY1D,EAAaY,MAAMK,UAEjC,GAAwB,MAApBX,EAASqD,OAAgB,CAC3B,MAAMC,EAAgB9D,EAAmBc,MAAMkC,KAC5CN,GAAMA,EAAEvB,UAAYjB,EAAaY,MAAMK,SAE1C,GAAI2C,EAAe,CACjB,MAAMC,EAAavD,EAASG,KAC5BoD,EAAWC,UAAW,EACtBF,EAAczC,SAAS4C,KAAKF,GAC5BvE,EAAQsB,MAAMpB,MAAQ,KACtBF,EAAQsB,MAAMnB,KAAM,EACpBuE,WAAW,KACTlE,EAAmBc,MAAM0B,QAASvB,IAChCA,EAAMI,SAASmB,QAASO,IAClBA,EAAIiB,WACNjB,EAAIiB,UAAW,QAIpB,KAGL1E,EAAM6E,QAAQ,0BAEd7E,EAAMqC,MAAM,qBAAsBnB,EAASqD,QAE7C,MAAOlC,GACP,GAAIA,EAAMnB,UAAYmB,EAAMnB,SAASG,KAAM,CACzC,MAAMyD,EAAYzC,EAAMnB,SAASG,KAAK0D,YACpB,WAAdD,EACF9E,EAAMqC,MAAM,wBACW,WAAdyC,EACT9E,EAAMqC,MAAM,+CAEZrC,EAAMqC,MAAM,2BAGdrC,EAAMqC,MAAM,sBAEd,QACAzB,EAAaY,MAAQ,GACrBX,EAAUW,MAAMwD,QAChBlF,EAAQwC,UAIR2C,EAAgBlE,UACpB,GAAID,EAAgBU,MAAO,CACzB1B,EAAQyB,OACR,IACE,MAAML,QAAiBC,OAAgB+D,OAAO,oCAAsCpE,EAAgBU,MAAMP,IAC1G,GAAwB,MAApBC,EAASqD,OAAgB,CAC3B,MAAMC,EAAgB9D,EAAmBc,MAAMkC,KAAKN,GAAKA,EAAEvB,UAAYf,EAAgBU,MAAMmC,cAE7F,GAAIa,EAAe,CACjB,MAAMW,EAAgBX,EAAczC,SAASqD,UAAUC,GACrDA,EAAKpE,KAAOH,EAAgBU,MAAMP,IAClCoE,EAAKtC,UAAYjC,EAAgBU,MAAMuB,UAGlB,IAAnBoC,GACFX,EAAczC,SAASuD,OAAOH,EAAe,GAC7CI,QAAQC,IAAI,0DAEZD,QAAQC,IAAI,mDAGdD,QAAQC,IAAI,qDAEdxF,EAAM6E,QAAQ,4BAGd7E,EAAMqC,MAAM,qBAAsBnB,EAASqD,QAE7C,MAAOlC,GACHA,EAAMnB,UAAsC,MAA1BmB,EAAMnB,SAASqD,OACK,WAApClC,EAAMnB,SAASG,KAAK0D,YACtB/E,EAAMqC,MAAM,6CACiC,WAApCA,EAAMnB,SAASG,KAAK0D,aAC7B/E,EAAMqC,MAAM,qDAGdrC,EAAMqC,MAAM,oBAAqBA,GAEnC,QACA1B,EAAaa,MAAMwD,QACnBlE,EAAgBU,MAAQ,GACxB1B,EAAQwC,UAKRmD,EAAaC,IACjBhF,EAAmBc,MAAQd,EAAmBc,MAAME,IAAKC,GACnDA,EAAME,UAAY6D,EAAc7D,QAC3B,IAAKF,EAAOG,MAAOH,EAAMG,MAEzBH,GAIP+D,EAAc5D,MAEhB6D,SAASC,eAAe,YAAcF,EAAc7D,SAASgE,kB,OAIjEC,uBAAU,KACRlG,EAAOmG,MAAQ,e,0hICtUjB,MAAMC,EAAc,EAEL,gB,sFCNRC,MAAM,oB,0EAAXC,gCAiBM,MAjBNC,EAiBM,CAFI,mEACRC,gCAAwF,S,qCAAxEC,cAAW,GAAEJ,MAAM,SAASK,KAAK,SAAUC,YAAaF,kB,4BAAxDA,mBAML,OACbG,MAAO,CAAC,SAAU,eAClBC,MAAO,CAAC,iBACRC,MAAMF,GAAO,KAAEG,IACb,MAAMC,EAAcjE,sBAAS,CAC3BvB,IAAK,IACIoF,EAAMrG,OAEf0G,IAAMrF,IACJmF,EAAK,gBAAiBnF,MAGpBsF,EAAiBnE,sBAAS,IACvB6D,EAAMD,YAAcC,EAAMD,YAAc,aAGjD,MAAO,CACLK,cACAE,oB,2CCjCN,MAAMd,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASe,GAAQ,CAAC,YAAY,qBAE1E,U,yECVfvH,EAAOC,QAAU,IAA0B,gC,kCCA3C,W,kCCAA","file":"js/chunk-5f345788.157ea775.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../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!./searchBarList.vue?vue&type=style&index=0&id=f45bb4fa&lang=css\"","module.exports = __webpack_public_path__ + \"img/deletekey.b9811995.png\";","<template>\n  <div class=\"page-container-boards text-white\">\n    <div v-if=\"jobboardsformatted.length > 0\" class=\"top-header\">\n      <searchBar\n        :placeholder=\"'Cerca per keywords...'\"\n        :search=\"filters.search\"\n        @update:search=\"filters.search = $event\"\n      />\n    </div>\n    <div v-if=\"loaded && getJobBoard.length === 0\" class=\"no-job-boards-alert\">\n      <div class=\"no-job-boards-svg\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n          <title>alert</title>\n          <path d=\"M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z\" />\n        </svg>\n      </div>\n      <span class=\"no-job-boards-message\">\n        Nessuna job board trovata.\n      </span>\n    </div>\n    <table\n      v-for=\"board in getJobBoard\"\n      :id=\"'boarddiv_' + board.boardId\"\n      :key=\"board.board + '_' + board.open\"\n      class=\"panel-table\"\n      cellspacing=\"0\"\n      style=\"overflow: visible\"\n    >\n      <thead :class=\"{ '--isOpen': board.open }\" @click=\"openBoard(board)\" @keydown.enter.prevent=\"\">\n        <th><span class=\"thTitle\">{{ board.board }} </span></th>\n        <th style=\"width: 155px;\">\n          <material-button\n            class=\"jobboardBtn add\"\n            small\n            text=\"Aggiungi keyword\"\n            @click.prevent=\"openAddDialog(board, $event)\"\n          />\n        </th>\n        <th class=\"th-chevron\">\n          <svg style=\"width: 24px; height: 24px\" viewBox=\"0 0 24 24\">\n            <path fill=\"white\" d=\"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z\" />\n          </svg>\n        </th>\n      </thead>\n      <tbody>\n        <div class=\"table-container\">\n          <tr>\n            <th style=\"cursor: pointer;\" @click.prevent=\"changeOrder('id')\">\n              <span style=\"margin-right:5px\">ID</span>\n              <font-awesome-icon\n                :class=\"{ active: filters.order == 'id' }\"\n                :icon=\"filters.asc ? 'arrow-down-1-9' : 'arrow-down-9-1'\"\n              />\n            </th>\n            <th style=\"cursor: pointer;\" @click.prevent=\"changeOrder('keyword')\">\n              <span style=\"margin-right:5px\">Keyword</span>\n              <font-awesome-icon\n                :class=\"{ active: filters.order == 'keyword' }\"\n                :icon=\"filters.asc ? 'arrow-down-a-z' : 'arrow-down-z-a'\"\n              />\n            </th>\n\n            <th />\n          </tr>\n          <div class=\"scroll-table\">\n            <tr\n              v-for=\"keyword in board.keywords\"\n              :id=\"keyword.id + '_' + keyword.newAdded ? 'new_' : '' + keyword.keyword.newAdded\"\n              :key=\"keyword.id + '_' + keyword.newAdded ? 'new_' : '' + keyword.keyword.newAdded\"\n              :class=\"{ 'recently-added': keyword.newAdded }\"\n            >\n              <td>\n                {{ keyword.id }}\n              </td>\n              <td>\n                {{ keyword.keyword }}\n              </td>\n              <td>\n                <material-button class=\"jobboardBtn delete\" small text=\"Elimina keyword\" @click=\"openDialog(keyword)\" />\n              </td>\n            </tr>\n          </div>\n        </div>\n      </tbody>\n    </table>\n  </div>\n  <Dialog\n    ref=\"addDialog\"\n    :round-icon=\"keyWord\"\n    :title=\"'Aggiungi keyword alla job &quot;' + elementToAdd?.board?.charAt(0).toUpperCase() + elementToAdd?.board?.slice(1) + '&quot;'\"\n    inputstringtitle=\"Inserisci la nuova keyword\"\n    :input=\"true\"\n    :bg-icon=\"true\"\n    :button-text=\"'Salva la nuova keywword'\"\n    @buttonAction=\"addKeyword\"\n  />\n\n  <Dialog\n    ref=\"deleteDialog\"\n    :round-icon=\"keyWordDelete\"\n    :success=\"'error'\"\n    title=\"Sei sicuro?\"\n    :subtitle=\"`Stai per cancellare la keyword <b>${elementToDelete?.keyword}</b> dalla jobboard <b>${elementToDelete.board}</b>`\"\n    :button-text=\"`Cancella ${elementToDelete?.keyword}`\"\n    @buttonAction=\"deleteKeyword\"\n  />\n</template>\n\n<script setup>\nimport Dialog from '../components/Dialog.vue'\nimport { inject, onBeforeMount, onMounted, computed, ref } from 'vue'\nimport { navbarStore } from '@/stores/navbar'\nimport searchBar from '../components/searchBarList.vue'\nimport { spinnerStore } from '@/stores/spinner'\nimport { sbapibackoffice } from '@/api'\nconst loaded = ref(false)\nconst navbar = navbarStore()\nconst spinner = spinnerStore()\nconst toast = inject('$toast')\n\nconst filters = ref({\n  search: '',\n  order: 'id',\n  asc: true\n})\nconst keyWord = require('../../static/keywordicon.png')\nconst keyWordDelete = require('../../static/deletekey.png')\nconst jobboards = ref([])\nconst jobboardsformatted = ref([])\nconst deleteDialog = ref(null)\nconst elementToAdd = ref({})\nconst addDialog = ref(null)\nconst elementToDelete = ref({})\n\nonBeforeMount(async () => {\n  spinner.show()\n  try {\n    const response = await sbapibackoffice.get('/jobboards')\n    jobboards.value = response.data\n\n    const keywordPromises = jobboards.value.map(async (board) => ({\n      board: board.name,\n      boardId: board.id,\n      open: false,\n      keywords: await fetchKeywords(board.id)\n    }))\n\n    jobboardsformatted.value = await Promise.all(keywordPromises)\n  } catch (err) {\n    jobboardsformatted.value = []\n    const errorMessage = err.message || 'An error occurred while fetching jobboards.'\n    toast.error('Impossibile scaricare le jobboards: ' + errorMessage)\n  } finally {\n    spinner.hide()\n    loaded.value = true\n    if (jobboardsformatted.value.length > 0) {\n      jobboardsformatted.value[0].open = true\n    }\n  }\n})\n\nasync function fetchKeywords(id) {\n  const response = await sbapibackoffice.get(`/banned-keywords?id_job_board=${id}`)\n  return response.data\n}\nconst changeOrder = (sort) => {\n  if (sort === filters.value.order) {\n    filters.value.asc = !filters.value.asc\n  } else {\n    filters.value.asc = true\n  }\n  filters.value.order = sort\n}\nconst getJobBoard = computed(() => {\n  const filteredBoards = jobboardsformatted.value.map((board) => {\n    const matchingKeywords = board.keywords.filter((keyword) =>\n      keyword.keyword.toLowerCase().includes(filters.value.search.toLowerCase())\n    )\n\n    if (matchingKeywords.length > 0) {\n      return { ...board, keywords: matchingKeywords }\n    }\n\n    return null\n  }).filter((board) => board !== null)\n\n  if (filters.value.order === 'id') {\n    filteredBoards.forEach((board) => {\n      board.keywords.sort((a, b) => (filters.value.asc ? a.id - b.id : b.id - a.id))\n    })\n  } else if (filters.value.order === 'keyword') {\n    filteredBoards.forEach((board) => {\n      board.keywords.sort((a, b) =>\n        filters.value.asc\n          ? a.keyword.localeCompare(b.keyword, undefined, { sensitivity: 'base' })\n          : b.keyword.localeCompare(a.keyword, undefined, { sensitivity: 'base' })\n      )\n    })\n  }\n\n  return filteredBoards\n})\n\nconst openDialog = (key) => {\n  elementToDelete.value = key\n  const board = jobboardsformatted.value.find((b) => b.boardId === key.id_job_board)\n  if (board) {\n    elementToDelete.value.board = board.board.charAt(0).toUpperCase() + board.board.slice(1)\n  }\n  deleteDialog.value.open()\n}\nconst openAddDialog = (b, event) => {\n  event.stopPropagation()\n  elementToAdd.value = b\n  addDialog.value.open()\n}\nconst addKeyword = async (string) => {\n  if (string?.text?.value) {\n    spinner.show()\n    try {\n      const response = await sbapibackoffice.post('/banned-keywords', {\n        keyword: string?.text?.value,\n        idJobBoard: elementToAdd.value.boardId\n      })\n      if (response.status === 200) {\n        const boardKeywords = jobboardsformatted.value.find(\n          (b) => b.boardId === elementToAdd.value.boardId\n        )\n        if (boardKeywords) {\n          const newKeyword = response.data\n          newKeyword.newAdded = true\n          boardKeywords.keywords.push(newKeyword)\n          filters.value.order = 'id'\n          filters.value.asc = false\n          setTimeout(() => {\n            jobboardsformatted.value.forEach((board) => {\n              board.keywords.forEach((key) => {\n                if (key.newAdded) {\n                  key.newAdded = false\n                }\n              })\n            })\n          }, 5000)\n        }\n\n        toast.success('Keyword aggiunta!')\n      } else {\n        toast.error('Errore imprevisto:', response.status)\n      }\n    } catch (error) {\n      if (error.response && error.response.data) {\n        const errorCode = error.response.data.messageCode\n        if (errorCode === 'BK-001') {\n          toast.error('idJobBoard mancante.')\n        } else if (errorCode === 'BK-002') {\n          toast.error('Non esiste nessuna job board con questo id.')\n        } else {\n          toast.error('Errore imprevisto.')\n        }\n      } else {\n        toast.error('Errore imprevisto.')\n      }\n    } finally {\n      elementToAdd.value = {}\n      addDialog.value.close()\n      spinner.hide()\n    }\n  }\n}\nconst deleteKeyword = async () => {\n  if (elementToDelete.value) {\n    spinner.show()\n    try {\n      const response = await sbapibackoffice.delete('/banned-keywords?idBannerKeyWord=' + elementToDelete.value.id)\n      if (response.status === 200) {\n        const boardKeywords = jobboardsformatted.value.find(b => b.boardId === elementToDelete.value.id_job_board)\n\n        if (boardKeywords) {\n          const indexToDelete = boardKeywords.keywords.findIndex(item =>\n            item.id === elementToDelete.value.id &&\n            item.keyword === elementToDelete.value.keyword\n          )\n\n          if (indexToDelete !== -1) {\n            boardKeywords.keywords.splice(indexToDelete, 1)\n            console.log('Oggetto eliminato con successo dall\\'array di keywords')\n          } else {\n            console.log('Oggetto non trovato nell\\'array di keywords')\n          }\n        } else {\n          console.log('Nessun oggetto trovato con il boardId specificato')\n        }\n        toast.success('Keyword cancellata!')\n\n      } else {\n        toast.error('Unexpected status:', response.status)\n      }\n    } catch (error) {\n      if (error.response && error.response.status === 406) {\n        if (error.response.data.messageCode === 'BK-003') {\n          toast.error('Error BK-003: idBannerKeyWord is missing.')\n        } else if (error.response.data.messageCode === 'BK-004') {\n          toast.error('Error BK-004: No job board identified by this id.')\n        }\n      } else {\n        toast.error('Unexpected error:', error)\n      }\n    } finally {\n      deleteDialog.value.close()\n      elementToDelete.value = {}\n      spinner.hide()\n    }\n  }\n}\n\nconst openBoard = (selectedBoard) => {\n  jobboardsformatted.value = jobboardsformatted.value.map((board) => {\n    if (board.boardId === selectedBoard.boardId) {\n      return { ...board, open: !board.open }\n    } else {\n      return board\n    }\n  })\n\n  if (selectedBoard.open) {\n    // Scroll to the selected board's div\n    document.getElementById('boarddiv_' + selectedBoard.boardId).scrollIntoView()\n  }\n}\n\nonMounted(() => {\n  navbar.title = 'Job Boards'\n})\n</script>\n\n<style lang=\"scss\">\n* {\n  scroll-behavior: smooth;\n}\n\n.no-job-boards-alert {\n  background-color: rgba(185, 59, 71, .85);\n  border-left: 8px solid var(--danger);\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 10px 20px;\n  border-radius: 4px;\n\n  svg {\n    width: 24px;\n    height: 24px;\n\n    path {\n      fill: white\n    }\n  }\n\n  .no-job-boards-message {\n    color: white;\n    font-size: 16px;\n    margin: 0 10px;\n  }\n\n  .no-job-boards-svg {\n    border-radius: 50%;\n    width: 45px;\n    height: 45px;\n    min-width: 45px;\n    min-height: 45px;\n    background-color: #dc35688f;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.page-container-boards {\n  height: calc(100% - 50px);\n  width: 100%;\n  font-family: \"Lato\", sans-serif;\n  display: flex;\n  flex-direction: column;\n  padding: 40px;\n  font-size: 14px;\n\n  .table-container {\n    border-radius: 5px;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n\n    svg path {\n      fill: rgba(255, 255, 255, .65)\n    }\n\n    svg.active path {\n      fill: rgb(255, 255, 255);\n    }\n  }\n\n  .scroll-table {\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    overflow-y: auto;\n    max-height: 70vh;\n\n    &::-webkit-scrollbar {\n      width: 1px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      background-color: #ccc;\n    }\n  }\n\n  .top-header {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 2em;\n  }\n\n  .th-chevron {\n    text-align: right;\n    width: 30px;\n  }\n\n  .collapsible-content {\n    display: block;\n    background-color: transparent;\n  }\n\n  table {\n    color: white;\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: 20px;\n\n    thead {\n      border-top-left-radius: 5px;\n      border-top-right-radius: 5px;\n      padding: 8px 5px 8px 15px;\n      background: #1a74a3;\n      top: 0;\n      position: relative !important;\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n\n      .thTitle {\n        text-transform: capitalize;\n        font-size: 15px;\n      }\n\n      th:first-of-type {\n        display: flex;\n        align-items: center;\n        flex: 1;\n        width: 100%;\n      }\n\n      th {\n        padding: 0 !important;\n        text-align: left;\n        height: auto;\n      }\n\n      th.th-action {\n        text-align: right;\n        min-width: 30%;\n      }\n\n      th.th-chevron svg {\n        transform: rotate(0deg);\n        transition: transform 250ms ease-in-out;\n      }\n\n      +tbody {\n        border-width: 0px 3px 3px;\n        animation: slideOut 250ms ease-in;\n        animation-fill-mode: forwards;\n        overflow: hidden;\n        display: block;\n      }\n\n      &.--isOpen {\n        th.th-chevron svg {\n          transform: rotate(90deg);\n          transition: transform 250ms ease-in-out;\n        }\n\n        +tbody {\n          border-color: #1a74a3;\n          border-style: solid;\n          animation: slideIn 300ms ease-in;\n          animation-fill-mode: forwards;\n        }\n      }\n    }\n\n    .table-container {\n      height: 100%;\n      overflow: unset;\n\n      th,\n      td {\n        vertical-align: middle !important;\n        display: inherit;\n        align-items: center !important;\n      }\n\n      td {\n        //border: 1px solid yellow;\n        text-align: left;\n        padding: 8px 10px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n\n        &:nth-child(2) {\n          width: 100%;\n          justify-content: flex-start;\n        }\n\n        &:nth-child(1) {\n          width: 100px;\n          justify-content: center;\n        }\n\n        &:nth-child(3) {\n          min-width: 180px;\n          //border: 1px solid yellow;\n          padding-right: 20px;\n          padding-left: 0;\n          justify-content: flex-start;\n        }\n      }\n\n      th {\n        //border: 1px solid yellow;\n        text-align: left;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.4);\n        display: table-cell;\n        background-color: transparent;\n        font-weight: bold;\n        position: sticky;\n        top: 0;\n        z-index: 1;\n        padding: 10px;\n        font-size: 14px;\n\n        &:nth-child(2) {\n          width: 100%;\n        }\n\n        &:nth-child(1) {\n          width: 100px;\n          text-align: center;\n        }\n\n        &:nth-child(3) {\n          min-width: 180px;\n          //border: 1px solid yellow;\n          padding-right: 20px;\n          padding-left: 0;\n          text-align: left;\n        }\n      }\n\n      tr {\n        border-left: 4px solid transparent;\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        background: transparent;\n        transition: all 650ms ease-in-out;\n\n        &.recently-added {\n          border-left: 4px solid var(--accented);\n          background: linear-gradient(90deg, rgba(66, 186, 222, 0.25) 30%, rgba(2, 0, 36, 0) 100%);\n          transition: all 650ms ease-in-out;\n        }\n\n        td:first-child {\n          padding-left: 4px !important;\n        }\n      }\n    }\n\n  }\n\n  th,\n  td {\n    .jobboardBtn {\n      text-align: center;\n      outline: 0;\n      border: 0;\n      text-transform: uppercase;\n      cursor: pointer;\n\n      &.add {\n        background: #1da3b8;\n\n        &:hover {\n          background: var(--info2);\n        }\n      }\n\n      &.delete {\n        background: #dc35466f;\n\n        &:hover {\n          background: var(--danger);\n        }\n      }\n    }\n  }\n}\n\n@keyframes slideIn {\n  0% {\n    height: 0;\n    max-height: 0;\n    opacity: 0;\n  }\n\n  50% {\n    opacity: 0.75;\n  }\n\n  100% {\n    height: auto;\n    max-height: 70vh;\n    opacity: 1;\n  }\n}\n\n@keyframes slideOut {\n  0% {\n    height: auto;\n    max-height: 70vh;\n    opacity: 1;\n  }\n\n  75% {\n    opacity: 0.5;\n  }\n\n  100% {\n    height: 0;\n    max-height: 0;\n    opacity: 0;\n  }\n}\n</style>\n","import script from \"./JobBoards.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./JobBoards.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./JobBoards.vue?vue&type=style&index=0&id=0b92841a&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"search-container\">\n    <label v-if=\"false\" class=\"drop\">\n      <input id=\"target-drop-example\" type=\"checkbox\">\n      <span class=\"control\">All</span>\n\n      <!-- Items -->\n      <ul class=\"drop-items\">\n        <li class=\"item-drop\">Companies</li>\n        <li class=\"item-drop\">Campaigns</li>\n        <li class=\"item-drop\">Candidates</li>\n        <li class=\"item-drop\">Members</li>\n      </ul>\n\n      <!-- Alternative to close dropdown with click out -->\n      <label for=\"target-drop-example\" class=\"overlay-close\" />\n    </label>\n    <input v-model=\"searchInput\" class=\"search\" type=\"search\" :placeholder=\"getPlaceholder\">\n  </div>\n</template>\n\n<script>\nimport { computed } from 'vue'\nexport default {\n  props: ['search', 'placeholder'],\n  emits: ['update:search'],\n  setup(props, { emit }) {\n    const searchInput = computed({\n      get: () => {\n        return props.search\n      },\n      set: (value) => {\n        emit('update:search', value)\n      }\n    })\n    const getPlaceholder = computed(() => {\n      return props.placeholder ? props.placeholder : 'Search...'\n    })\n\n    return {\n      searchInput,\n      getPlaceholder\n    }\n  }\n}\n</script>\n\n<style>\ninput[type=\"search\"]::-webkit-search-cancel-button {\n\n -webkit-appearance: none;\n  height: 24px;\n  width: 24px;\n  margin-left: .4em;\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232f618f'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>\");\n  cursor: pointer;\n}\n</style>\n<style lang=\"scss\" scoped>\n@media only screen and (max-width: 720px) {\n\t.search-container {\n\t\twidth: 100% !important;\n\t\tmargin: 0 !important;\n\t\tmargin-bottom: 20px !important;\n\t}\n}\n.search-container {\n\t// width: 65%;\n\tflex: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-items: center;\n\t// margin-right: 15px;\n\tinput:focus-visible {\n\t\toutline-offset: 0px;\n\t\toutline: 0;\n\t}\n\n\t.drop {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\ttext-align: center;\n\t}\n\t.drop input[type='checkbox'] {\n\t\tdisplay: none;\n\t}\n\t.drop input[type='checkbox']:checked ~ .drop-items {\n\t\topacity: 1;\n\t\tmax-height: 400px;\n\t\tpadding: 0.6rem 0;\n\t}\n\t.drop input[type='checkbox']:checked ~ .control {\n\t\tz-index: 99;\n\t\tbox-shadow: 0 0 0 2px #5055b1;\n\t}\n\t.drop input[type='checkbox']:checked ~ .control:after {\n\t\ttransform: rotate(180deg);\n\t}\n\t.drop input[type='checkbox']:checked ~ .overlay-close {\n\t\ttransform: none;\n\t\tpointer-events: initial;\n\t}\n\t.drop:focus-visible {\n\t\toutline: 0;\n\t}\n\t.drop .control {\n\t\tposition: relative;\n\t\tcolor: #fff;\n\t\tdisplay: inline-block;\n\t\tcursor: pointer;\n\t\ttransition: all 0.3s ease;\n\t\tborder: 1px solid rgba(255, 255, 255, 0.15);\n\t\t//border-top-left-radius: 5px;\n\t\t//border-bottom-left-radius: 5px;\n\t\tborder-radius: 5px !important;\n\t\theight: 43px;\n\t\tpadding: 0 15px;\n\t\tline-height: 43px;\n\t}\n\t@media (hover: hover) {\n\t\t.drop .control:hover {\n\t\t\topacity: 0.75;\n\t\t}\n\t}\n\n\t.drop .control:after {\n\t\tcontent: '';\n\t\tdisplay: inline-block;\n\t\theight: 0.5em;\n\t\twidth: 0.5em;\n\t\tmargin-left: 0.8em;\n\t\tbackground-image: url(\"data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' width='16' height='13.838' viewBox='0 0 16 13.838'%3E%3Cpath d='M15.78,12.753a1.529,1.529,0,0,1-1.311,2.314H1.53A1.529,1.529,0,0,1,.219,12.753L6.69,1.969a1.528,1.528,0,0,1,2.619,0L15.78,12.753Z' transform='translate(16 15.067) rotate(180)'/%3E%3C/svg%3E%0A\");\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\tbackground-size: contain;\n\t\ttransition: transform 0.1s ease-in;\n\t}\n\t.drop .drop-items {\n\t\tcolor: white;\n\t\tposition: absolute;\n\t\ttop: calc(100% + 0.4rem);\n\t\twidth: 100%;\n\t\tmin-width: 100px;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\ttransition: all 0s ease;\n\t\tbackground: #013965;\n\t\tbox-shadow: 0 2px 6px rgba(254, 253, 253, 0.35);\n\t\tborder-radius: 4px;\n\t\toverflow: hidden;\n\t\tmax-height: 0;\n\t\topacity: 0;\n\t\tz-index: 99;\n\t\tborder: 1px solid rgba(255, 255, 255, 0.15);\n\t}\n\t.drop .drop-items .item-drop {\n\t\tlist-style: none;\n\t\tpadding: 5px 0px;\n\t}\n\n\t.drop .overlay-close {\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\tright: 0;\n\t\tz-index: 9;\n\t\ttransform: translate(100%, 0);\n\t\tpointer-events: none;\n\t}\n\n\t.search {\n\t\theight: 45px;\n\t\tflex: 1;\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tcolor: white;\n\t\tbackground: transparent;\n\t\tborder: 1px solid rgba(255, 255, 255, 0.15);\n\t\tborder-radius: 5px;\n\t\tpadding-left: 15px;\n\t}\n\tinput::placeholder {\n\t\tcolor: rgba(255, 255, 255, 0.762);\n\t}\n}\n</style>","import { render } from \"./searchBarList.vue?vue&type=template&id=f45bb4fa&scoped=true\"\nimport script from \"./searchBarList.vue?vue&type=script&lang=js\"\nexport * from \"./searchBarList.vue?vue&type=script&lang=js\"\n\nimport \"./searchBarList.vue?vue&type=style&index=0&id=f45bb4fa&lang=css\"\nimport \"./searchBarList.vue?vue&type=style&index=1&id=f45bb4fa&lang=scss&scoped=true\"\n\nimport exportComponent from \"/usr/src/app/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-f45bb4fa\"]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/keywordicon.392ee668.png\";","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!./JobBoards.vue?vue&type=style&index=0&id=0b92841a&lang=scss\"","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!./searchBarList.vue?vue&type=style&index=1&id=f45bb4fa&lang=scss&scoped=true\""],"sourceRoot":""}