From 521b6833882568533c14aaacb6d228d51574711c Mon Sep 17 00:00:00 2001
From: Sanasol <mail@sanasol.ws>
Date: Wed, 4 Apr 2018 20:05:25 +0300
Subject: [PATCH] live template changes

---
 web/src/components/CourseRedactor.vue     | 32 ++++++++++++++++++-----
 web/src/components/blocks/BlockImages.vue |  8 +++---
 web/src/js/modules/api.js                 |  1 +
 3 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/web/src/components/CourseRedactor.vue b/web/src/components/CourseRedactor.vue
index 70af28fe..54c78d5b 100644
--- a/web/src/components/CourseRedactor.vue
+++ b/web/src/components/CourseRedactor.vue
@@ -36,7 +36,7 @@
                   </div>
                 </div>
               </div>
-              <div class="info__foot">
+              <div class="info__foot" v-if="!live">
                 <div class="info__field field field_info info__field--light"
                      v-bind:class="{ error: ($v.course.category.$dirty || showErrors) && $v.course.category.$invalid }">
                   <div class="field__label field__label_gray">КАТЕГОРИЯ</div>
@@ -72,7 +72,15 @@
                   </div>
                   <div class="field__wrap field__wrap--additional">{{ courseFullUrl }}</div>
                 </div>
-                <div class="info__field field">
+
+                <div v-if="live" class="info__field field">
+                  <div class="field__label field__label_gray">ССЫЛКА НА VIMEO</div>
+                  <div class="field__wrap">
+                    <input type="text" class="field__input" v-model="course.stream_url">
+                  </div>
+                </div>
+
+                <div v-if="!live" class="info__field field">
                   <div class="field__label field__label_gray">ДОСТУП</div>
                   <div class="field__wrap">
                     <label class="field__switch switch switch_lg switch_circle">
@@ -85,12 +93,12 @@
                     </label>
                   </div>
                 </div>
-                <label class="info__switch switch switch_lg">
+                <label v-if="!live" class="info__switch switch switch_lg">
                   <input type="checkbox" class="switch__input" v-model="course.is_featured">
                   <span class="switch__content">Выделить</span>
                 </label>
               </div>
-              <div class="info__fieldset">
+              <div v-if="!live" class="info__fieldset">
                 <div class="info__field field">
                   <div class="field__label field__label_gray">ЗАПУСК</div>
                   <div class="field__wrap">
@@ -135,8 +143,14 @@
                               v-model="course.short_description"></textarea>
                   </div>
                 </div>
+                <block-images
+                              :index="0"
+                              :readOnly="true"
+                              title="Результаты урока"
+                              :images.sync="course.gallery.images"
+                              :access-token="accessToken"/>
               </div>
-              <div id="course-redactor__nav" class="kit__nav">
+              <div v-if="!live" id="course-redactor__nav" class="kit__nav">
                 <button class="kit__btn btn btn_lg"
                         v-bind:class="{ 'btn_stroke': viewSection === 'course', 'btn_gray': viewSection !== 'course' }"
                         type="button" @click="showCourse">Описание
@@ -267,7 +281,7 @@
 
     export default {
         name: "course-redactor",
-        props: ["authorName", "authorPicture", "accessToken", "courseId"],
+        props: ["authorName", "authorPicture", "accessToken", "courseId", "live"],
         data() {
             return {
                 viewSection: 'course',
@@ -616,6 +630,7 @@
             }
         },
         mounted() {
+            console.log('live', this.live);
             // Listen for changes to the current location.
             this.unlisten = history.listen((location, action) => {
               if (location.pathname === '/course/create/lessons') {
@@ -837,5 +852,10 @@
       }
     }
   }
+
+  .sortable-ghost, .sortable-chosen {
+    background: white;
+    border-radius: 10px;
+  }
 </style>
 
diff --git a/web/src/components/blocks/BlockImages.vue b/web/src/components/blocks/BlockImages.vue
index 0d8b6017..9b561191 100644
--- a/web/src/components/blocks/BlockImages.vue
+++ b/web/src/components/blocks/BlockImages.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="kit__section kit__section--block">
-    <div class="kit__section-remove">
+    <div v-if="!readOnly" class="kit__section-remove">
       <button type="button" @click="onRemove">
         <svg class="icon icon-delete">
           <use xlink:href="/static/img/sprite.svg#icon-delete"></use>
@@ -9,14 +9,14 @@
     </div>
     <div class="kit__field field">
       <div class="field__wrap field__wrap--title">
-        <input type="text"
+        <input :readonly="readOnly" type="text"
                :value="title"
                class="field__input"
                placeholder="Заголовок раздела"
                @change="onTitleChange">
       </div>
     </div>
-    <div class="kit__field field">
+    <div v-if="!readOnly" class="kit__field field">
       <div class="field__wrap">
         <textarea class="field__textarea field__textarea_sm"
                   :value="text"
@@ -48,7 +48,7 @@
 
     export default {
         name: "block-images",
-        props: ["index", "title", "text", "images", "accessToken"],
+        props: ["index", "title", "text", "images", "accessToken", "readOnly"],
         methods: {
             onTitleChange(event) {
                 this.$emit('update:title', event.target.value);
diff --git a/web/src/js/modules/api.js b/web/src/js/modules/api.js
index 51f967be..82d42754 100644
--- a/web/src/js/modules/api.js
+++ b/web/src/js/modules/api.js
@@ -259,6 +259,7 @@ export const api = {
             coverImageId: courseJSON.cover && courseJSON.cover.id ? courseJSON.cover.id : null,
             coverImage: courseJSON.cover && courseJSON.cover.image ? courseJSON.cover.image : null,
             content: api.convertContentResponse(courseJSON.content),
+            gallery: {images: courseJSON.gallery.gallery_images},
         }
     },
     convertContentResponse: (contentJson) => {