{"version":3,"sources":["webpack:///./src/views/integration/create.vue?0dec","webpack:///./src/views/integration/create.vue","webpack:///./src/views/integration/create.vue?1abe","webpack:///./src/views/integration/order.vue","webpack:///./src/views/integration/order.vue?3144","webpack:///./src/views/integration/edit.vue","webpack:///./src/views/integration/edit.vue?a215","webpack:///./src/views/integration/index.vue","webpack:///./src/views/integration/index.vue?1d5d","webpack:///./src/views/integration/index.css?efa2","webpack:///./src/views/integration/edit.vue?bd2c"],"names":["emit","__emit","loading","ref","confirmLoading","modalVisible","docName","doc","reactive","title","slug","logo","openModal","value","nextTick","_docName$value","focus","resetForm","Object","assign","create","model","toRaw","apiClient","post","then","response","catch","finally","__exports__","props","__props","treeData","expandedKeys","getIcon","onDragEnter","info","onDrop","move","from","to","arr","newArr","item","splice","dragKey","dragNode","pos","split","dropPos","node","updateData","put","data","success","notification","message","watch","modal","tree","update","docId","get","onMounted","dataSource","editModal","total","router","useRouter","route","useRoute","initialParams","page","sort","queryParams","columns","dataIndex","key","sorter","width","slots","customRender","updateParams","params","tableChange","pag","filters","order","sign","field","showEditModal","id","formattedDatetime","date","replace","d","Date","timeFormatter","Intl","DateTimeFormat","timeStyle","dateFormatter","format","deleteModal","Modal","confirm","content","okText","cancelText","onOk","delete","reload","getData","items","length","forEach","push","i","name","query","toRefs"],"mappings":"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","file":"js/chunk-ef08fec4.a0de2ae3.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-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-loader-v16/dist/index.js??ref--1-1!./create.vue?vue&type=style&index=0&id=200f2c27&scoped=true&lang=css\"","<template>\n  <a-button class=\"editable-add-btn\" type=\"primary\" @click=\"openModal\" style=\"margin-bottom: 16px\">Добавить страницу</a-button>\n  <a-modal\n    class=\"doc-create-modal\"\n    title=\"Добавить документацию\"\n    :visible=\"modalVisible\"\n    :closable=\"true\"\n    :confirm-loading=\"!(!loading && !confirmLoading)\"\n    @ok=\"create\"\n    @cancel=\"resetForm\"\n  >\n    <a-form :model=\"doc\" layout=\"vertical\">\n      <div class=\"col-md-12\">\n        <a-form-item label=\"Название страницы\">\n          <a-input\n            ref=\"docName\"\n            placeholder=\"Введите название\"\n            v-model:value=\"doc.title\"\n          />\n        </a-form-item>\n        <a-form-item label=\"Короткая ссылка\">\n          <a-input\n            placeholder=\"Введите ссылку\"\n            v-model:value=\"doc.slug\"\n          />\n        </a-form-item>\n        <a-form-item label=\"Иконка\">\n          <a-input\n            placeholder=\"Введите название иконки\"\n            v-model:value=\"doc.logo\"\n          />\n        </a-form-item>\n      </div>\n    </a-form>\n  </a-modal>\n</template>\n\n<script setup>\nimport {ref, reactive, toRaw, nextTick} from 'vue';\nimport apiClient from \"@/services/axios\";\n\nconst emit = defineEmits(['reload']);\n\nlet loading = ref(false),\n  confirmLoading = ref(false),\n  modalVisible = ref(false),\n  docName = ref(\"docName\"),\n  doc = reactive({\n    title: '',\n    slug: '',\n    logo: '',\n  });\n\nconst\n  openModal = () => {\n    modalVisible.value = true;\n    nextTick(() => docName.value?.focus());\n  },\n  resetForm = () => {\n    Object.assign(doc, {\n      title: '',\n      slug: '',\n      logo: '',\n    });\n    modalVisible.value = false;\n  },\n  create = () => {\n    confirmLoading.value = true;\n\n    let model = toRaw(doc);\n\n    return apiClient\n      .post('/integrations/create', model)\n      .then(function (response) {\n        if (response) {\n          resetForm()\n          modalVisible.value = false;\n          confirmLoading.value = false;\n          emit('reload')\n        }\n      })\n      .catch(() => {\n        modalVisible.value = false;\n        confirmLoading.value = false;\n        emit('reload')\n        // console.log(err)\n      })\n      .finally(() => {\n        confirmLoading.value = false;\n        emit('reload')\n      })\n  }\n</script>\n\n<style scoped>\n@import \"./create.css\";\n</style>\n","import script from \"./create.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./create.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./create.vue?vue&type=style&index=0&id=200f2c27&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-200f2c27\"]])\n\nexport default __exports__","<template>\n  <a-button class=\"editable-add-btn\" @click=\"openModal\" style=\"margin-bottom: 16px\">Изменить порядок</a-button>\n  <a-modal\n    class=\"doc-order-modal\"\n    title=\"Редактировать\"\n    :visible=\"modalVisible\"\n    :closable=\"true\"\n    :width=\"300\"\n    :confirm-loading=\"!(!loading && !confirmLoading)\"\n    @ok=\"updateData\"\n    @cancel=\"resetForm\"\n  >\n    <a-tree\n      class=\"draggable-tree\"\n      v-model:expandedKeys=\"expandedKeys\"\n      draggable\n      @dragenter=\"onDragEnter\"\n      @drop=\"onDrop\"\n    >\n      <a-tree-node v-for=\"item in treeData\" :key=\"item.i\">\n        <template #title>\n          <!-- eslint-disable-next-line vue/no-v-html -->\n          <span style=\"color: #333\"><i v-html=\"getIcon(item.logo)\"></i>&nbsp;{{ item.title }}</span>\n          <!--eslint-enable-->\n        </template>\n      </a-tree-node>\n    </a-tree>\n  </a-modal>\n</template>\n\n<script setup>\nimport {ref, reactive, watch} from 'vue';\nimport apiClient from \"@/services/axios\";\nimport {notification} from \"ant-design-vue\";\n\nconst emit = defineEmits(['reload']);\n\nconst props = defineProps({\n  tree: {\n    type: Object,\n    default: () => {},\n  },\n})\n\nlet loading = ref(false),\n  confirmLoading = ref(false),\n  modalVisible = ref(false),\n  treeData = ref([]),\n  expandedKeys = ref([]),\n  doc = reactive({\n    title: '',\n  });\n\nconst\n  openModal = () => {\n    modalVisible.value = true;\n  },\n  resetForm = () => {\n    Object.assign(doc, {\n      title: '',\n    });\n    modalVisible.value = false;\n  },\n  getIcon = (logo) => {\n    return `<i class=\"fe fe-${logo}\"></i>`\n  },\n  onDragEnter = info => {\n    // console.log(info);\n  },\n  onDrop = info => {\n    const move = (from, to, arr) => {\n      const newArr = [...arr];\n\n      const item = newArr.splice(from, 1)[0];\n      newArr.splice(to, 0, item);\n\n      return newArr;\n    }\n    const dragKey = info.dragNode.pos.split('-')[1];\n    const dropPos = info.node.pos.split('-')[1];\n    treeData.value = move(dragKey, dropPos, treeData.value)\n  },\n  updateData = () => {\n    confirmLoading.value = true;\n    apiClient.put(`/integration/sort`, { data: treeData.value })\n      .then(response => {\n        if (response.data.data.success) {\n          resetForm()\n          notification.success({\n            message: 'Список успешно обновлен',\n          })\n        }\n      }).finally(() => {\n        modalVisible.value = false;\n        confirmLoading.value = false;\n        emit('reload')\n      })\n  }\n\n  watch(modalVisible, (modal) => {\n    if (modal) {\n      treeData.value = props.tree\n    }\n  })\n</script>\n\n<style lang=\"scss\" scoped>\n</style>\n","import script from \"./order.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./order.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <a-modal\n    class=\"doc-edit-modal\"\n    title=\"Редактировать\"\n    :visible=\"modalVisible\"\n    :closable=\"true\"\n    :confirm-loading=\"!(!loading && !confirmLoading)\"\n    @ok=\"update\"\n    @cancel=\"resetForm\"\n  >\n    <a-form :model=\"doc\">\n      <div class=\"col-md-12\">\n        <a-form-item label=\"Название страницы\">\n          <a-input\n            ref=\"docName\"\n            placeholder=\"Введите название\"\n            v-model:value=\"doc.title\"\n          />\n        </a-form-item>\n        <a-form-item label=\"Короткая ссылка\">\n          <a-input\n            placeholder=\"Введите ссылку\"\n            v-model:value=\"doc.slug\"\n          />\n        </a-form-item>\n        <a-form-item label=\"Иконка\">\n          <a-input\n            placeholder=\"Введите название иконки\"\n            v-model:value=\"doc.logo\"\n          />\n        </a-form-item>\n      </div>\n    </a-form>\n  </a-modal>\n</template>\n\n<script setup>\nimport {ref, reactive, toRaw, onMounted, nextTick} from 'vue';\nimport apiClient from \"@/services/axios\";\n\nconst props = defineProps({\n  docId: {\n    type: Number,\n    default: 0,\n  },\n})\n\nconst emit = defineEmits(['hide-modal', 'reload']);\n\nlet loading = ref(true),\n  confirmLoading = ref(false),\n  modalVisible = ref(true),\n  docName = ref(\"docName\"),\n  doc = reactive({\n    title: '',\n    slug: '',\n    logo: '',\n  });\n\nconst\n  resetForm = () => {\n    Object.assign(doc, {\n      title: '',\n      slug: '',\n      logo: '',\n    });\n    modalVisible.value = false;\n    emit('hide-modal')\n  },\n  update = () => {\n    confirmLoading.value = true;\n\n    let model = toRaw(doc)\n\n    return apiClient\n      .put(`/integrations/update?id=${props.docId}`, model)\n      .then(response => {\n        if (response) {\n          resetForm()\n          modalVisible.value = false;\n          confirmLoading.value = false;\n          emit('reload')\n        }\n      }).catch(() => {\n        modalVisible.value = false;\n        confirmLoading.value = false;\n        emit('reload')\n        emit('hide-modal')\n        // console.log(err)\n      }).finally(() => {\n        confirmLoading.value = false;\n        modalVisible.value = false;\n        emit('reload')\n        emit('hide-modal')\n      })\n  };\n\napiClient.get(`/integrations/view?id=${props.docId}`)\n  .then(response => {\n    if (response) {\n      Object.assign(doc, {\n        title: response.data.data.title,\n        slug: response.data.data.slug,\n        logo: response.data.data.logo,\n      })\n    }\n  }).catch(() => {\n    // console.log(err)\n    loading.value = false\n  })\n  .finally(() => {\n    loading.value = false\n  })\n\nonMounted(() => nextTick(() => docName.value?.focus()))\n</script>\n\n<style scoped>\n@import \"./edit.css\";\n</style>\n","import script from \"./edit.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./edit.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./edit.vue?vue&type=style&index=0&id=2ecade94&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2ecade94\"]])\n\nexport default __exports__","<template>\n  <div>\n    <div class=\"row\">\n      <div class=\"col-md-12 text-right\">\n        <a-typography-link href=\"https://feathericons.com/\" target=\"_blank\">Список иконок</a-typography-link>&nbsp;&nbsp;<vb-order-doc @reload=\"reload()\" :tree=\"treeData\" />&nbsp;&nbsp;<vb-create-doc @reload=\"reload()\" />\n      </div>\n    </div>\n    <vb-edit-doc\n      v-if=\"editModal\"\n      :doc-id=\"docId\"\n      @reload=\"reload()\"\n      @hide-modal=\"hideEditModal()\"\n    />\n    <a-table\n      :columns=\"columns\"\n      :data-source=\"dataSource\"\n      :loading=\"loading\"\n      :pagination=\"false\"\n      @change=\"tableChange\"\n      row-key=\"id\"\n    >\n      <template #logo=\"{ record }\">\n        <!-- eslint-disable-next-line vue/no-v-html -->\n        <span v-html=\"getIcon(record.logo)\"></span>&nbsp;<span>{{ record.logo }}</span>\n        <!--eslint-enable-->\n      </template>\n      <template #date=\"{ record }\">\n        <span>\n          {{ formattedDatetime(record['added_on']) }}\n        </span>\n        <span v-if=\"record.author\">\n          ({{ record.author }})\n        </span>\n      </template>\n      <template #updated=\"{ record }\">\n        <span v-if=\"record['updated_on']\">\n          {{ formattedDatetime(record['updated_on']) }}\n        </span>\n        <span v-if=\"record.updated\">\n          ({{ record.updated }})\n        </span>\n      </template>\n      <template #action=\"{ record }\">\n        <div class=\"text-right\">\n          <a-tooltip placement=\"top\" class=\"mx-2\">\n            <template #title>Контент</template>\n            <a @click=\"router.push({ name: 'integration-sections', params: { page: record.id } })\"><i class=\"fe fe-file\"></i></a>\n          </a-tooltip>\n          <a-tooltip placement=\"top\" class=\"mx-2\">\n            <template #title>Редактировать</template>\n            <a @click=\"showEditModal(record.id)\"><i class=\"fe fe-edit\"></i></a>\n          </a-tooltip>\n          <a-tooltip placement=\"top\" class=\"mx-2\">\n            <template #title>Удалить</template>\n            <a @click=\"deleteModal(record.id)\"><i class=\"fe fe-trash\"></i></a>\n          </a-tooltip>\n        </div>\n      </template>\n    </a-table>\n    <div class=\"mt-4 text-right\">\n      <a-pagination\n        show-size-changer\n        v-if=\"total > query['per-page'].value\"\n        v-model:pageSize=\"query['per-page'].value\"\n        v-model:current=\"query.page.value\"\n        :total=\"total\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { watch, reactive, ref, toRefs, onMounted } from 'vue'\nimport VbCreateDoc from \"@/views/integration/create\"\nimport VbOrderDoc from \"@/views/integration/order\"\nimport { useRoute, useRouter } from 'vue-router'\nimport VbEditDoc from \"@/views/integration/edit\"\nimport { message, Modal } from 'ant-design-vue'\nimport apiClient from \"@/services/axios\"\n\nlet\n  dataSource = ref([]),\n  loading = ref(false),\n  editModal = ref(false),\n  total = ref(0),\n  docId = ref(0);\n\nconst router = useRouter(),\n  route = useRoute(),\n  treeData = ref([]),\n  initialParams = {\n    page: 1,\n    'per-page': 50,\n    sort: '',\n    title: '',\n  },\n  queryParams = reactive({ ...initialParams }),\n  columns = [\n    {\n      title: 'Номер',\n      dataIndex: 'order',\n      key: 'order',\n      sorter: true,\n      width: 100,\n      slots: {\n        customRender: 'order',\n      },\n    },\n    {\n      title: 'Заголовок',\n      dataIndex: 'title',\n      key: 'title',\n      sorter: true,\n      slots: {\n        customRender: 'title',\n      },\n    },\n    {\n      title: 'Ссылка',\n      dataIndex: 'slug',\n      key: 'slug',\n      sorter: true,\n      slots: {\n        customRender: 'slug',\n      },\n    },\n    {\n      title: 'Иконка',\n      dataIndex: 'logo',\n      key: 'logo',\n      sorter: true,\n      slots: {\n        customRender: 'logo',\n      },\n    },\n    {\n      title: 'Добавлен',\n      dataIndex: 'added_on',\n      sorter: true,\n      key: 'added_on',\n      slots: { customRender: 'date' },\n    },\n    {\n      title: 'Редактирован',\n      dataIndex: 'updated_on',\n      sorter: true,\n      key: 'updated_on',\n      slots: { customRender: 'updated' },\n    },\n    {\n      key: 'action',\n      slots: { customRender: 'action' },\n    },\n  ],\n  updateParams = params => {\n    Object.assign(queryParams, params)\n  },\n  tableChange = (pag, filters, sorter) => {\n    if (typeof sorter.order == \"string\") {\n      let sign = ''\n      if (sorter.order === 'descend')\n        sign = '-'\n      updateParams({ sort: sign + sorter.field })\n    }\n  },\n  showEditModal = (id) => {\n    docId.value = id\n    editModal.value = true;\n  },\n  formattedDatetime = (date) => {\n    date = date.replace(/ /g,\"T\")\n    let d = new Date(date)\n    const timeFormatter = new Intl.DateTimeFormat('ru-RU', {\n      timeStyle: 'medium',\n    })\n    const dateFormatter = new Intl.DateTimeFormat('ru-RU')\n    return dateFormatter.format(d) + ' ' + timeFormatter.format(d)\n  },\n  deleteModal = id => {\n    Modal.confirm({\n      title: 'Удаление записи',\n      content: `Вы действительно хотите удалить запись?`,\n      okText: 'Да',\n      cancelText: 'Нет',\n      onOk() {\n        return apiClient.delete(`/integrations/delete?id=${id}`).then(response => {\n          if (response) {\n            message.success('Запись успешно удалена')\n          }\n        }).catch(() => {\n          // console.log(err)\n        }).finally(() => {\n          reload()\n        });\n      },\n    });\n  },\n  updateColumn = (id, title, column, value) => {\n    let data = {};\n    data['title'] = title;\n    data[column] = value;\n    apiClient.put(`/integrations/update?id=${id}`, data).then(response => {\n      if (response) {\n        message.success('Запись успешно обновлена')\n      }\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      reload()\n    });\n  },\n  getIcon = (logo) => {\n    return `<i class=\"fe fe-${logo}\"></i>`\n  },\n  getData = (params) => {\n    loading.value = true\n    return apiClient.get('/integrations/index', {\n      params,\n    }).then(({data}) => {\n      dataSource.value = data.data.items\n      if (data.data.items.length > 0) {\n        treeData.value = []\n        data.data.items.forEach((item) => {\n          treeData.value.push({\n            title: item.title,\n            logo: item.logo,\n            i: item.id\n          })\n        })\n      }\n      total.value = data.data.total\n      loading.value = false\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      loading.value = false\n    });\n  },\n  reload = () => {\n    getData({\n      ...queryParams,\n    })\n  };\nonMounted(() => {\n  getData({\n    ...queryParams,\n  })\n})\n\nwatch(queryParams, () => {\n  router.push({\n    name: 'integrations',\n    query: {\n      ...route.query,\n      ...queryParams,\n    },\n  })\n  getData({\n    ...route.query,\n    ...queryParams,\n  })\n})\n\nconst query = {...toRefs(queryParams)}\n\n</script>\n\n<style scoped src=\"./index.css\"></style>\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.css?vue&type=style&index=0&id=19a8d9b6&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-19a8d9b6\"]])\n\nexport default __exports__","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-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!./index.css?vue&type=style&index=0&id=19a8d9b6&scoped=true&lang=css\"","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-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-loader-v16/dist/index.js??ref--1-1!./edit.vue?vue&type=style&index=0&id=2ecade94&scoped=true&lang=css\""],"sourceRoot":""}