{"version":3,"file":"CProficiencySidebarList-BE-BUMDG.js","sources":["../../../packages/admin/src/components/CProficiencySidebarListContent.vue","../../../packages/admin/src/components/CProficiencySidebarListFooter.vue","../../../packages/admin/src/components/CProficiencySidebarListHeader.vue","../../../packages/admin/src/components/CProficiencySidebarList.vue"],"sourcesContent":["<script setup>\nimport { computed } from 'vue'\n// Composition\nimport { useI18n } from 'vue-i18n'\nimport { useStore } from 'vuex'\n\n// Components\nimport CButton from './CButton.vue'\nimport CMessage from './CMessage.vue'\n\nconst { t, locale } = useI18n()\nconst props = defineProps({\n  type: {\n    type: String,\n    required: true,\n    validator: value => [\n      'certificate',\n      'material',\n      'parameter',\n      'tag',\n      'category',\n      'testable',\n      'certifiedTestable'\n    ].includes(value)\n  }\n})\n\nconst store = useStore()\n\nconst list = computed(() => {\n  return store.state.proficiency[props.type].list.results\n})\n\nconst hasSearch = computed(() => {\n  return store.state.proficiency[props.type].filter.search\n})\n</script>\n\n<template>\n  <div\n    v-if=\"list.length\"\n    class=\"px-3 py-5\"\n  >\n    <CButton\n      v-for=\"item of list\"\n      :key=\"item.id\"\n      :to=\"{\n        name: `proficiency-${type}-edit`,\n        params: { id: item.id }\n      }\"\n      color=\"ghost\"\n      size=\"small\"\n      align=\"left\"\n      class=\"w-full mb-1\"\n    >\n      <span v-if=\"type === 'certifiedTestable'\">\n        <span class=\"text-bold\">{{ item.parameter_name }} ({{ item.material_name }}) </span>\n        <br>\n        <span>{{ item.certificate_name }} – </span>\n        <span>{{ t('ringversuche.certificates.validUntil') }} {{ new Intl.DateTimeFormat(locale.value, { dateStyle: 'medium' }).format(new\n          Date(Date.parse(item.valid_until)))\n        }}</span>\n      </span>\n      <span v-else-if=\"type === 'testable' && item.category\">\n        <span class=\"text-bold\">{{ item.name || item.display_name }}</span>\n        <br>\n        <span>{{ item.category }}</span>\n      </span>\n      <span v-else>\n        {{ item.name || item.display_name }}\n      </span>\n    </CButton>\n  </div>\n\n  <CMessage\n    v-else-if=\"hasSearch\"\n    type=\"info\"\n    class=\"ma-5\"\n  >\n    {{ t('ringversuche.noResults') }}\n  </CMessage>\n\n  <CMessage\n    v-else\n    type=\"info\"\n    class=\"ma-5\"\n  >\n    {{ t('ringversuche.noItems') }}\n  </CMessage>\n</template>\n","<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useStore } from 'vuex'\n\n// Globals\nimport { PROFICIENCY_LIST_COUNT } from '../settings.js'\n// Components\nimport CButton from './CButton.vue'\nimport CContentLayer from './CContentLayer.vue'\n\nconst props = defineProps({\n  type: {\n    type: String,\n    required: true,\n    validator: value => [\n      'certificate',\n      'material',\n      'parameter',\n      'tag',\n      'category',\n      'testable',\n      'certifiedTestable'\n    ].includes(value)\n  }\n})\n\nconst { t } = useI18n()\nconst store = useStore()\n\nconst offset = computed(() => {\n  return store.state.proficiency[props.type].filter.offset\n})\n\nconst hasPrevious = computed(() => {\n  return store.state.proficiency[props.type].list.previous\n})\n\nconst hasNext = computed(() => {\n  return store.state.proficiency[props.type].list.next\n})\n\nfunction goPrevious () {\n  const filter = { offset: Math.max(offset.value - PROFICIENCY_LIST_COUNT, 0) }\n  store.dispatch('proficiency/list', { type: props.type, filter })\n}\n\nfunction goNext () {\n  const filter = { offset: offset.value + PROFICIENCY_LIST_COUNT }\n  store.dispatch('proficiency/list', { type: props.type, filter })\n}\n</script>\n\n<template>\n  <CContentLayer\n    class=\"flex justify-center gap-5 pa-5\"\n    position=\"bottom\"\n  >\n    <CButton\n      :disabled=\"!hasPrevious\"\n      icon-start=\"arrow-left\"\n      color=\"light\"\n      size=\"small\"\n      @click=\"goPrevious\"\n    >\n      {{ t('globals.pagination.previous') }}\n    </CButton>\n\n    <CButton\n      :disabled=\"!hasNext\"\n      icon-end=\"arrow-right\"\n      color=\"light\"\n      size=\"small\"\n      @click=\"goNext\"\n    >\n      {{ t('globals.pagination.next') }}\n    </CButton>\n  </CContentLayer>\n</template>\n","<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useStore } from 'vuex'\n\n// Components\nimport CButton from './CButton.vue'\nimport CContentLayer from './CContentLayer.vue'\nimport CFormText from './CFormText.vue'\n\nconst props = defineProps({\n  type: {\n    type: String,\n    required: true,\n    validator: value => [\n      'certificate',\n      'material',\n      'parameter',\n      'tag',\n      'category',\n      'testable',\n      'certifiedTestable'\n    ].includes(value)\n  }\n})\n\nconst { t } = useI18n()\n\nconst TITLES = {\n  certificate: t('ringversuche.entities.certificate'),\n  material: t('ringversuche.entities.material'),\n  parameter: t('ringversuche.entities.parameter'),\n  tag: t('ringversuche.entities.tag'),\n  category: t('ringversuche.entities.category'),\n  testable: t('ringversuche.entities.testable'),\n  certifiedTestable: t('ringversuche.entities.certifiedTestable')\n}\n\nconst store = useStore()\nconst title = computed(() => TITLES[props.type])\n\nconst search = computed({\n  get: () => store.state.proficiency[props.type].filter.search,\n  set: newSearch => {\n    const filter = { search: newSearch, offset: 0 }\n    store.dispatch('proficiency/list', { type: props.type, filter })\n  }\n})\n</script>\n\n<template>\n  <CContentLayer\n    class=\"pa-5\"\n    position=\"top\"\n  >\n    <CFormText\n      v-model=\"search\"\n      :label=\"t('ringversuche.sidebar.searchLabel', { title })\"\n      :placeholder=\"t('ringversuche.sidebar.searchPlaceholder')\"\n      size=\"small\"\n      label-hidden\n      class=\"mb-4\"\n      clearable\n    />\n\n    <CButton\n      :to=\"{ name: `proficiency-${type}-create` }\"\n      color=\"light\"\n      size=\"small\"\n      icon-start=\"add\"\n    >\n      {{ t('ringversuche.sidebar.addLabel', { title }) }}\n    </CButton>\n  </CContentLayer>\n</template>\n","<script setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useStore } from 'vuex'\n\n// Globals\nimport enums from '../enums.js'\nimport CLoading from './CLoading.vue'\nimport CMessage from './CMessage.vue'\n// Components\nimport CProficiencySidebarListContent from './CProficiencySidebarListContent.vue'\nimport CProficiencySidebarListFooter from './CProficiencySidebarListFooter.vue'\nimport CProficiencySidebarListHeader from './CProficiencySidebarListHeader.vue'\n\nconst props = defineProps({\n  type: {\n    type: String,\n    required: true,\n    validator: value => [\n      'certificate',\n      'material',\n      'parameter',\n      'tag',\n      'category',\n      'testable',\n      'certifiedTestable'\n    ].includes(value)\n  }\n})\n\nconst { t } = useI18n()\nconst store = useStore()\n\nconst dataStatus = computed(() => {\n  return store.state.proficiency[props.type].state\n})\n</script>\n\n<template>\n  <CProficiencySidebarListHeader :type=\"type\" />\n\n  <CLoading v-if=\"dataStatus === enums.status.LOADING\" />\n\n  <CMessage\n    v-else-if=\"dataStatus === enums.status.ERROR\"\n    type=\"error\"\n    class=\"ma-5\"\n  >\n    <p>{{ t('ringversuche.errors.loadingError') }}</p>\n  </CMessage>\n\n  <CProficiencySidebarListContent\n    v-else-if=\"dataStatus === enums.status.SUCCESS\"\n    :type=\"type\"\n  />\n\n  <CProficiencySidebarListFooter :type=\"type\" />\n</template>\n"],"names":["t","locale","useI18n","props","__props","store","useStore","list","computed","hasSearch","offset","hasPrevious","hasNext","goPrevious","filter","PROFICIENCY_LIST_COUNT","goNext","TITLES","title","search","newSearch","dataStatus"],"mappings":"6qBAUA,KAAM,CAAE,EAAAA,EAAG,OAAAC,CAAQ,EAAGC,EAAS,EACzBC,EAAQC,EAgBRC,EAAQC,EAAU,EAElBC,EAAOC,EAAS,IACbH,EAAM,MAAM,YAAYF,EAAM,IAAI,EAAE,KAAK,OACjD,EAEKM,EAAYD,EAAS,IAClBH,EAAM,MAAM,YAAYF,EAAM,IAAI,EAAE,OAAO,MACnD,+pCCxBD,MAAMA,EAAQC,EAgBR,CAAE,EAAAJ,CAAG,EAAGE,EAAS,EACjBG,EAAQC,EAAU,EAElBI,EAASF,EAAS,IACfH,EAAM,MAAM,YAAYF,EAAM,IAAI,EAAE,OAAO,MACnD,EAEKQ,EAAcH,EAAS,IACpBH,EAAM,MAAM,YAAYF,EAAM,IAAI,EAAE,KAAK,QACjD,EAEKS,EAAUJ,EAAS,IAChBH,EAAM,MAAM,YAAYF,EAAM,IAAI,EAAE,KAAK,IACjD,EAED,SAASU,GAAc,CACrB,MAAMC,EAAS,CAAE,OAAQ,KAAK,IAAIJ,EAAO,MAAQK,EAAwB,CAAC,CAAG,EAC7EV,EAAM,SAAS,mBAAoB,CAAE,KAAMF,EAAM,KAAM,OAAAW,EAAQ,CACjE,CAEA,SAASE,GAAU,CACjB,MAAMF,EAAS,CAAE,OAAQJ,EAAO,MAAQK,CAAwB,EAChEV,EAAM,SAAS,mBAAoB,CAAE,KAAMF,EAAM,KAAM,OAAAW,EAAQ,CACjE,soBCxCA,MAAMX,EAAQC,EAgBR,CAAE,EAAAJ,CAAG,EAAGE,EAAS,EAEjBe,EAAS,CACb,YAAajB,EAAE,mCAAmC,EAClD,SAAUA,EAAE,gCAAgC,EAC5C,UAAWA,EAAE,iCAAiC,EAC9C,IAAKA,EAAE,2BAA2B,EAClC,SAAUA,EAAE,gCAAgC,EAC5C,SAAUA,EAAE,gCAAgC,EAC5C,kBAAmBA,EAAE,yCAAyC,CAChE,EAEMK,EAAQC,EAAU,EAClBY,EAAQV,EAAS,IAAMS,EAAOd,EAAM,IAAI,CAAC,EAEzCgB,EAASX,EAAS,CACtB,IAAK,IAAMH,EAAM,MAAM,YAAYF,EAAM,IAAI,EAAE,OAAO,OACtD,IAAKiB,GAAa,CAChB,MAAMN,EAAS,CAAE,OAAQM,EAAW,OAAQ,CAAG,EAC/Cf,EAAM,SAAS,mBAAoB,CAAE,KAAMF,EAAM,KAAM,OAAAW,EAAQ,CAChE,CACH,CAAC,0vBCjCD,MAAMX,EAAQC,EAgBR,CAAE,EAAAJ,CAAG,EAAGE,EAAS,EACjBG,EAAQC,EAAU,EAElBe,EAAab,EAAS,IACnBH,EAAM,MAAM,YAAYF,EAAM,IAAI,EAAE,KAC5C"}