transfer project in github

2024-05-12 15:29:27 +03:30
commit e644edbd65
348 changed files with 164991 additions and 0 deletions
@@ -0,0 +1,127 @@
+<template>
+  <div>
+    <CustomSubHeader>
+      <CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
+      <CButton size="sm" color="success" :to="{name: 'admin-slider-slide',params:{slide: 'new'}}" class="mr-auto">افزودن</CButton>
+    </CustomSubHeader>
+
+    <CCard>
+      <CCardHeader>
+        <slot name="header">
+          <i class="fal fa-bars"></i>
+          <span>{{ list_title }}</span>
+        </slot>
+      </CCardHeader>
+      <CCardBody>
+        <el-table
+            :data="slides"
+            style="width: 100%">
+          <el-table-column
+              type="index"
+              label="#">
+          </el-table-column>
+
+          <el-table-column
+              label="تصویر"
+              width="200">
+            <template slot-scope="scope">
+              <img :src="scope.row.image" style="width: 100%" alt="">
+            </template>
+          </el-table-column>
+
+          <el-table-column
+              prop="caption"
+              label="توضیحات"
+              width="">
+          </el-table-column>
+
+          <el-table-column
+              label="ویرایش"
+              width="110"
+              align="center">
+            <template slot-scope="scope">
+              <CButton color="danger" variant="outline" :key="scope.row._id + Math.random()" @click="remove(scope.row._id)">
+                <i class="far fa-trash-alt"></i>
+              </CButton>
+              <CButton color="success" variant="outline" :key="scope.row._id" :to="{name: 'admin-slider-slide',params: {slide: scope.row._id}}">
+                <i class="far fa-eye"></i>
+              </CButton>
+            </template>
+          </el-table-column>
+
+        </el-table>
+      </CCardBody>
+    </CCard>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: 'لیست اسلایدهای صفحه اصلی',
+      list_title: 'لیست',
+      slides: null,
+    }
+  },
+  computed: {},
+  methods: {
+    remove(id) {
+      this.$confirm('اسلاید حذف شود؟', 'هشدار', {
+        confirmButtonText: 'بله',
+        cancelButtonText: 'لغو',
+        type: 'warning'
+      }).then(async () => {
+        this.$axios.delete(`/api/admin/slider/${id}`)
+            .then(res => {
+              this.$message({
+                type: 'success',
+                message: 'اسلاید با موفقیت حذف شد'
+              })
+              this.slides = this.slides.filter(item => item._id !== id)
+            })
+            .catch(err => {
+              if (err.response.status === 401) {
+                return this.$message({
+                  type: 'error',
+                  message: 'لطفا دوباره وارد سیستم شوید.'
+                })
+              }
+              console.log(err.response.data)
+            })
+      }).catch(() => {
+        this.$message({
+          type: 'warning',
+          message: 'عملیات لغو شد'
+        })
+      })
+    }
+  },
+  head() {
+    return {
+      title: this.title
+    }
+  },
+  layout: 'admin',
+  async asyncData({$axios, error}) {
+    try {
+      const slides = await $axios.get(`/api/public/slider`)
+      return {
+        slides: slides.data
+      }
+    } catch (e) {
+      if (e?.response?.status === 401) {
+        error({
+          status: 401,
+          message: 'شما اجازه دسترسی به این صفحه را ندارید لطفا دوباره وارد شوید'
+        })
+      } else {
+        error({
+          status: 500,
+          message: "مشکلی در گرفتن اطلاعات بوجود آمده است",
+        });
+      }
+    }
+  }
+}
+</script>