{"version":3,"sources":["webpack:///./src/components/App/Title.vue","webpack:///./src/components/App/SubHeader.vue","webpack:///./src/components/App/SubHeader.vue?441a","webpack:///./node_modules/primevue/skeleton/skeleton.esm.js","webpack:///./node_modules/primevue/card/card.esm.js","webpack:///./src/views/Projects.vue","webpack:///./src/components/Projects/List/EmptyState.vue","webpack:///./src/components/Projects/List/Skeleton.vue","webpack:///./src/components/Projects/List/Project.vue","webpack:///./src/views/Projects.vue?7da7"],"names":["__exports__","keyword","ref","search","emits","value","script","name","props","shape","type","String","default","size","width","height","borderRadius","animation","computed","this","render","_ctx","_cache","$props","$setup","$data","$options","style","containerStyle","class","containerClass","styleInject","css","insertAt","document","head","getElementsByTagName","createElement","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","css_248z","_hoisted_1","_hoisted_2","key","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","$slots","_createElementBlock","_createVNode","_component_SubHeader","hasFilter","onSearch","title","_component_Title","text","_createElementVNode","state","Projects","loading","_component_Skeleton","projects","length","_component_EmptyState","_Fragment","project","id","onClick","_component_Project","components","SubHeader","Title","EmptyState","Skeleton","Project","data","currentProject","$route","params","filterKeyword","sort","limit","created","getProjects","methods","$store","dispatch","isPremiumProject","$router","push","filter"],"mappings":"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","file":"js/chunk-0fb06414.8aa08221.js","sourcesContent":["import script from \"./Title.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Title.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\nimport { ref, defineProps, defineEmits } from \"vue\"\nimport { Icon } from \"@iconify/vue\"\n\ndefineProps({\n  hasFilter: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\"search\"])\n\nconst keyword = ref(\"\")\n\nconst search = () => {\n  emits(\"search\", keyword.value)\n}\n</script>\n\n<template>\n  <div class=\"bg-white border-t border-b border-gray-200\">\n    <div class=\"container-xl px-4 md:px-2 py-4 h-20 md:h-20 mx-auto flex flex-row items-center\">\n      <div class=\"flex-1\">\n        <slot name=\"title\"></slot>\n      </div>\n      <div>\n        <slot name=\"actions\"></slot>\n      </div>\n    </div>\n  </div>\n  <div v-if=\"hasFilter\" class=\"bg-white border-b w-full px-2 mx-auto h-14 flex flex-row lg:flex-row md:items-center lg:items-center justify-between\">\n    <div class=\"container-xl\">\n      <div class=\"w-full flex-center\">\n        <Icon icon=\"tabler:search\" class=\"w-5 h-5 text-gray-400\" />\n        <input type=\"text\" :placeholder=\"$t('search')\" class=\"h-full w-full px-2 focus:outline-none focus:border-none\" v-model=\"keyword\" v-debounce:700ms=\"search\" />\n      </div>\n    </div>\n  </div>\n</template>\n","import script from \"./SubHeader.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./SubHeader.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { openBlock, createElementBlock, normalizeStyle, normalizeClass } from 'vue';\n\nvar script = {\n    name: 'Skeleton',\n    props: {\n        shape: {\n            type: String,\n            default: 'rectangle'\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        width: {\n            type: String,\n            default: '100%'\n        },\n        height: {\n            type: String,\n            default: '1rem'\n        },\n        borderRadius: {\n            type: String,\n            default: null\n        },\n        animation: {\n            type: String,\n            default: 'wave'\n        }\n    },\n    computed: {\n        containerClass() {\n            return [\n                'p-skeleton p-component',\n                {\n                    'p-skeleton-circle': this.shape === 'circle',\n                    'p-skeleton-none': this.animation === 'none'\n                }\n            ];\n        },\n        containerStyle() {\n            if (this.size) return { width: this.size, height: this.size, borderRadius: this.borderRadius };\n            else return { width: this.width, height: this.height, borderRadius: this.borderRadius };\n        }\n    }\n};\n\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n  return (openBlock(), createElementBlock(\"div\", {\n    style: normalizeStyle($options.containerStyle),\n    class: normalizeClass($options.containerClass)\n  }, null, 6))\n}\n\nfunction styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nvar css_248z = \"\\n.p-skeleton {\\n    position: relative;\\n    overflow: hidden;\\n}\\n.p-skeleton::after {\\n    content: '';\\n    -webkit-animation: p-skeleton-animation 1.2s infinite;\\n            animation: p-skeleton-animation 1.2s infinite;\\n    height: 100%;\\n    left: 0;\\n    position: absolute;\\n    right: 0;\\n    top: 0;\\n    -webkit-transform: translateX(-100%);\\n            transform: translateX(-100%);\\n    z-index: 1;\\n}\\n.p-skeleton.p-skeleton-circle {\\n    border-radius: 50%;\\n}\\n.p-skeleton-none::after {\\n    -webkit-animation: none;\\n            animation: none;\\n}\\n@-webkit-keyframes p-skeleton-animation {\\nfrom {\\n        -webkit-transform: translateX(-100%);\\n                transform: translateX(-100%);\\n}\\nto {\\n        -webkit-transform: translateX(100%);\\n                transform: translateX(100%);\\n}\\n}\\n@keyframes p-skeleton-animation {\\nfrom {\\n        -webkit-transform: translateX(-100%);\\n                transform: translateX(-100%);\\n}\\nto {\\n        -webkit-transform: translateX(100%);\\n                transform: translateX(100%);\\n}\\n}\\n\";\nstyleInject(css_248z);\n\nscript.render = render;\n\nexport { script as default };\n","import { openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode } from 'vue';\n\nvar script = {\n    name: 'Card'\n};\n\nconst _hoisted_1 = { class: \"p-card p-component\" };\nconst _hoisted_2 = {\n  key: 0,\n  class: \"p-card-header\"\n};\nconst _hoisted_3 = { class: \"p-card-body\" };\nconst _hoisted_4 = {\n  key: 0,\n  class: \"p-card-title\"\n};\nconst _hoisted_5 = {\n  key: 1,\n  class: \"p-card-subtitle\"\n};\nconst _hoisted_6 = { class: \"p-card-content\" };\nconst _hoisted_7 = {\n  key: 2,\n  class: \"p-card-footer\"\n};\n\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n  return (openBlock(), createElementBlock(\"div\", _hoisted_1, [\n    (_ctx.$slots.header)\n      ? (openBlock(), createElementBlock(\"div\", _hoisted_2, [\n          renderSlot(_ctx.$slots, \"header\")\n        ]))\n      : createCommentVNode(\"\", true),\n    createElementVNode(\"div\", _hoisted_3, [\n      (_ctx.$slots.title)\n        ? (openBlock(), createElementBlock(\"div\", _hoisted_4, [\n            renderSlot(_ctx.$slots, \"title\")\n          ]))\n        : createCommentVNode(\"\", true),\n      (_ctx.$slots.subtitle)\n        ? (openBlock(), createElementBlock(\"div\", _hoisted_5, [\n            renderSlot(_ctx.$slots, \"subtitle\")\n          ]))\n        : createCommentVNode(\"\", true),\n      createElementVNode(\"div\", _hoisted_6, [\n        renderSlot(_ctx.$slots, \"content\")\n      ]),\n      (_ctx.$slots.footer)\n        ? (openBlock(), createElementBlock(\"div\", _hoisted_7, [\n            renderSlot(_ctx.$slots, \"footer\")\n          ]))\n        : createCommentVNode(\"\", true)\n    ])\n  ]))\n}\n\nfunction styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nvar css_248z = \"\\n.p-card-header img {\\n    width: 100%;\\n}\\n\";\nstyleInject(css_248z);\n\nscript.render = render;\n\nexport { script as default };\n","<template>\n  <div>\n    <SubHeader :hasFilter=\"true\" @search=\"onSearch\">\n      <template #title>\n        <Title :text=\"$t('projects.projects')\" />\n      </template>\n    </SubHeader>\n    <div>\n      <div class=\"container-xl px-2 py-2 mx-auto w-full my-4 flex flex-col\">\n        <!-- Project skeleton -->\n        <div v-if=\"$store.state.Projects.loading\" class=\"grid grid-cols-4 gap-3\">\n          <Skeleton />\n        </div>\n\n        <div v-else>\n          <!-- Project list empty -->\n          <div v-if=\"!$store.state.Projects.projects.length\">\n            <EmptyState />\n          </div>\n          <!-- Project list -->\n          <div v-else class=\"grid grid-cols-4 gap-3\">\n            <div v-for=\"project in $store.state.Projects.projects\" :key=\"project.id\" @click=\"selectProject(project.id)\">\n              <Project :project=\"project\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport SubHeader from \"@/components/App/SubHeader\"\nimport Title from \"@/components/App/Title\"\nimport EmptyState from \"@/components/Projects/List/EmptyState\"\nimport Skeleton from \"@/components/Projects/List/Skeleton\"\nimport Project from \"@/components/Projects/List/Project\"\n\nexport default {\n  name: \"Projects\",\n  components: {\n    SubHeader,\n    Title,\n    EmptyState,\n    Skeleton,\n    Project\n  },\n  data() {\n    return {\n      currentProject: this.$route.params.id ? this.$route.params.id : null,\n      filterKeyword: \"\",\n      sort: \"-id\",\n      limit: 50,\n      default: {\n        sort: \"-id\",\n        limit: 50\n      }\n    }\n  },\n\n  created() {\n    this.getProjects()\n  },\n\n  methods: {\n    onSearch(value) {\n      this.filterKeyword = value\n      this.getProjects()\n    },\n\n    async selectProject(id) {\n      if (id == this.$route.params.id) {\n        return null\n      } else {\n        await this.$store.dispatch(\"Projects/getProject\", id)\n        if (this.$store.state.Projects.isPremiumProject == 1) {\n          this.$router.push({ params: { id }, name: \"Dashboard\" })\n        } else {\n          this.$router.push({ params: { id }, name: \"Integrations\" })\n        }\n      }\n    },\n\n    getProjects() {\n      let filter = {}\n      if (this.filterKeyword) filter[\"filter[company][like]\"] = `%${this.filterKeyword}%`\n      this.$store.dispatch(\"Projects/getProjects\", { filter })\n    }\n  }\n}\n</script>\n","import script from \"./EmptyState.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./EmptyState.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./Skeleton.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Skeleton.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./Project.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Project.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { render } from \"./Projects.vue?vue&type=template&id=21ba4a68\"\nimport script from \"./Projects.vue?vue&type=script&lang=js\"\nexport * from \"./Projects.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}