{"version":3,"sources":["webpack:///./src/views/CMS/articoli.vue?b451","webpack:///./src/views/CMS/articoli.vue","webpack:///./src/views/CMS/articoli.vue?f859","webpack:///./src/views/CMS/articoli.vue?ea35"],"names":["toast","inject","spinner","spinnerStore","navbar","navbarStore","visibilities","ref","thisSectionVisible","onMounted","async","title","show","results","sbapibackoffice","get","data","value","find","v","sectionName","visible","error","message","hide","toggleVisibility","sectionId","id","put","event","target","checked","success","__exports__"],"mappings":"gHAAA,W,+mBCeA,MAAMA,EAAQC,oBAAO,UACfC,EAAUC,iBACVC,EAASC,iBAETC,EAAeC,iBAAI,IACnBC,EAAqBD,kBAAI,GAE/BE,uBAAUC,UACRN,EAAOO,MAAQ,sBACfT,EAAQU,OAER,IACE,IAAIC,QAAgBC,OAAgBC,IAAI,4BAC7B,OAAPF,QAAO,IAAPA,KAASG,OACXV,EAAaW,MAAQJ,EAAQG,KAC7BR,EAAmBS,MAAQJ,EAAQG,KAAKE,KAAKC,GAAsB,YAAjBA,EAAEC,aAA2BC,SAEjF,MAAOC,GACPtB,EAAMsB,MAAM,WAAaA,EAAMC,SAGjCrB,EAAQsB,SAGV,MAAMC,EAAmBf,UACvB,IACE,MAAMgB,EAAYpB,EAAaW,MAAMC,KAAKC,GAAsB,YAAjBA,EAAEC,aAA2BO,SACtEb,OAAgBc,IAAK,4BAA2BF,EAAa,CAAEL,QAASQ,EAAMC,OAAOC,UAEvFF,EAAMC,OAAOC,QACf/B,EAAMgC,QAAQ,iCAEdhC,EAAMgC,QAAQ,iCAEhB,MAAOV,GACPtB,EAAMsB,MAAM,WAAaA,EAAMC,W,ydC1CnC,MAAMU,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,yDCVf,W","file":"js/chunk-0d1126dd.6eff4aa6.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!./articoli.vue?vue&type=style&index=2&id=773765fb&lang=css\"","<script setup>\nimport { onMounted, inject, ref } from 'vue'\n// import Multiselect from '@vueform/multiselect'\nimport { sbapibackoffice } from '@/api'\nimport { navbarStore } from '@/stores/navbar'\nimport { spinnerStore } from '@/stores/spinner'\n// require('dayjs/locale/it')\n// import dayjs from 'dayjs'\n// import { spinnerStore } from '@/stores/spinner'\n// dayjs.locale('it')\n// import { navbarStore } from '@/stores/navbar'\n\n// import Datepicker from '@vuepic/vue-datepicker'\nimport '@vuepic/vue-datepicker/dist/main.css'\n\nconst toast = inject('$toast')\nconst spinner = spinnerStore()\nconst navbar = navbarStore()\n\nconst visibilities = ref([])\nconst thisSectionVisible = ref(false)\n\nonMounted(async () => {\n  navbar.title = 'Gli ultimi articoli'\n  spinner.show()\n\n  try {\n    let results = await sbapibackoffice.get('home/sections-visibility')\n    if (results?.data) {\n      visibilities.value = results.data\n      thisSectionVisible.value = results.data.find(v => v.sectionName == 'ARTICLES').visible\n    }\n  } catch (error) {\n    toast.error('Errore: ' + error.message)\n  }\n\n  spinner.hide()\n})\n\nconst toggleVisibility = async (event) => {\n  try {\n    const sectionId = visibilities.value.find(v => v.sectionName == 'ARTICLES').id\n    await sbapibackoffice.put(`home/sections-visibility/${sectionId}`, { visible: event.target.checked })\n\n    if (event.target.checked) {\n      toast.success('Sezione visibile su cving.com')\n    } else {\n      toast.success('Sezione nascosta su cving.com')\n    }\n  } catch (error) {\n    toast.error('Errore: ' + error.message)\n  }\n}\n</script>\n\n<template>\n  <div class=\"container\">\n    <div class=\"cms_description\">\n      <p>L'intera sezione è gestita in Wordpress.</p>\n      <p>L'ordinamento è cronologico, dal più al meno recente.</p>\n      <!-- switch toggle to hide show the entire cms section -->\n\n      <div class=\"actions\">\n        <div class=\"switch-toggle\">\n          <input id=\"switch\" v-model=\"thisSectionVisible\" type=\"checkbox\" @change=\"toggleVisibility\">\n          <label for=\"switch\">Visibile su cving.com</label>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style src=\"@vueform/multiselect/themes/default.css\"></style>\n<style scoped lang=\"scss\">\n.container { padding: 20px; }\n\n.cms_description {\n  color: white;\n  font-size: 1rem;\n  \n  p {\n    margin-bottom: 10px;\n\n    font-style: italic;\n  }\n  \n  .actions {\n    display: flex;\n    justify-content: space-between;\n    \n    .switch-toggle {\n      margin-top: 15px;\n      margin-bottom: 30px;\n      \n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n  }\n}\n\n// .required_symbol {\n//   color: red;\n//   font-size: 1.5rem;\n// }\n\n.table {\n  color: white;\n  height: calc(100vh - 225px);\n  overflow-y: auto;\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    thead {\n      background-color: #1a74a3;\n      position: sticky;\n      top: 0;\n      z-index: 100;\n\n      th {\n        padding: 10px;\n        text-align: left;\n\n        &.number_column {\n          width: auto;\n          max-width: 82px;\n        }\n\n        &.date_column {\n          width: 260px;\n        }\n      }\n    }\n    tbody {\n      user-select: none;\n      border-radius: 14px;\n      tr {\n        border-right: 1px solid #f4f4f438;\n        border-left: 1px solid #f4f4f438;\n        \n        td {\n          padding: 20px 10px;\n          border-bottom: 1px solid #f4f4f438;\n          border-radius: 14px;\n          \n          input {\n            color: white;\n          }\n\n          .deleteItem {\n            cursor: pointer;\n            width: 16px;\n            height: auto;\n            color: rgb(253, 102, 102);\n          }\n\n          .saveRow {\n            cursor: pointer;\n            width: 16px;\n            height: auto;\n            color: rgb(102, 253, 102);\n          }\n\n          .dragItem {\n            cursor: grab;\n            height: auto;\n            min-width: 12px;\n          }\n\n          .company_column {\n            min-width: 200px;\n          }\n\n          .text_column {\n            width: auto;\n\n            input {\n              width: 100%;\n              background: transparent;\n              border-radius: 4px;\n              padding: 12px;\n              outline: none;\n              font-size: 14px;\n              border: 1px solid #d1d5db;\n            }\n          }\n\n          &.file_column {\n            width: auto;\n            padding: 0 10px;\n\n            .image-wrapper {\n              position:relative;\n              width: fit-content;\n\n              img {\n                max-width: 300px;\n              }\n            }\n\n            .add-file {\n              max-width: 130px;\n              min-width: unset !important;\n              overflow: visible !important;\n              white-space: normal;\n              line-height: unset !important;\n              font-size: 10.5px;\n              background: var(--info);\n              color: white;\n              text-transform: uppercase;\n              outline: 0;\n              box-shadow: none;\n              border-radius: 4px;\n              border: 2px solid var(--info);\n              height: 41px;\n              padding: 0 10px;\n            }\n\n            .delete-item-image {\n              position: absolute;\n              top: 5px;\n              right: 5px;\n              cursor: pointer;\n              width: 16px;\n              height: auto;\n              color: rgb(253, 102, 102);\n            }\n          }\n\n          &.number_column {\n            width: auto;\n            max-width: 82px;\n\n            input {\n              width: 100%;\n              background: transparent;\n              border-radius: 4px;\n              padding: 12px;\n              outline: none;\n              font-size: 14px;\n              border: 1px solid #d1d5db;\n            }\n          }\n\n          &.date_column {\n            width: 260px;\n          }\n        }\n      }\n    }\n  }\n}\n\n// hide number input arrows\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n</style>\n\n<style>\n.date_column input {\n  background-color: transparent;\n  color: white;\n  height: 41px;\n}\n</style>","import script from \"./articoli.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./articoli.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"@vueform/multiselect/themes/default.css?vue&type=style&index=0&lang=css\"\nimport \"./articoli.vue?vue&type=style&index=1&id=773765fb&scoped=true&lang=scss\"\nimport \"./articoli.vue?vue&type=style&index=2&id=773765fb&lang=css\"\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, [['__scopeId',\"data-v-773765fb\"]])\n\nexport default __exports__","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!./articoli.vue?vue&type=style&index=1&id=773765fb&scoped=true&lang=scss\""],"sourceRoot":""}