geophystech#313 Исправлен баг с установкой фильтра по магнитуде.

.eslintrc.js

@@ -34,6 +34,7 @@ module.exports = {
     'func-call-spacing': 0,
     'keyword-spacing': 0,
     'spaced-comment': 0,
-    'no-extra-bind': 0
+    'no-extra-bind': 0,
+    "no-new": 0
   }
 }

src/assets/scss/_mixins.css

@@ -0,0 +1,3 @@
+@import "mixins/keyframes";
+@import "mixins/animation";
+@import "mixins/calc";

src/assets/scss/main.scss

@@ -1,5 +1,26 @@
 
+@import "~bootstrap/scss/mixins";
+@import "~bootstrap/scss/functions";
+@import "~bootstrap/scss/variables";
 @import "variables";
+@import "mixins";
+
+@import "~bootstrap/scss/utilities/text";
+
+
+
+@include keyframes(fadeOut) {
+  0% { opacity: 1 }
+  100% { opacity: 0; display: none }
+}
+
+
+@mixin fadeOut()
+{
+  @include animation(fadeOut 250ms linear);
+  animation-fill-mode: both;
+}
+
 
 body {
   font-family: 'Open Sans', sans-serif !important;
@@ -17,6 +38,22 @@ a {
   color: $color-blue;
 }
 
+.fade:not(.hidden) {
+  transition: none;
+  opacity: 1;
+}
+
+.hidden
+{
+  &:not(.fade) {
+    display: none !important;
+  }
+
+  &.fade {
+    @include fadeOut();
+  }
+}
+
 .static-page-content
 {
   /* Static page */

src/assets/scss/mixins/_animation.scss

@@ -0,0 +1,6 @@
+@mixin animation($props...)
+{
+  @each $prefix in -webkit-, -moz-, -ms-, -o-, '' {
+    #{$prefix}animation: $props;
+  }
+}

src/assets/scss/mixins/_calc.scss

@@ -2,7 +2,7 @@
 {
   #{$prop}: $default;
 
-  @each $pre in -webkit-, -moz-, -o-, '' {
-    #{$prop}: #{$pre}calc(#{$val});
+  @each $prefix in -webkit-, -moz-, -o-, '' {
+    #{$prop}: #{$prefix}calc(#{$val});
   }
-}
+}

src/assets/scss/mixins/_keyframes.scss

@@ -0,0 +1,8 @@
+@mixin keyframes($name)
+{
+  @-webkit-keyframes #{$name} { @content; }
+  @-moz-keyframes #{$name} { @content; }
+  @-ms-keyframes #{$name} { @content; }
+  @-o-keyframes #{$name} { @content; }
+  @keyframes #{$name} { @content; }
+}

src/components/Events.vue

@@ -124,7 +124,9 @@ export default {
 
         this.$http.get(this.$root.$options.settings.api.endpointEvents, { params: params })
           .then(response => {
+
             this.spinners.loadMoreEvents = false
+            this.disabledFilters = false
 
             if (typeof filtersData === 'object') {
               this.events = response.data.data
@@ -140,11 +142,11 @@ export default {
             this.endDate = this.$moment(this.events[0].locValues.data.event_datetime).format('L')
           })
           .catch(error => {
-            console.log(error)
+            this.$refs.filters.setErrors(error.response.data.errors.data)
+            this.spinners.loadMoreEvents = false
+            this.disabledFilters = false
           })
 
-        this.disabledFilters = false
-
       }
 
       if (this._getEventsTimeout) clearTimeout(this._getEventsTimeout)