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