From 15a28ca3b5b9fa49ca5ddb1b0c1ecf1489e2404a Mon Sep 17 00:00:00 2001
From: Vitaly Baev <dj@vitalybaev.ru>
Date: Thu, 15 Feb 2018 19:32:50 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9C=D0=B5=D0=BB=D0=BA=D0=B8=D0=B5=20=D0=BF?=
 =?UTF-8?q?=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

---
 web/src/components/CourseRedactor.vue | 8 ++++++--
 web/src/sass/_common.sass             | 6 ++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/web/src/components/CourseRedactor.vue b/web/src/components/CourseRedactor.vue
index 7a44e3e1..49f3ffc3 100644
--- a/web/src/components/CourseRedactor.vue
+++ b/web/src/components/CourseRedactor.vue
@@ -37,7 +37,8 @@
                 </div>
               </div>
               <div class="info__foot">
-                <div class="info__field field field_info info__field--light">
+                <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>
                   <div class="field__wrap">
                     <lil-select :value.sync="categorySelect" :options="categoryOptions"
@@ -512,7 +513,10 @@
 
             },
             onCoursePublish() {
-                console.log('publish course');
+                this.showErrors = true;
+                if (this.$v.$invalid) {
+                    return;
+                }
                 const publishButton = $('#course-redactor__publish-button');
                 publishButton.attr('disabled', 'disabled');
                 api.publishCourse(this.course.id, this.accessToken)
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index b38bd176..32f259aa 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -1874,6 +1874,12 @@ a.grey-link
   &.selected &__head
     color: $cl  
 
+.error.info__field--light
+  .select
+    &__head
+      color: $pink
+      border-bottom: 1px $pink solid
+
 .info__field--light
   .select
     .select__head