From 59ca1b41f151f2ecc49d8e5a28a39927f37ce6ec Mon Sep 17 00:00:00 2001
From: Vitaly Baev <dj@vitalybaev.ru>
Date: Wed, 14 Feb 2018 20:52:33 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D1=80=D0=B5=D0=B4=D0=BF=D1=80=D0=BE?=
 =?UTF-8?q?=D1=81=D0=BC=D0=BE=D1=82=D1=80=20+=20=D0=BC=D0=B5=D0=BB=D0=BA?=
 =?UTF-8?q?=D0=B8=D0=B5=20=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 project/templates/lilcity/edit_index.html | 2 +-
 web/src/components/CourseRedactor.vue     | 6 +++++-
 web/src/js/course-redactor.js             | 4 ++++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/project/templates/lilcity/edit_index.html b/project/templates/lilcity/edit_index.html
index b9dc4fea..1b39b2ee 100644
--- a/project/templates/lilcity/edit_index.html
+++ b/project/templates/lilcity/edit_index.html
@@ -47,7 +47,7 @@
         <a class="header__logo logo" href="/"></a>
         <div class="header__actions">
           <div id="course-redactor__saving-status" class="header__status"></div>
-          <button class="header__btn btn btn_icon">
+          <button id="course-redactor__preview-button" class="header__btn btn btn_icon">
             <svg class="icon icon-eye">
               <use xlink:href="{% static 'img/sprite.svg' %}#icon-eye"></use>
             </svg>
diff --git a/web/src/components/CourseRedactor.vue b/web/src/components/CourseRedactor.vue
index 93574b7b..0109d2ca 100644
--- a/web/src/components/CourseRedactor.vue
+++ b/web/src/components/CourseRedactor.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="lilcity__course-redactor" v-on:course_publish="onCoursePublish">
+  <div id="lilcity__course-redactor" v-on:course_publish="onCoursePublish" v-on:course_preview="onCoursePreview">
     <div v-if="!courseLoading">
       <form v-if="viewSection !== 'lessons-edit'" @submit.prevent="onSubmit">
         <div class="info">
@@ -510,6 +510,10 @@
                         publishButton.removeAttr('disabled');
                     });
             },
+            onCoursePreview() {
+                let newTab = window.open(`/course/${this.course.id}`, '_blank');
+                newTab.focus();
+            },
             saveCourseDraft: debounce(function (newValue, oldValue) {
                 if (!oldValue.id) {
                     return;
diff --git a/web/src/js/course-redactor.js b/web/src/js/course-redactor.js
index a2f32238..b1862f46 100644
--- a/web/src/js/course-redactor.js
+++ b/web/src/js/course-redactor.js
@@ -25,4 +25,8 @@ $(document).ready(function () {
         let event = new Event('course_publish');
         document.getElementById('lilcity__course-redactor').dispatchEvent(event);
     });
+    $('#course-redactor__preview-button').on('click', function () {
+        let event = new Event('course_preview');
+        document.getElementById('lilcity__course-redactor').dispatchEvent(event);
+    });
 });
\ No newline at end of file