@ -215,24 +215,31 @@
< div v-if ="viewSection === 'lessons'" class="kit__body" >
< div class = "lessons__title title" > Содержание курса < / div >
< div v-if ="!lessonsLoading" class="lessons__list" >
< div class = "lessons__item" v-for ="(lesson, index) in lessons" >
< div class = "lessons__actions" >
< button type = "button" class = "lessons__action" @click ="removeLesson(index)" >
< svg class = "icon icon-delete" >
< use xlink :href ="/static/img/sprite.svg#icon-delete" > < / use >
< / svg >
< / button >
< button type = "button" class = "lessons__action" @click ="editLesson(index)" >
< svg class = "icon icon-edit" >
< use xlink :href ="/static/img/sprite.svg#icon-edit" > < / use >
< / svg >
< / button >
< / div >
< div class = "lessons__subtitle subtitle" > { { lesson . title } } < / div >
< div class = "lessons__row" >
< div class = "lessons__content" > { { lesson . short _description } } < / div >
< / div >
< / div >
< vue -draggable v-model ="lessons" @start="drag=true" @end="onLessonsChanged" :options="{ handle: '.sortable__handle' }" >
< div class = "lessons__item" v-for ="(lesson, index) in lessons" :key="lesson.id" >
< div class = "lessons__actions" >
< button class = "sortable__handle" type = "button" >
< svg class = "icon icon-hamburger" >
< use xlink :href ="/static/img/sprite.svg#icon-hamburger" > < / use >
< / svg >
< / button >
< button type = "button" class = "lessons__action" @click ="removeLesson(index)" >
< svg class = "icon icon-delete" >
< use xlink :href ="/static/img/sprite.svg#icon-delete" > < / use >
< / svg >
< / button >
< button type = "button" class = "lessons__action" @click ="editLesson(index)" >
< svg class = "icon icon-edit" >
< use xlink :href ="/static/img/sprite.svg#icon-edit" > < / use >
< / svg >
< / button >
< / div >
< div class = "lessons__subtitle subtitle" > { { lesson . title } } < / div >
< div class = "lessons__row" >
< div class = "lessons__content" > { { lesson . short _description } } < / div >
< / div >
< / div >
< / v u e - d r a g g a b l e >
< / div >
< div v-if ="lessonsLoading" > Загрузка... < / div >
< div class = "lessons__foot" >
@ -307,7 +314,7 @@
price : null ,
url : '' ,
coverImage : '' ,
c overImageI d: null ,
kit _ _b ody : null ,
is _paid : false ,
is _featured : true ,
is _deferred : false ,
@ -507,6 +514,7 @@
api . removeCourseLesson ( lesson . id , this . accessToken ) ;
}
this . lessons . splice ( lessonIndex , 1 ) ;
this . onLessonsChanged ( ) ;
} ,
editLesson ( lessonIndex ) {
this . currentLesson = this . lessons [ lessonIndex ] ;
@ -581,11 +589,7 @@
} ) ;
}
document . getElementById ( 'course-redactor__saving-status' ) . innerText = 'СОХРАНЕНО' ;
this . savingTimeout = setTimeout ( ( ) => {
document . getElementById ( 'course-redactor__saving-status' ) . innerText = '' ;
} , 2000 ) ;
this . changeSavingStatus ( true ) ;
showNotification ( "success" , 'Урок сохранён' ) ;
/ / t h i s . g o T o L e s s o n s ( ) ;
@ -594,10 +598,7 @@
. catch ( ( err ) => {
this . lessonSaving = false ;
/ / c o n s o l e . e r r o r ( e r r ) ;
document . getElementById ( 'course-redactor__saving-status' ) . innerText = 'ОШИБКА' ;
this . savingTimeout = setTimeout ( ( ) => {
document . getElementById ( 'course-redactor__saving-status' ) . innerText = '' ;
} , 2000 ) ;
this . changeSavingStatus ( true , true ) ;
/ / a l e r t ( ' П р о и з о ш л о ч т о - т о с т р а ш н о е : ' + e r r . t o S t r i n g ( ) ) ;
console . log ( err ) ;
if ( err . response ) {
@ -619,6 +620,14 @@
$ ( window ) . scrollTop ( elementTop ) ;
} ) ;
} ,
processCourseJson ( data ) {
this . course = api . convertCourseJson ( data ) ;
this . course . live = this . live ;
this . lessons = data . lessons . map ( ( lessonJson ) => {
return api . convertLessonJson ( lessonJson ) ;
} ) ;
this . course . duration = this . course . duration || '' ;
} ,
loadCourseDraft ( ) {
/ / c o n s o l e . l o g ( ' l o a d C o u r s e D r a f t ' ) ;
if ( this . live ) { return ; }
@ -628,12 +637,8 @@
response
. then ( ( response ) => {
this . course = api . convertCourseJson ( response . data ) ;
this . course . live = this . live ;
this . processCourseJson ( response . data ) ;
this . courseLoading = false ;
this . lessons = response . data . lessons . map ( ( lessonJson ) => {
return api . convertLessonJson ( lessonJson ) ;
} ) ;
} )
. catch ( ( err ) => {
this . courseLoading = false ;
@ -653,20 +658,18 @@
}
request
. then ( ( response ) => {
this . course = api . convertCourseJson ( response . data ) ;
this . course . live = this . live ;
/ * i f ( t h i s . l i v e & & t h i s . c o u r s e . d a t e ) {
this . course . date = _ . find ( this . scheduleOptions , ( item ) => {
return item . value == this . course . date ;
} )
} * /
this . processCourseJson ( response . data ) ;
this . $nextTick ( ( ) => {
this . courseLoading = false ;
} ) ;
this . lessons = response . data . lessons . map ( ( lessonJson ) => {
return api . convertLessonJson ( lessonJson ) ;
this . lessons . sort ( ( a , b ) => {
if ( a . position > b . position ) {
return 1 ;
}
if ( a . position < b . position ) {
return - 1 ;
}
return 0 ;
} ) ;
} )
. catch ( ( err ) => {
@ -794,17 +797,13 @@
}
this . courseSaving = true ;
clearTimeout ( this . savingTimeout ) ;
document . getElementById ( 'course-redactor__saving-status' ) . innerText = 'СОХРАНЕНИЕ...' ;
this . changeSavingStatus ( ) ;
const courseObject = this . course ;
courseObject . url = ( courseObject . url ) ? slugify ( courseObject . url ) : courseObject . url ;
api . saveCourse ( courseObject , this . accessToken )
. then ( ( response ) => {
this . courseSaving = false ;
document . getElementById ( 'course-redactor__saving-status' ) . innerText = 'СОХРАНЕНО' ;
this . savingTimeout = setTimeout ( ( ) => {
document . getElementById ( 'course-redactor__saving-status' ) . innerText = '' ;
} , 2000 ) ;
this . changeSavingStatus ( true ) ;
this . courseSyncHook = true ;
const courseData = api . convertCourseJson ( response . data ) ;
if ( this . course . coverImage ) {
@ -854,10 +853,7 @@
this . courseSyncHook = false ;
this . courseSaving = false ;
/ / c o n s o l e . e r r o r ( e r r ) ;
document . getElementById ( 'course-redactor__saving-status' ) . innerText = 'ОШИБКА' ;
this . savingTimeout = setTimeout ( ( ) => {
document . getElementById ( 'course-redactor__saving-status' ) . innerText = '' ;
} , 2000 ) ;
this . changeSavingStatus ( true , true ) ;
/ / a l e r t ( ' П р о и з о ш л о ч т о - т о с т р а ш н о е : ' + e r r . t o S t r i n g ( ) ) ;
/ / c o n s o l e . l o g ( e r r . r e s p o n s e . d a t a ) ;
if ( err . response ) {
@ -886,10 +882,42 @@
this . viewSection = 'lessons-edit' ;
}
} ,
onLessonsChanged ( ) {
let promises = [ ] ;
this . courseSaving = true ;
this . lessons . map ( ( lesson , index ) => {
lesson . position = index + 1 ;
lesson . course _id = this . course . id ;
let res = api . saveLesson ( lesson , this . accessToken ) ;
promises . push ( res ) ;
} ) ;
Promise . all ( promises ) . then ( ( ) => {
this . courseSaving = false ;
this . changeSavingStatus ( true ) ;
} , ( ) => {
this . courseSaving = false ;
this . changeSavingStatus ( true , true ) ;
} ) ;
} ,
pluralize ( count , words ) {
var cases = [ 2 , 0 , 1 , 1 , 1 , 2 ] ;
return words [ ( count % 100 > 4 && count % 100 < 20 ) ? 2 : cases [ Math . min ( count % 10 , 5 ) ] ] ;
}
} ,
changeSavingStatus ( saved , error ) {
let text = '' ;
if ( error ) {
text = 'ОШИБКА' ;
} else {
text = saved ? 'СОХРАНЕНО' : 'СОХРАНЕНИЕ...' ;
}
clearTimeout ( this . savingTimeout ) ;
document . getElementById ( 'course-redactor__saving-status' ) . innerText = text ;
if ( saved || error ) {
this . savingTimeout = setTimeout ( ( ) => {
document . getElementById ( 'course-redactor__saving-status' ) . innerText = '' ;
} , 2000 ) ;
}
} ,
} ,
mounted ( ) {
this . mounting = true ;
@ -1025,7 +1053,7 @@
} ,
displayPrice : {
get : function ( ) {
return this . course . is _paid ? ( this . course . price || 0 ) : 0 ;
return this . course . is _paid ? ( this . course . price || '' ) : '' ;
} ,
set : function ( value ) {
this . course . price = value || 0 ;
Ivlev Denis
8 years ago