From 5200342761edd486abe0179f5d7c1f1964edb53a Mon Sep 17 00:00:00 2001
From: Arman Badalyan <armancho1@gmail.com>
Date: Mon, 14 Jan 2019 19:50:35 +0800
Subject: [PATCH] =?UTF-8?q?#311=20=D0=91=D0=B0=D0=BD=D0=BD=D0=B5=D1=80=20?=
 =?UTF-8?q?=D0=B4=D0=BB=D1=8F=20=D1=82=D1=80=D0=B5=D0=BD=D0=B8=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=BE=D1=87=D0=BD=D1=8B=D1=85=20=D1=81=D0=BE=D0=B1=D1=8B?=
 =?UTF-8?q?=D1=82=D0=B8=D0=B9.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Event.vue        | 22 ++++++++++++++++++++++
 src/components/event/Header.vue | 11 +++++++++--
 2 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/components/Event.vue b/src/components/Event.vue
index d9c099aa..85c20b95 100644
--- a/src/components/Event.vue
+++ b/src/components/Event.vue
@@ -1,9 +1,12 @@
 <template>
   <div class="event">
+
     <component :is="components.header" :event="event" />
+    <b-alert show v-if="!!event.has_training" variant="event-training">Режим учебных событий</b-alert>
     <component :is="components.tabs" :event="event" @onTabSwitch="onTabSwitch" v-if="event.id" />
 
     <b-row>
+
       <b-col cols="12" md="8">
 
         <div v-if="errorResponse" class="text-error">
@@ -45,14 +48,19 @@
         <keep-alive>
           <component :is="components.currentTab" :event="event" v-if="event.id" />
         </keep-alive>
+
       </b-col>
+
       <b-col cols="4">
         <keep-alive>
           <component :is="components.lastEvents" :event="event" v-if="!$root.onMobile" />
         </keep-alive>
       </b-col>
+
     </b-row>
+
   </div>
+
 </template>
 
 <script>
@@ -195,5 +203,19 @@
       position: relative;
     }
   }
+
+  $alert-event-training-color: #FF5657;
+
+  .alert-event-training
+  {
+    border-color: darken($alert-event-training-color, 15);
+    background-color: $alert-event-training-color;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    text-align: center;
+    font-weight: bold;
+    word-spacing: 3px;
+    color: white;
+  }
 </style>
 
diff --git a/src/components/event/Header.vue b/src/components/event/Header.vue
index 34949dd4..e094eac5 100644
--- a/src/components/event/Header.vue
+++ b/src/components/event/Header.vue
@@ -1,8 +1,11 @@
 <template>
+
   <b-row class="event-header" no-gutters>
-    <b-col cols="12" md="3">
+
+    <b-col cols="11" md="3">
       <b-breadcrumb :items="breadcrumbs" />
     </b-col>
+
     <b-col cols="12" md="8">
       <b-row>
         <b-col class="text-center">
@@ -29,17 +32,21 @@
           <b-badge
             :variant="label.variant"
             v-b-popover.hover.auto="label.description">
-              {{ label.text }}
+            {{ label.text }}
           </b-badge>
         </b-col>
       </b-row>
+
     </b-col>
+
     <b-col cols="1" md="1" class="text-right" v-if="!$root.onMobile">
       <b-button-group>
         <ExportDropDown v-if="event.id" @export2xls="export2xls" />
       </b-button-group>
     </b-col>
+
   </b-row>
+
 </template>
 
 <script>