c80_map_floors 0.1.0.1

data/app/assets/stylesheets/view/buttons/area_order_button.scss

@@ -0,0 +1,16 @@
+#area_order_button {
+  width: auto;
+  padding: 0 15px;
+  position: absolute;
+  bottom: 15px;
+  right: 15px;
+  font-weight: normal;
+  border-radius: 2px;
+}
+
+// когда входим в здание - кнопка не видна
+div.view_building {
+  #area_order_button {
+    display: none;
+  }
+}

data/app/assets/stylesheets/view/buttons/back_to_map_button.scss

@@ -0,0 +1,28 @@
+#BackToMapButton {
+  background-color: #3377A8;
+  color: #fff !important;
+  display: block;
+  font-size: 17px;
+  cursor: pointer;
+  text-align: center;
+  line-height: 50px;
+  width: 417px;
+  height: 50px;
+  z-index: 5;
+  transition: opacity 0.6s ease-out;
+  -webkit-transition: all 0.6s ease-out;
+  -moz-transition: all 0.6s ease-out;
+  -ms-transition: all 0.6s ease-out;
+  -o-transition: all 0.6s ease-out;
+  position: absolute;
+  padding: 0 15px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  text-transform: uppercase;
+  /*font-family: FrankRegular, sans-serif;*/
+  font-weight: normal;
+
+  &:hover {
+    background-color: #5FCE4B;
+  }
+
+}

data/app/assets/stylesheets/view/elems/building_info.scss

@@ -0,0 +1,54 @@
+
+.building_info {
+  position: absolute;
+  z-index: 5;
+  top: 10px;
+  padding: 20px;
+  background-color: #ededed;
+  display: none;
+  font-size: 14px;
+  min-width: 417px;
+
+  -webkit-transition: all 0.8s cubic-bezier(.25, .8, .25, 1);
+  -moz-transition: all 0.8s cubic-bezier(.25, .8, .25, 1);
+  transition: all 0.8s cubic-bezier(.25, .8, .25, 1);
+
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+
+  h2 {
+    /*@include frankRegular(21px);*/
+    margin: -20px -20px 10px -20px;
+    padding: 20px;
+    text-transform: uppercase;
+    color: #ffffff;
+    background-color: #54658E;
+  }
+
+  ul {
+    list-style: none;
+    margin-left: 0;
+    padding-left: 0;
+    /*@include frankRegular(15px);*/
+
+    li {
+      overflow: hidden;
+
+      -webkit-transition: all 0.3s;
+      -moz-transition: all 0.3s;
+      transition: all 0.3s;
+
+      span {
+        color: #6f6f6f;
+      }
+    }
+  }
+
+  h5 {
+    border-top: 1px solid #14233C;
+    color: #1f283e;
+    margin-top: 18px;
+    padding-top: 18px;
+    /*@include frankRegular(21px);*/
+  }
+
+}

data/app/assets/stylesheets/view/elems/free_areas_label.scss

@@ -0,0 +1,116 @@
+
+g.free_areas_label {
+
+  > * {
+    transform-origin: 50% 50%;
+    transform: matrix(1, 0, 0, 1, 0, 0);
+    display: block;
+
+    &.text {
+      font-size: 40px;
+      font-weight: bold;
+      fill: #ffffff;
+      transform: translateY(12px) translateX(-12px);
+      text-shadow: 0 0 1px rgba(0, 0, 0, 0.58);
+    }
+
+    &.pulse {
+
+      animation: pulseAnimation 3s infinite;
+      transition: all 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+      -webkit-transition: all 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+      -moz-transition: all 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+
+      fill: rgba(57, 189, 95, 0.39);
+      -webkit-animation-duration: 3s;
+      -moz-animation-duration: 3s;
+      animation-duration: 3s;
+
+    }
+
+    &.pulse2 {
+
+      animation: pulseAnimation 3s 0.75s infinite;
+      transition: all 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+      -webkit-transition: all 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+      -moz-transition: all 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+
+      fill: rgba(57, 189, 95, 0.69);
+
+      -webkit-animation-duration: 2s;
+      -moz-animation-duration: 2s;
+      animation-duration: 2s;
+
+    }
+
+    &.circle {
+      fill: rgba(57, 189, 95, 0.53);
+    }
+
+    &.line {
+      stroke: rgba(57, 189, 95, 0.99);
+      stroke-width: 1px;
+    }
+
+  }
+
+}
+
+@-webkit-keyframes pulseAnimation {
+  0% {
+    -webkit-transform: scale(1);
+    opacity: 0
+  }
+  20% {
+    opacity: 1
+  }
+  75% {
+    -webkit-transform: scale(1.5);
+    opacity: 0
+  }
+  100% {
+    opacity: 0
+  }
+}
+
+@-moz-keyframes pulseAnimation {
+  0% {
+    -moz-transform: scale(1);
+    opacity: 0
+  }
+  20% {
+    opacity: 1
+  }
+  75% {
+    -moz-transform: scale(1.5);
+    opacity: 0
+  }
+  100% {
+    opacity: 0
+  }
+}
+
+@keyframes pulseAnimation {
+  0% {
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1);
+    opacity: 0
+  }
+  20% {
+    opacity: 1
+  }
+  75% {
+    -webkit-transform: scale(1.5);
+    -moz-transform: scale(1.5);
+    -ms-transform: scale(1.5);
+    -o-transform: scale(1.5);
+    transform: scale(1.5);
+    opacity: 0
+  }
+  100% {
+    opacity: 0
+  }
+}

data/app/assets/stylesheets/view/elems/map_objects/map_object_image_bg.scss

@@ -0,0 +1,10 @@
+img.map_object_image_bg {
+  position: absolute;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: auto;
+}

data/app/assets/stylesheets/view/modal_window.scss

@@ -0,0 +1,13 @@
+div#modal_window {
+
+  .modal-body {
+    font-size: 12px;
+  }
+
+  div.dropdown-menu.open {
+    border: none;
+    shadow:none;
+    background-color: transparent;
+  }
+
+}

data/app/assets/stylesheets/view/save_preloader.scss

@@ -0,0 +1,206 @@
+div#savePreloader {
+  position: absolute;
+  z-index: 100000;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, .01);
+  display: none;
+  opacity: 0;
+  text-align: center;         /*!*/
+  white-space: nowrap;        /*!*/
+
+  transition: all 0.4s ease-in-out;
+  -webkit-transition: all 0.4s ease-in-out;
+  -moz-transition: all 0.4s ease-in-out;
+  -ms-transition: all 0.4s ease-in-out;
+  -o-transition: all 0.4s ease-in-out;
+
+  &.shown {
+    background-color: rgba(0, 0, 0, .4);
+    opacity: 1;
+  }
+
+  span.helper {
+    display: inline-block;      /*!*/
+    vertical-align: middle;     /*!*/
+    height: 100%;               /*!*/
+  }
+
+  .uil-ring-css {
+    background: none;
+    position: relative;
+    width: 200px;
+    height: 200px;
+    vertical-align: middle;     /*!*/
+    display: inline-block;
+    transform:scale(0.5);
+
+    > div {
+      position: absolute;
+      display: block;
+      width: 160px;
+      height: 160px;
+      top: 20px;
+      left: 20px;
+      border-radius: 80px;
+      box-shadow: 0 6px 0 0 #59ebff;
+      -ms-animation: uil-ring-anim 1s linear infinite;
+      -moz-animation: uil-ring-anim 1s linear infinite;
+      -webkit-animation: uil-ring-anim 1s linear infinite;
+      -o-animation: uil-ring-anim 1s linear infinite;
+      animation: uil-ring-anim 1s linear infinite;
+    }
+
+    &:before {
+      display:block;
+      position: absolute;
+      top:0;
+      left:0;
+      bottom:0;
+      right:0;
+      content: 'wait';
+      font-size:26px;
+      color: white;
+      margin-top: 80px;
+    }
+  }
+
+}
+
+@-webkit-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-moz-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-ms-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-moz-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-o-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}