{"version":3,"sources":["webpack:///./src/views/documentation/create.vue","webpack:///./src/views/documentation/create.vue?3cc3","webpack:///./src/views/documentation/order.vue","webpack:///./src/views/documentation/order.vue?5121","webpack:///./src/views/documentation/edit.vue","webpack:///./src/views/documentation/edit.vue?3ea5","webpack:///./src/views/documentation/index.vue","webpack:///./src/views/documentation/index.vue?0163","webpack:///./src/views/documentation/create.vue?4f2b","webpack:///./src/views/documentation/index.css?90ea","webpack:///./src/views/documentation/edit.vue?bc8c","webpack:///./src/views/documentation/section/edit.vue","webpack:///./src/views/documentation/section/edit.vue?20bd"],"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","updateStatus","status","getData","items","length","forEach","push","i","name","query","toRefs","options","label","editor","ClassicEditor","editorConfig","sectionType","section","type","color","documentation_id","addItem","JSON","parse","stringify","deleteItem","updateItem","event","target","sectionId","_sectionType$value"],"mappings":"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","file":"js/chunk-ba2d40aa.6101f32f.js","sourcesContent":["<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('/documentations/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=e5015ab2&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-e5015ab2\"]])\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(`/documentations/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(`/documentations/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(`/documentations/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=5cc4159c&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-5cc4159c\"]])\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 #status=\"{ record }\">\n        <a-popconfirm\n          title=\"Вы уверены что хотите отключить документацию?\"\n          @confirm=\"updateStatus(record['id'], 0)\"\n          @cancel=\"() => {}\"\n          ok-text=\"Да\"\n          cancel-text=\"Нет\"\n          v-if=\"record.status\"\n        >\n          <a-tag color=\"#108ee9\" class=\"cursor-pointer\">Активный</a-tag>\n        </a-popconfirm>\n        <a-popconfirm\n          title=\"Вы уверены что хотите активировать документацию?\"\n          @confirm=\"updateStatus(record['id'], 1)\"\n          @cancel=\"() => {}\"\n          ok-text=\"Да\"\n          cancel-text=\"Нет\"\n          v-else\n        >\n          <a-tag class=\"cursor-pointer\">Неактивный</a-tag>\n        </a-popconfirm>\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: '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 { useRoute, useRouter } from 'vue-router';\nimport VbCreateDoc from \"@/views/documentation/create\";\nimport VbOrderDoc from \"@/views/documentation/order\";\nimport VbEditDoc from \"@/views/documentation/edit\";\nimport apiClient from \"@/services/axios\";\nimport { message, Modal } from 'ant-design-vue'\nimport VbEditSection from \"@/views/documentation/section/edit.vue\";\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: 'status',\n      key: 'status',\n      sorter: true,\n      slots: {\n        customRender: 'status',\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(`/documentations/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  updateStatus = (id, status) => {\n    loading.value = true\n    apiClient.put(`/documentations/update?id=${id}`, { status }).then(response => {\n      if (response) {\n        message.success('Статус успешно обновлен')\n      }\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      loading.value = false\n      reload()\n    });\n  },\n  updateColumn = (id, title, column, value) => {\n    let data = {};\n    data['title'] = title;\n    data[column] = value;\n    apiClient.put(`/documentations/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('/documentations/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: 'documentations',\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=3a775abe&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-3a775abe\"]])\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!../../../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=e5015ab2&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!./index.css?vue&type=style&index=0&id=3a775abe&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=5cc4159c&scoped=true&lang=css\"","<template>\n  <a-modal\n    class=\"section-edit-modal\"\n    title=\"Редактировать\"\n    :visible=\"modalVisible\"\n    :closable=\"true\"\n    :width=\"1000\"\n    :confirm-loading=\"!(!loading && !confirmLoading)\"\n    @ok=\"update\"\n    @cancel=\"resetForm\"\n  >\n    <a-form :model=\"section\" layout=\"horizontal\">\n      <div class=\"col-md-12\">\n        <a-form-item label=\"Тип контента\">\n          <a-select\n            ref=\"sectionType\"\n            placeholder=\"Выберите тип контента\"\n            v-model:value=\"section.type\"\n            :options=\"options\"\n          >\n          </a-select>\n        </a-form-item>\n        <a-form-item label=\"Контент\">\n          <div v-if=\"section.type === 'ol_list'\">\n            <a-form-item v-for=\"(item, key) in JSON.parse(section.content)\" :key=\"key\" :label=\"key + 1 + ':'\">\n              <a-input :value=\"item\" @input=\"updateItem($event, key)\" />\n              <a-typography-link\n                @click.prevent=\"deleteItem(key)\"\n                class=\"float-right text-danger py-2\"\n              ><i class=\"fe fe-trash\"></i> Удалить пункт</a-typography-link>\n            </a-form-item>\n            <a-typography-link @click.prevent=\"addItem\">Добавить пункт</a-typography-link>\n          </div>\n          <ckeditor\n            v-else-if=\"['table'].includes(section.type)\"\n            :editor=\"editor\"\n            v-model=\"section.content\"\n            :config=\"editorConfig\"\n          ></ckeditor>\n          <a-input\n            v-else-if=\"section.type === 'title'\"\n            placeholder=\"Введите заголовок\"\n            v-model:value=\"section.content\"\n          />\n          <a-textarea\n            v-else\n            placeholder=\"Введите контент\"\n            v-model:value=\"section.content\"\n          >{{ section.content }}</a-textarea>\n        </a-form-item>\n        <a-form-item label=\"Цвет\">\n          <a-select\n            placeholder=\"Выберите цвет\"\n            v-model:value=\"section.color\"\n          >\n            <a-select-option value=\"#595c97\">Default</a-select-option>\n            <a-select-option value=\"#00000073\">Secondary</a-select-option>\n            <a-select-option value=\"#43a37a\">Success</a-select-option>\n            <a-select-option value=\"#d89a21\">Warning</a-select-option>\n            <a-select-option value=\"#d03133\">Error</a-select-option>\n            <a-select-option value=\"#4b7cf3\">Link</a-select-option>\n          </a-select>\n        </a-form-item>\n        <a-form-item label=\"Ширина блока\">\n          <a-input\n            v-model:value=\"section.width\"\n            placeholder=\"Введите ширину\"\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\";\nimport ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\n\nconst props = defineProps({\n  sectionId: {\n    type: Number,\n    default: 0,\n  },\n})\n\nconst emit = defineEmits(['hide-modal', 'reload']);\nlet loading = ref(true),\n  options = ref([\n    {\n      value: null,\n      label: 'Выберите тип'\n    },\n    {\n      value: 'title',\n      label: 'Заголовок'\n    },\n    {\n      value: 'blockquote',\n      label: 'Цитата'\n    },\n    {\n      value: 'paragraph',\n      label: 'Параграф'\n    },\n    {\n      value: 'keyboard',\n      label: 'Клавиатура'\n    },\n    {\n      value: 'code',\n      label: 'Код'\n    },\n    {\n      value: 'pre',\n      label: 'JSON'\n    },\n    {\n      value: 'strong',\n      label: 'Жирный'\n    },\n    {\n      value: 'ol_list',\n      label: 'Список'\n    },\n    {\n      value: 'table',\n      label: 'Таблица'\n    }\n  ]),\n  confirmLoading = ref(false),\n  modalVisible = ref(true),\n  editor = ref(ClassicEditor),\n  editorConfig = ref({\n  }),\n  sectionType = ref(\"sectionType\"),\n  section = reactive({\n    content: '',\n    type: '',\n    color: null,\n    width: null,\n    documentation_id: '',\n  });\n\nconst\n  resetForm = () => {\n    Object.assign(section, {\n      content: '',\n      type: '',\n      documentation_id: '',\n      width: '',\n      color: ''\n    });\n    modalVisible.value = false;\n    emit('hide-modal')\n  },\n  addItem = () => {\n    let content = JSON.parse(section.content)\n    content.push('')\n    section.content = JSON.stringify(content)\n  },\n  deleteItem = (key) => {\n    let content = JSON.parse(section.content)\n    delete content[key]\n    content.splice(key, 1)\n    section.content = JSON.stringify(content)\n  },\n  updateItem = (event, key) => {\n    let content = JSON.parse(section.content)\n    content[key] = event.target.value\n    section.content = JSON.stringify(content)\n  },\n  update = () => {\n    confirmLoading.value = true;\n    let model = toRaw(section)\n    return apiClient\n      .put(`/documentations/section-update?id=${props.sectionId}`, 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      }).finally(() => {\n        confirmLoading.value = false;\n        modalVisible.value = false;\n        emit('reload')\n        emit('hide-modal')\n      })\n  };\n\napiClient.get(`/documentations/section-view?id=${props.sectionId}`)\n  .then(response => {\n    if (response) {\n      Object.assign(section, {\n        content: response.data.data.content,\n        type: response.data.data.type,\n        documentation_id: response.data.data.documentation_id,\n        width: response.data.data.width,\n        color: response.data.data.color\n      })\n    }\n  }).catch(() => {\n    loading.value = false\n  })\n  .finally(() => {\n    loading.value = false\n  })\n\nonMounted(() => nextTick(() => sectionType.value?.focus()))\n</script>\n\n<style scoped></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\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}