somewhere
This commit is contained in:
Swift
@@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="warranty._creator && warranty._creator.first_name" type="primary">
|
||||
<span>ایجاد یا اصلاح کننده: </span>
|
||||
<span> {{ warranty._creator.first_name + ' ' + warranty._creator.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton
|
||||
size="sm"
|
||||
color="primary"
|
||||
class="mr-auto"
|
||||
:to="{ name: 'admin-warranty-terms-page', params: { page: $route.params.page } }"
|
||||
>برگشت به صفحه قبل</CButton
|
||||
>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" @click="upload">بروزرسانی</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="warranty.title"
|
||||
label="عنوان"
|
||||
horizontal
|
||||
:description="validation.title ? validation.title.msg : null"
|
||||
:class="validation.title ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CTextarea
|
||||
v-model="warranty.short_description"
|
||||
label="توضیح کوتاه"
|
||||
horizontal
|
||||
rows="3"
|
||||
:description="validation.short_description ? validation.short_description.msg : null"
|
||||
:class="validation.short_description ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CRow form class="form-group" :class="validation.description ? 'err' : null">
|
||||
<CCol tag="label" sm="3" class="col-form-label">توضیحات</CCol>
|
||||
<CCol sm="9">
|
||||
<client-only>
|
||||
<ckeditor v-model="warranty.description" :config="editorConfig"></ckeditor>
|
||||
</client-only>
|
||||
<small v-if="validation.description" class="form-text text-muted w-100">
|
||||
{{ validation.description.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h1>تصویر:</h1>
|
||||
<el-divider />
|
||||
<CRow>
|
||||
<CCol col="12" class="mb-3">
|
||||
<img :src="warranty.image" alt="" style="width: 100%; max-width: 500px" />
|
||||
</CCol>
|
||||
<CCol col="1">
|
||||
<span>کاور</span>
|
||||
</CCol>
|
||||
<CCol col="11">
|
||||
<input ref="image" type="file" @change="preview" />
|
||||
</CCol>
|
||||
<CCol col="11" class="mr-auto mt-3">
|
||||
<small v-if="validation.image" class="form-text alert-danger w-100">
|
||||
{{ validation.image.msg }}
|
||||
</small>
|
||||
<small v-else class="form-text text-muted w-100"> عکس باید با نسبت 1:1 باشد. </small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminWarrantyTermDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const warranty = await $axios.get(`/api/public/warranty/${params.item}`)
|
||||
return {
|
||||
warranty: warranty.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
warranty: null,
|
||||
editorConfig: {
|
||||
language: 'fa',
|
||||
extraPlugins: ['bidi', 'justify']
|
||||
},
|
||||
validation: {},
|
||||
uploading: false,
|
||||
uploadProgress: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
title() {
|
||||
if (!this.uploading) {
|
||||
return 'ویرایش شرایط گارانتی'
|
||||
} else {
|
||||
return this.uploadProgress
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('title', this.warranty.title)
|
||||
data.append('short_description', this.warranty.short_description)
|
||||
data.append('description', this.warranty.description)
|
||||
if (this.$refs.image.files[0]) data.append('image', this.$refs.image.files[0])
|
||||
|
||||
const axiosConfig = {
|
||||
onUploadProgress: progressEvent => {
|
||||
this.uploading = true
|
||||
this.uploadProgress = 'درحال آپلود ' + Math.floor((progressEvent.loaded / progressEvent.total) * 100) + '%'
|
||||
|
||||
if ((progressEvent.loaded / progressEvent.total) * 100 === 100) {
|
||||
this.uploading = false
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.$axios
|
||||
.put(`/api/admin/warranty/${this.warranty._id}`, data, axiosConfig)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت بروزرسانی شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$refs.image.value = null
|
||||
this.warranty = response.data
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
preview(event) {
|
||||
this.warranty.image = URL.createObjectURL(event.target.files[0])
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,127 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" :to="{ name: 'admin-warranty-terms-new' }" class="mr-auto">افزودن</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader :dir="paginate ? 'ltr' : 'rtl'" :style="{ textAlign: paginate ? 'center' : 'right' }">
|
||||
<el-pagination
|
||||
v-if="paginate"
|
||||
background
|
||||
layout="prev, pager, next"
|
||||
:current-page="Number($route.params.page)"
|
||||
:page-count="Number(warranties.totalPages)"
|
||||
@current-change="pageNumber"
|
||||
>
|
||||
</el-pagination>
|
||||
|
||||
<slot v-else name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table :data="warranties.docs" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="تصویر" width="170">
|
||||
<template slot-scope="scope">
|
||||
<el-image style="width: 100%; height: 100%" :src="scope.row.image" fit="fit"> </el-image>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="title" label="عنوان" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="short_description" label="توضیح کوتاه" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="105" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="warning"
|
||||
variant="outline"
|
||||
:to="`/admin/warranty-terms/${$route.params.page}/${scope.row._id}`"
|
||||
>
|
||||
<i class="fal fa-pencil"></i>
|
||||
</CButton>
|
||||
<CButton color="danger" variant="outline" @click="del(scope.row._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminWarrantyTermsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const warranties = await $axios.get(`/api/public/warranty/page/${params.page}`)
|
||||
return {
|
||||
warranties: warranties.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'شرایط گارانتی',
|
||||
list_title: 'لیست',
|
||||
warranties: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
paginate() {
|
||||
return this.warranties.totalPages > 1
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageNumber(val) {
|
||||
this.$router.push({ name: 'admin-warranty-terms-page', params: { page: val } })
|
||||
},
|
||||
del(id) {
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/warranty/${id}`)
|
||||
.then(response => {
|
||||
this.warranties.docs = this.warranties.docs.filter(item => item._id !== id)
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'آیتم حذف شد'
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,164 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton
|
||||
size="sm"
|
||||
color="primary"
|
||||
class="mr-auto"
|
||||
:to="{ name: 'admin-warranty-terms-page', params: { page: 1 } }"
|
||||
>برگشت به صفحه قبل</CButton
|
||||
>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" @click="upload">ایجاد</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="formData.title"
|
||||
label="عنوان"
|
||||
horizontal
|
||||
:description="validation.title ? validation.title.msg : null"
|
||||
:class="validation.title ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CTextarea
|
||||
v-model="formData.short_description"
|
||||
label="توضیح کوتاه"
|
||||
horizontal
|
||||
rows="3"
|
||||
:description="validation.short_description ? validation.short_description.msg : null"
|
||||
:class="validation.short_description ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CRow form class="form-group" :class="validation.description ? 'err' : null">
|
||||
<CCol tag="label" sm="3" class="col-form-label">توضیحات</CCol>
|
||||
<CCol sm="9">
|
||||
<client-only>
|
||||
<ckeditor v-model="formData.description" :config="editorConfig"></ckeditor>
|
||||
</client-only>
|
||||
<small v-if="validation.description" class="form-text text-muted w-100">
|
||||
{{ validation.description.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h1>تصویر:</h1>
|
||||
<el-divider />
|
||||
<CRow>
|
||||
<CCol col="12" class="mb-3">
|
||||
<img :src="formData.image" alt="" style="width: 100%; max-width: 500px" />
|
||||
</CCol>
|
||||
<CCol col="1">
|
||||
<span>کاور</span>
|
||||
</CCol>
|
||||
<CCol col="11">
|
||||
<input ref="image" type="file" @change="preview" />
|
||||
</CCol>
|
||||
<CCol col="11" class="mr-auto mt-3">
|
||||
<small v-if="validation.image" class="form-text alert-danger w-100">
|
||||
{{ validation.image.msg }}
|
||||
</small>
|
||||
<small v-else class="form-text text-muted w-100"> عکس باید با نسبت 1:1 باشد. </small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminAddNewWarrantyTerm',
|
||||
layout: 'admin',
|
||||
data() {
|
||||
return {
|
||||
formData: {
|
||||
title: '',
|
||||
short_description: '',
|
||||
description: '',
|
||||
image: ''
|
||||
},
|
||||
editorConfig: {
|
||||
language: 'fa',
|
||||
extraPlugins: ['bidi', 'justify']
|
||||
},
|
||||
validation: {},
|
||||
uploading: false,
|
||||
uploadProgress: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
title() {
|
||||
if (!this.uploading) {
|
||||
return 'افزودن شرایط گارانتی'
|
||||
} else {
|
||||
return this.uploadProgress
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('title', this.formData.title)
|
||||
data.append('short_description', this.formData.short_description)
|
||||
data.append('description', this.formData.description)
|
||||
data.append('image', this.$refs.image.files[0])
|
||||
|
||||
const axiosConfig = {
|
||||
onUploadProgress: progressEvent => {
|
||||
this.uploading = true
|
||||
this.uploadProgress = 'درحال آپلود ' + Math.floor((progressEvent.loaded / progressEvent.total) * 100) + '%'
|
||||
|
||||
if ((progressEvent.loaded / progressEvent.total) * 100 === 100) {
|
||||
this.uploading = false
|
||||
}
|
||||
}
|
||||
}
|
||||
this.$axios
|
||||
.post(`/api/admin/warranty`, data, axiosConfig)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت ثبت شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.push({ name: 'admin-warranty-terms-page', params: { page: 1 } })
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
preview(event) {
|
||||
this.formData.image = URL.createObjectURL(event.target.files[0])
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user