added dialog window for notifications about off animations

luckydiamond/src/components/AsidebarComponent.vue

@@ -17,14 +17,17 @@
       </div>
     </div>
   </aside>
+  <notiicationwindow-component :isAnimationOn = "AnimationOff"></notiicationwindow-component>
 </template>
 
 
 <script>
+import NotiicationwindowComponent from "@/components/NotiicationwindowComponent.vue";
 import '@/assets/css/ComponentsStyles/asidebar.css'
 
 export default {
   name: 'AsideBar-Element',
+  components: { NotiicationwindowComponent },
   data() {
     return {
       AnimationOff: false

luckydiamond/src/components/NotiicationwindowComponent.vue

@@ -0,0 +1,23 @@
+<template>
+  <transition name="fade">
+    <div class="notification" v-if="isAnimationOn">
+      <div class="notification__content">
+        <h3>Анимации выключены</h3>
+      </div>
+    </div>
+  </transition>
+</template>
+
+<script>
+import '@/assets/css/ComponentsStyles/notification.css'
+
+export default {
+  props: {
+    isAnimationOn: Boolean
+  }
+}
+</script>
+
+<style>
+
+</style>