|
@@ -11,14 +11,11 @@
|
|
|
<q-linear-progress v-if="unitsLoading"
|
|
<q-linear-progress v-if="unitsLoading"
|
|
|
indeterminate />
|
|
indeterminate />
|
|
|
<entity-create v-if="mounted"
|
|
<entity-create v-if="mounted"
|
|
|
- ref="classroomEntityCreate"
|
|
|
|
|
|
|
+ ref="entityCreate"
|
|
|
:key="classroomEntityCreateKey"
|
|
:key="classroomEntityCreateKey"
|
|
|
v-model:value="inputs"
|
|
v-model:value="inputs"
|
|
|
- title="مشخصات دوره آموزشی"
|
|
|
|
|
|
|
+ title="مشخصات پروژه"
|
|
|
:api="api"
|
|
:api="api"
|
|
|
- :entity-id-key="entityIdKey"
|
|
|
|
|
- :entity-param-key="entityParamKey"
|
|
|
|
|
- :show-route-name="showRouteName"
|
|
|
|
|
:show-close-button="false"
|
|
:show-close-button="false"
|
|
|
:show-edit-button="false"
|
|
:show-edit-button="false"
|
|
|
:show-expand-button="false"
|
|
:show-expand-button="false"
|
|
@@ -27,8 +24,8 @@
|
|
|
<template #after-form-builder>
|
|
<template #after-form-builder>
|
|
|
<div class="flex justify-end q-mt-md">
|
|
<div class="flex justify-end q-mt-md">
|
|
|
<q-btn color="primary"
|
|
<q-btn color="primary"
|
|
|
- label="ایجاد دوره آموزشی جدید"
|
|
|
|
|
- @click="createClassroom" />
|
|
|
|
|
|
|
+ label="ایجاد پروژه جدید"
|
|
|
|
|
+ @click="create" />
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</entity-create>
|
|
</entity-create>
|
|
@@ -36,10 +33,14 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
|
+import { shallowRef } from 'vue'
|
|
|
import { EntityCreate } from 'quasar-crud'
|
|
import { EntityCreate } from 'quasar-crud'
|
|
|
-import Enums from 'src/assets/Enums/Enums.js'
|
|
|
|
|
|
|
+import { Project } from 'src/models/Project.js'
|
|
|
import { APIGateway } from 'src/api/APIGateway.js'
|
|
import { APIGateway } from 'src/api/APIGateway.js'
|
|
|
import { FormBuilderAssist } from 'quasar-form-builder'
|
|
import { FormBuilderAssist } from 'quasar-form-builder'
|
|
|
|
|
+import ContentsSelector from 'src/components/FormBuilderCustumComponents/ContentsSelector/ContentsSelector.vue'
|
|
|
|
|
+
|
|
|
|
|
+const ContentsSelectorComp = shallowRef(ContentsSelector)
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
name: 'Admin.Classroom.Create',
|
|
name: 'Admin.Classroom.Create',
|
|
@@ -47,6 +48,7 @@ export default {
|
|
|
EntityCreate
|
|
EntityCreate
|
|
|
},
|
|
},
|
|
|
data () {
|
|
data () {
|
|
|
|
|
+ const classroomId = this.$route.params.classroom_id
|
|
|
return {
|
|
return {
|
|
|
mounted: false,
|
|
mounted: false,
|
|
|
unitsLoading: false,
|
|
unitsLoading: false,
|
|
@@ -57,102 +59,24 @@ export default {
|
|
|
api: APIGateway.classroom.APIAdresses.base,
|
|
api: APIGateway.classroom.APIAdresses.base,
|
|
|
entityIdKey: 'id',
|
|
entityIdKey: 'id',
|
|
|
entityParamKey: 'id',
|
|
entityParamKey: 'id',
|
|
|
- showRouteName: 'Admin.Classroom.Show',
|
|
|
|
|
inputs: [
|
|
inputs: [
|
|
|
- { type: 'separator', name: 'space', label: 'مشخصات دوره', className: 'custom-separator', col: 'col-12' },
|
|
|
|
|
- { type: 'file', name: 'thumbnail', responseKey: 'thumbnail', label: 'آپلود عکس دوره', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'separator', name: 'space', size: '0', col: 'col-md-12' },
|
|
|
|
|
- { type: 'select', name: 'category', responseKey: 'unit_info.category', options: [], value: null, placeholder: ' ', label: 'دسته بندی', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'select', name: 'unit', responseKey: 'unit', options: [], value: null, placeholder: ' ', label: 'درس', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'select', name: 'holding_type', responseKey: 'holding_type', options: Enums.classroomHoldingTypes, value: null, placeholder: ' ', label: 'نوع برگزاری', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'input', name: 'price', responseKey: 'price', placeholder: ' ', label: 'هزینه برگزاری', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'input', name: 'live_streaming_url', responseKey: 'live_streaming_url', placeholder: ' ', label: 'لینک مکان مجازی دوره', col: 'col-12' },
|
|
|
|
|
- { type: 'inputEditor', name: 'classroom_address', responseKey: 'classroom_address', placeholder: ' ', label: 'آدرس مکان فیزیکی دوره', col: 'col-12' },
|
|
|
|
|
|
|
+ { type: 'input', name: 'title', responseKey: 'title', label: 'عنوان پروژه', placeholder: ' ', col: 'col-md-6 col-12' },
|
|
|
{
|
|
{
|
|
|
type: 'select',
|
|
type: 'select',
|
|
|
- name: 'holding_year',
|
|
|
|
|
- responseKey: 'holding_year',
|
|
|
|
|
- options: [1402, 1403, 1404, 1405, 1406, 1407, 1408, 1409, 1410],
|
|
|
|
|
- value: null,
|
|
|
|
|
- label: 'انتخاب سال دوره',
|
|
|
|
|
|
|
+ name: 'type',
|
|
|
|
|
+ responseKey: 'type',
|
|
|
|
|
+ label: 'نوع پروژه',
|
|
|
|
|
+ options: (new Project()).typeEnums,
|
|
|
placeholder: ' ',
|
|
placeholder: ' ',
|
|
|
- col: 'col-md-3'
|
|
|
|
|
|
|
+ col: 'col-md-3 col-12'
|
|
|
},
|
|
},
|
|
|
- {
|
|
|
|
|
- type: 'select',
|
|
|
|
|
- name: 'holding_month',
|
|
|
|
|
- responseKey: 'holding_month',
|
|
|
|
|
- options: [
|
|
|
|
|
- 'فروردین',
|
|
|
|
|
- 'اردیبهشت',
|
|
|
|
|
- 'خرداد',
|
|
|
|
|
- 'تیر',
|
|
|
|
|
- 'مرداد',
|
|
|
|
|
- 'شهریور',
|
|
|
|
|
- 'مهر',
|
|
|
|
|
- 'آبان',
|
|
|
|
|
- 'آذر',
|
|
|
|
|
- 'دی',
|
|
|
|
|
- 'بهمن',
|
|
|
|
|
- 'اسفند'
|
|
|
|
|
- ],
|
|
|
|
|
- value: null,
|
|
|
|
|
- label: 'انتخاب ماه دوره',
|
|
|
|
|
- placeholder: ' ',
|
|
|
|
|
- col: 'col-md-3'
|
|
|
|
|
- },
|
|
|
|
|
- { type: 'input', name: 'sessions_frequency', responseKey: 'sessions_frequency', placeholder: ' ', label: 'دوره تناوب', col: 'col-12' },
|
|
|
|
|
- { type: 'select', name: 'professor', responseKey: 'professor', options: [], value: null, placeholder: ' ', label: 'استاد دوره', col: 'col-md-3 col-12' },
|
|
|
|
|
-
|
|
|
|
|
- { type: 'separator', name: 'space', label: 'مشخصات اندیشه جو', className: 'custom-separator', col: 'col-12' },
|
|
|
|
|
- { type: 'select', name: 'audience_status_wwwww', responseKey: 'audience_status_wwwww', options: [], placeholder: ' ', label: 'وضعیت(؟)', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'select', name: 'category', responseKey: 'category', options: [], placeholder: ' ', label: 'مجموعه(؟)', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'select', name: 'audience_gender_type', responseKey: 'audience_gender_type', options: Enums.genders, placeholder: ' ', label: 'جنسیت', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'select', name: 'audience_bashgah_wwwww', responseKey: 'audience_bashgah_wwwww', options: [], placeholder: ' ', label: 'باشگاه(؟)', col: 'col-md-3 col-12' },
|
|
|
|
|
-
|
|
|
|
|
- { type: 'separator', name: 'space', label: 'تنظیمات دوره', className: 'custom-separator', col: 'col-12' },
|
|
|
|
|
- { type: 'input', name: 'capacity', responseKey: 'capacity', placeholder: ' ', label: 'ظرفیت گروه درسی', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'input', name: 'allowed_absence_count', responseKey: 'allowed_absence_count', placeholder: ' ', label: 'تعداد مجاز غیبت', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'input', name: 'effective_absence_coefficient', responseKey: 'effective_absence_coefficient', placeholder: ' ', label: 'ضریب نمره حضور و غیاب', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'input', name: 'mandatory_assignment_count', responseKey: 'mandatory_assignment_count', placeholder: ' ', label: 'تعداد تکالیف اجباری', col: 'col-md-3 col-12' },
|
|
|
|
|
-
|
|
|
|
|
- { type: 'input', name: 'special_passing_mark', responseKey: 'special_passing_mark', placeholder: ' ', label: 'نمره قبولی مشروطی ها', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'input', name: 'minimum_conditional_passing_mark', responseKey: 'minimum_conditional_passing_mark', placeholder: ' ', label: 'نمره قبولی مشروط', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'input', name: 'minimum_clean_passing_mark', responseKey: 'minimum_clean_passing_mark', placeholder: ' ', label: 'نمره قبولی', col: 'col-md-3 col-12' },
|
|
|
|
|
-
|
|
|
|
|
- { type: 'separator', name: 'space', label: 'ثبت نام و حذف و اضافه', className: 'custom-separator', col: 'col-12' },
|
|
|
|
|
- { type: 'dateTime', name: 'beginning_enrollment_period', responseKey: 'beginning_enrollment_period', placeholder: ' ', label: 'تاریخ شروع پیش ثبت نام', col: 'col-md-6 col-12' },
|
|
|
|
|
- { type: 'dateTime', name: 'ending_enrollment_period', responseKey: 'ending_enrollment_period', placeholder: ' ', label: 'تاریخ پایان پیش ثبت نام', col: 'col-md-6 col-12' },
|
|
|
|
|
- { type: 'dateTime', name: 'beginning_registration_period', responseKey: 'beginning_registration_period', placeholder: ' ', label: 'تاریخ شروع ثبت نام', col: 'col-md-6 col-12' },
|
|
|
|
|
- { type: 'dateTime', name: 'ending_registration_period', responseKey: 'ending_registration_period', placeholder: ' ', label: 'تاریخ پایان ثبت نام', col: 'col-md-6 col-12' },
|
|
|
|
|
-
|
|
|
|
|
- { type: 'input', name: 'registration_period_refund_percent', responseKey: 'registration_period_refund_percent', placeholder: ' ', label: 'درصد برگشت هزینه انصراف در بازه ثبت نام', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'checkbox', name: 'allow_dropping_on_enrollment_period', responseKey: 'allow_dropping_on_enrollment_period', label: 'امکان حذف در بازه پیش ثبت نام', value: false, col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'checkbox', name: 'allow_adding_on_registration_period', responseKey: 'allow_adding_on_registration_period', label: 'امکان اضافه کردن در بازه ثبت نام', value: false, col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'checkbox', name: 'allow_dropping_on_registration_period', responseKey: 'allow_dropping_on_registration_period', label: 'امکان حذف ثبت نام در بازه ثبت نام', value: false, col: 'col-md-3 col-12' },
|
|
|
|
|
-
|
|
|
|
|
- { type: 'dateTime', name: 'beginning_drop_add_period', responseKey: 'beginning_drop_add_period', placeholder: ' ', label: 'تاریخ شروع حذف و اضافه', col: 'col-md-6 col-12' },
|
|
|
|
|
- { type: 'dateTime', name: 'ending_drop_add_period', responseKey: 'ending_drop_add_period', placeholder: ' ', label: 'تاریخ پایان حذف و اضافه', col: 'col-md-6 col-12' },
|
|
|
|
|
-
|
|
|
|
|
- { type: 'input', name: 'drop_add_period_refund_percent', responseKey: 'drop_add_period_refund_percent', placeholder: ' ', label: 'درصد برگشت هزینه انصراف در بازه حذف و اضافه', col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'checkbox', name: 'allow_adding_on_drop_add_period', responseKey: 'allow_adding_on_drop_add_period', label: 'امکان اضافه شدن در بازه حذف و اضافه', value: false, col: 'col-md-3 col-12' },
|
|
|
|
|
- { type: 'checkbox', name: 'allow_dropping_on_drop_add_period', responseKey: 'allow_dropping_on_drop_add_period', label: 'امکان حذف در بازه حذف و اضافه', value: false, col: 'col-md-3 col-12' },
|
|
|
|
|
-
|
|
|
|
|
- { type: 'dateTime', name: 'publish_time', responseKey: 'publish_time', placeholder: ' ', label: 'تاریخ انتشار', col: 'col-md-6 col-12' },
|
|
|
|
|
-
|
|
|
|
|
- { type: 'separator', name: 'space', label: 'قوانین', className: 'custom-separator', col: 'col-12' },
|
|
|
|
|
- { type: 'inputEditor', name: 'rules', responseKey: 'rules', label: 'قوانین دوره آموزشی', col: 'col-12' },
|
|
|
|
|
-
|
|
|
|
|
- { type: 'inputEditor', name: 'description', responseKey: 'description', label: 'توضیحات', col: 'col-12' },
|
|
|
|
|
- { type: 'inputEditor', name: 'specification', responseKey: 'specification', label: 'مشخصات', col: 'col-12' },
|
|
|
|
|
- { type: 'inputEditor', name: 'bulletin', responseKey: 'bulletin', label: 'تابلو اعلانات', col: 'col-12' },
|
|
|
|
|
-
|
|
|
|
|
- // -----------------------------------------------------------------------------------------------------------
|
|
|
|
|
-
|
|
|
|
|
- { type: 'separator', name: 'space', label: 'موارد زیر در طرح نبودند', className: 'custom-separator', col: 'col-12' },
|
|
|
|
|
- { type: 'select', name: 'audience_role', responseKey: 'audience_role', options: Enums.groups, placeholder: ' ', label: 'نقش', col: 'col-md-4 col-12' },
|
|
|
|
|
-
|
|
|
|
|
- { type: 'hidden', name: 'id', responseKey: 'id', label: 'id', col: 'col-md-3 col-12' }
|
|
|
|
|
|
|
+ { type: 'dateTime', name: 'beginning_doing_period', responseKey: 'beginning_doing_period', label: 'زمان شروع', placeholder: ' ', col: 'col-md-6 col-12' },
|
|
|
|
|
+ { type: 'dateTime', name: 'ending_doing_period', responseKey: 'ending_doing_period', label: 'زمان پایان', placeholder: ' ', col: 'col-md-6 col-12' },
|
|
|
|
|
+ { type: 'separator', name: 'space', size: '0', col: 'col-md-12' },
|
|
|
|
|
+ { type: 'inputEditor', name: 'correct_answer', responseKey: 'description', label: 'پاسخ صحیح', placeholder: ' ', col: 'col-12' },
|
|
|
|
|
+ { type: 'inputEditor', name: 'description', responseKey: 'description', label: 'توضیحات پروژه', placeholder: ' ', col: 'col-12' },
|
|
|
|
|
+ { type: ContentsSelectorComp, name: 'contents', responseKey: 'contents_info', col: 'col-12' },
|
|
|
|
|
+ { type: 'hidden', name: 'classroom', responseKey: 'classroom', value: parseInt(classroomId) }
|
|
|
]
|
|
]
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
@@ -169,77 +93,17 @@ export default {
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
mounted () {
|
|
mounted () {
|
|
|
- this.preLoadData()
|
|
|
|
|
- .then(() => {
|
|
|
|
|
- this.mounted = true
|
|
|
|
|
- })
|
|
|
|
|
- .catch(() => {
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ this.mounted = true
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
- setInputAttr (name, attr, value) {
|
|
|
|
|
- this.$refs.classroomEntityCreate.setInputAttributeByName(name, attr, value)
|
|
|
|
|
- },
|
|
|
|
|
- preLoadData () {
|
|
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
|
|
- const promise1 = this.getProfessors()
|
|
|
|
|
- const promise2 = this.getCategories()
|
|
|
|
|
- this.$nextTick(() => {
|
|
|
|
|
- Promise.all([promise1, promise2])
|
|
|
|
|
- .then(() => {
|
|
|
|
|
- resolve()
|
|
|
|
|
- })
|
|
|
|
|
- .catch(() => {
|
|
|
|
|
- reject()
|
|
|
|
|
- })
|
|
|
|
|
- })
|
|
|
|
|
- })
|
|
|
|
|
- },
|
|
|
|
|
- getProfessors () {
|
|
|
|
|
- return APIGateway.user.index({ per_page: 9999, role: 'professor' })
|
|
|
|
|
- .then((users) => {
|
|
|
|
|
- FormBuilderAssist.setAttributeByName(this.inputs, 'professor', 'options', users.list.list.map(item => {
|
|
|
|
|
- return {
|
|
|
|
|
- value: item.id,
|
|
|
|
|
- label: this.getUserFullname(item)
|
|
|
|
|
- }
|
|
|
|
|
- }))
|
|
|
|
|
- })
|
|
|
|
|
- .catch(() => {})
|
|
|
|
|
- },
|
|
|
|
|
- getCategories () {
|
|
|
|
|
- return APIGateway.unitCategory.index({ per_page: 9999, type: 'TRAINING' })
|
|
|
|
|
- .then((categories) => {
|
|
|
|
|
- FormBuilderAssist.setAttributeByName(this.inputs, 'category', 'options', categories.list.list.map(item => {
|
|
|
|
|
- return {
|
|
|
|
|
- value: item.id,
|
|
|
|
|
- label: item.title
|
|
|
|
|
- }
|
|
|
|
|
- }))
|
|
|
|
|
|
|
+ create () {
|
|
|
|
|
+ this.$refs.entityCreate.createEntity(false)
|
|
|
|
|
+ .then((response) => {
|
|
|
|
|
+ const classroomId = this.$route.params.classroom_id
|
|
|
|
|
+ const projectId = response.data.id
|
|
|
|
|
+ this.$router.push({ name: 'Admin.Classroom.Project.Show', params: { classroom_id: classroomId, project_id: projectId } })
|
|
|
})
|
|
})
|
|
|
.catch(() => {})
|
|
.catch(() => {})
|
|
|
- },
|
|
|
|
|
- getUnits (selectedcategoryId = null) {
|
|
|
|
|
- this.unitsLoading = true
|
|
|
|
|
- APIGateway.unit.index({ per_page: 9999, category: selectedcategoryId })
|
|
|
|
|
- .then((units) => {
|
|
|
|
|
- FormBuilderAssist.setAttributeByName(this.inputs, 'unit', 'options', units.list.list.map(item => {
|
|
|
|
|
- return {
|
|
|
|
|
- value: item.id,
|
|
|
|
|
- label: item.title
|
|
|
|
|
- }
|
|
|
|
|
- }))
|
|
|
|
|
- this.unitsLoading = false
|
|
|
|
|
- })
|
|
|
|
|
- .catch(() => {
|
|
|
|
|
- this.unitsLoading = false
|
|
|
|
|
- })
|
|
|
|
|
- },
|
|
|
|
|
- getUserFullname (user) {
|
|
|
|
|
- return user.firstname + ' ' + user.lastname
|
|
|
|
|
- },
|
|
|
|
|
- createClassroom () {
|
|
|
|
|
- this.$refs.classroomEntityCreate.createEntity()
|
|
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|