c80_map_floors 0.1.0.9 → 0.1.0.10

data/app/assets/stylesheets/c80_map_floors.scss

@@ -4,6 +4,8 @@
 //@import "bootstrap";
 //@import 'bootstrap-select';
 
+@import "lib/**/*";
 @import "map";
 @import "ui/**/*";
-@import "view/**/*";
+@import "view/**/*";
+@import "lib_custom/**/*";

data/app/assets/stylesheets/lib/awesomplete.scss

@@ -0,0 +1,104 @@
+.awesomplete [hidden] {
+    display: none;
+}
+
+.awesomplete .visually-hidden {
+    position: absolute;
+    clip: rect(0, 0, 0, 0);
+}
+
+.awesomplete {
+    display: inline-block;
+    position: relative;
+}
+
+.awesomplete > input {
+    display: block;
+}
+
+.awesomplete > ul {
+    position: absolute;
+    left: 0;
+    z-index: 1;
+    min-width: 100%;
+    box-sizing: border-box;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    background: #fff;
+}
+
+.awesomplete > ul:empty {
+    display: none;
+}
+
+.awesomplete > ul {
+	border-radius: .3em;
+	margin: .2em 0 0;
+	background: hsla(0,0%,100%,.9);
+	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
+	border: 1px solid rgba(0,0,0,.3);
+	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
+	text-shadow: none;
+}
+
+@supports (transform: scale(0)) {
+	.awesomplete > ul {
+		transition: .3s cubic-bezier(.4,.2,.5,1.4);
+		transform-origin: 1.43em -.43em;
+	}
+	
+	.awesomplete > ul[hidden],
+	.awesomplete > ul:empty {
+		opacity: 0;
+		transform: scale(0);
+		display: block;
+		transition-timing-function: ease;
+	}
+}
+
+	/* Pointer */
+	.awesomplete > ul:before {
+		content: "";
+		position: absolute;
+		top: -.43em;
+		left: 1em;
+		width: 0; height: 0;
+		padding: .4em;
+		background: white;
+		border: inherit;
+		border-right: 0;
+		border-bottom: 0;
+		-webkit-transform: rotate(45deg);
+		transform: rotate(45deg);
+	}
+
+	.awesomplete > ul > li {
+		position: relative;
+		padding: .2em .5em;
+		cursor: pointer;
+	}
+	
+	.awesomplete > ul > li:hover {
+		background: hsl(200, 40%, 80%);
+		color: black;
+	}
+	
+	.awesomplete > ul > li[aria-selected="true"] {
+		background: hsl(205, 40%, 40%);
+		color: white;
+	}
+	
+		.awesomplete mark {
+			background: hsl(65, 100%, 50%);
+		}
+		
+		.awesomplete li:hover mark {
+			background: hsl(68, 100%, 41%);
+		}
+		
+		.awesomplete li[aria-selected="true"] mark {
+			background: hsl(86, 100%, 21%);
+			color: inherit;
+		}
+/*# sourceMappingURL=awesomplete.css.map */

data/app/assets/stylesheets/lib_custom/awesomplete.scss

@@ -0,0 +1,8 @@
+.awesomplete {
+  ul {
+    li {
+      color: #101010;
+      font-size: 15px;
+    }
+  }
+}

data/app/assets/stylesheets/map.scss

@@ -1243,6 +1243,19 @@ div#map_wrapper {
 
       }
 
+      polygon.found { /* удовлетворяющий поиску полигон ЗДАНИЯ */
+        fill: rgba(0, 255, 19, 0.40);
+        stroke: rgba(251, 251, 251, 0.86);
+        stroke-width: 3px;
+        stroke-dasharray: 3;
+        animation: dash 555s linear;
+
+        &:hover, &.hover {
+          fill: rgba(0, 255, 19, 0.50);
+          stroke: rgba(251, 251, 251, 0.96);
+        }
+      }
+
       g {
 
         &.free {
@@ -1257,6 +1270,23 @@ div#map_wrapper {
             }
 
           }
+
+          &.viewing_area {
+            polygon, polyline { /* СВОБОДНЫЙ и ТЕКУЩЕ-ПРОСМАТРИВАЕМЫЙ полигон площади */
+              /*background: transparent url(image_path('loader_button.gif')) no-repeat 0 0;*/
+              fill: rgba(0, 255, 19, 0.10);
+              stroke: rgba(255, 246, 242, 0.59);
+              stroke-width: 2px;
+              stroke-dasharray: 10;
+              animation: dash 555s linear;
+
+              &:hover, &.hover {
+                fill: rgba(0, 255, 19, 0.50);
+                stroke: rgba(255, 246, 242, 0.79);
+              }
+            }
+          }
+
         }
 
         &.busy {
@@ -1270,7 +1300,37 @@ div#map_wrapper {
               stroke: rgba(251, 251, 251, 0.86);
             }
 
+            &.found_area { /* удовлетворяющий поиску ЗАНЯТЫЙ polygon площади */
+              fill: rgba(0, 173, 255, 0.40) !important;
+              stroke: rgba(251, 251, 251, 0.86) !important;
+              stroke-width: 3px;
+              stroke-dasharray: 3;
+              animation: dash 555s linear;
+
+              &:hover, &.hover {
+                fill: rgba(0, 173, 255, 0.60) !important;
+                stroke: rgba(251, 251, 251, 0.96) !important;
+              }
+            }
+
           }
+
+          &.viewing_area {
+            polygon, polyline { /* ЗАНЯТЫЙ и ТЕКУЩЕ-ПРОСМАТРИВАЕМЫЙ полигон площади */
+              /*background: transparent url(image_path('loader_button.gif')) no-repeat 0 0;*/
+              fill: rgba(255, 4, 0, 0.40);
+              stroke: rgba(255, 246, 242, 0.59);
+              stroke-width: 2px;
+              stroke-dasharray: 10;
+              animation: dash 555s linear;
+
+              &:hover, &.hover {
+                fill: rgba(255, 4, 0, 0.50);
+                stroke: rgba(255, 246, 242, 0.79);
+              }
+            }
+          }
+
         }
 
         &.unassigned {
@@ -1287,7 +1347,7 @@ div#map_wrapper {
           }
 
           &.viewing_area {
-            polygon, polyline { /* НЕНАЗНАЧЕННЫЙ и просматриваемый полигон площади (с пунктиром) */
+            polygon, polyline { /* НЕНАЗНАЧЕННЫЙ и ТЕКУЩЕ-ПРОСМАТРИВАЕМЫЙ полигон площади (с пунктиром) */
               /*background: transparent url(image_path('loader_button.gif')) no-repeat 0 0;*/
               fill: rgba(131, 131, 131, 0.50);
               stroke: rgba(131, 131, 131, 0.60);
@@ -1304,21 +1364,6 @@ div#map_wrapper {
 
         }
 
-        &.viewing_area {
-          polygon, polyline { /* подразумевается НАЗНАЧЕННЫЙ полигон площади */
-            /*background: transparent url(image_path('loader_button.gif')) no-repeat 0 0;*/
-            fill: rgba(0, 255, 19, 0.10);
-            stroke: rgba(255, 246, 242, 0.59);
-            stroke-width: 2px;
-            stroke-dasharray: 10;
-            animation: dash 555s linear;
-
-            &:hover, &.hover {
-              fill: rgba(0, 255, 19, 0.50);
-              stroke: rgba(255, 246, 242, 0.79);
-            }
-          }
-        }
       }
 
     }

data/app/assets/stylesheets/ui/search_gui.scss

@@ -0,0 +1,51 @@
+div.container#search_container {
+
+  position: relative;
+  height: 0;
+  z-index: 5;
+
+  -webkit-transition: left .8s cubic-bezier(.25, .8, .25, 1), top .8s cubic-bezier(.25, .8, .25, 1);
+  -moz-transition: left .8s cubic-bezier(.25, .8, .25, 1), top .8s cubic-bezier(.25, .8, .25, 1);
+  transition: left .8s cubic-bezier(.25, .8, .25, 1), top .8s cubic-bezier(.25, .8, .25, 1);
+
+  div#search_gui {
+    display: block;
+    margin: 0 auto;
+    padding-top: 15px;
+    width: 500px;
+
+    form.navbar-form {
+      margin-bottom: 0;
+
+      input.form-control {
+        width: 400px;
+        margin-right: 10px;
+      }
+
+      .btn {
+        padding: 5px 14px;
+        border-width: 1px !important;
+      }
+
+    }
+
+  }
+
+  a.reset {
+    display: none; /* изначально кнопка невидна */
+    font-size: 12px;
+    margin: 0 auto;
+    width: 429px;
+    text-align: right;
+    font-weight: bold;
+    font-family: Arial, Helvetica, sans-serif;
+    color: #000000;
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline !important;
+      color: #18669a;
+    }
+  }
+
+}

data/app/assets/stylesheets/ui/tabs_js.scss

@@ -1,7 +1,32 @@
 div.tabs_js {
 
+  /*
+  <div class="tab_buttons clearfix">
+    <a href="#" data-id="6" data-index="0" class="active">Первый этаж</a>
+    <a href="#" data-id="48" data-index="1" class="red">Второй этаж</a>
+    <a href="#" data-id="49" data-index="2">Третий этаж</a>
+  </div>
+  */
   div.tab_buttons {
+    > a {
+      &.red {
+        position: relative;
+        &:after {
+          content: attr(data-search-count); /* количество магазинов (удовлетворяющих поиску) на этаже */
+          position: absolute;
 
+          width: 20px;
+          height: 20px;
+          background-color: red;
+          border-radius: 5px;
+
+          font-size: 15px;
+          font-weight: bold;
+          color: #ffffff;
+
+        }
+      }
+    }
   }
 
   div.tab_content {

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

@@ -6,7 +6,7 @@
   cursor: pointer;
   text-align: center;
   line-height: 50px;
-  width: 417px;
+  width: 450px;
   height: 50px;
   z-index: 5;
   transition: opacity 0.6s ease-out;

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

@@ -7,7 +7,7 @@
   background-color: #ededed;
   display: none;
   font-size: 14px;
-  min-width: 417px;
+  width: 450px;
 
   -webkit-transition: all 0.8s cubic-bezier(.25, .8, .25, 1);
   -moz-transition: all 0.8s cubic-bezier(.25, .8, .25, 1);

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

@@ -10,8 +10,13 @@ g.free_areas_label {
       font-size: 40px;
       font-weight: bold;
       fill: #ffffff;
-      transform: translateY(12px) translateX(-12px);
+      transform: translateY(12px) translateX(-22px);
       text-shadow: 0 0 1px rgba(0, 0, 0, 0.58);
+
+      &.one_digit {
+        transform: translateY(12px) translateX(-10px);
+      }
+
     }
 
     &.pulse {

data/app/controllers/c80_map_floors/ajax_controller.rb

@@ -1,4 +1,5 @@
 module C80MapFloors
+  # noinspection RubyResolve
   class AjaxController < ApplicationController
 
     def map_edit_buttons
@@ -112,5 +113,86 @@ module C80MapFloors
 
     end
 
+    # от js пришла строка с названием категории. Необходимо найти магазины, соответствующие этой категории.
+    # noinspection RailsChecklist01
+    def find_shops
+      Rails.logger.debug "[TRACE] <AjaxController.find_shops> params = #{params}"
+      # [TRACE] <AjaxController.find_shops> params = {"stext"=>"Хозтовары", "counter"=>"1", "controller"=>"c80_map_floors/ajax", "action"=>"find_shops"}
+
+      # ПЕРВЫЙ ВАРИАНТ
+      # result = {
+      #     buildings: [
+      #         {   id: 7,
+      #             floors: [
+      #                 {  id: 2,
+      #                    areas: [3]
+      #                 }
+      #             ]
+      #         },
+      #         {
+      #             id: 10,
+      #             floors: [
+      #                 { id: 6,
+      #                   areas: [5,8]
+      #                 },
+      #                 { id: 48,
+      #                   areas: [6]
+      #                 }
+      #             ]
+      #         }
+      #     ]
+      # }
+
+      if params[:counter].to_i == 1
+        result = {
+            buildings:             [7, 10],
+            buildings_shops_count: [3, 12],
+            floors:                [2, 6, 48],
+            floors_shops_count:    [2, 1, 33],
+            areas:                 [3, 5, 8, 6]
+        }
+      else
+        result = {
+            buildings:             [],
+            buildings_shops_count: [],
+            floors:                [],
+            floors_shops_count:    [],
+            areas:                 []
+        }
+
+        # находим 3 рандомных полигона зданий (генерим случайное число для каждого здания)
+        3.times do
+
+          map_building = MapBuilding.offset(rand(MapBuilding.count)).first
+          map_building_count = rand(20)
+
+          result[:buildings] << map_building.id
+          result[:buildings_shops_count] << map_building_count
+
+          # в каждом полигоне здания находим один рандомный полигон этажа (генерим случайное число для каждого этажа)
+          map_floor = map_building.floors.offset(rand(map_building.floors.count)).first
+          map_floor_count = rand(20)
+
+          result[:floors] << map_floor.id
+          result[:floors_shops_count] << map_floor_count
+
+          # просто находим 4 рандомных полигонов площадей
+          4.times do
+            map_area = Area.offset(rand(Area.count)).first
+            result[:areas] << map_area.id
+          end
+
+        end
+
+      end
+
+      Rails.logger.debug "[TRACE] <AjaxController.fetch_unlinked_floors> Отправляем ответ: result = #{result}"
+
+      respond_to do |format|
+        format.json { render json: result }
+      end
+
+    end
+
   end
 end

data/app/helpers/c80_map_floors/search_gui_helper.rb

@@ -0,0 +1,19 @@
+module C80MapFloors
+  module SearchGuiHelper
+
+    # рендер поисковой формы, которая видна сверху поцентру в слое над картой
+    # noinspection RubyResolve
+    def render_search_gui
+
+      # NOTE:: названия всех категорий в алфавитном порядке через запятую в одну строку возьмём из HOST-приложения
+      categories_list = ::Cat.filled_cats.map { |c| c.name }.join(', ')
+
+      render :partial => 'c80_map_floors/shared/map_row/search_gui',
+             :locals => {
+                 categories_list: categories_list
+             }
+
+    end
+
+  end
+end

data/app/models/c80_map_floors/area.rb

@@ -7,7 +7,7 @@ module C80MapFloors
     belongs_to :area_representator, :polymorphic => true
     acts_as_base_map_object
 
-    def my_as_json
+    def my_as_json4
 
       result = {
           id:         self.id,

data/app/models/c80_map_floors/area_representator.rb

@@ -1,7 +1,14 @@
 module C80MapFloors
 
+  #==========================================================
+  #
+  #   Это Площадь (которая привязывается к полигону на карте)
+  #
+  #==========================================================
+
   module AreaRepresentator
 
+    # noinspection RubyResolve
     extend ActiveSupport::Concern
 
     #  ERROR: Cannot define multiple 'included' blocks for a Concern
@@ -16,24 +23,14 @@ module C80MapFloors
 
     module ClassMethods
 
+      # noinspection RubyResolve
       def acts_as_map_area_representator
         class_eval do
 
-          # has_many :map_areas, :as => :area_representator, :class_name => 'C80MapFloors::Area', :dependent => :nullify
           has_one :area, :as => :area_representator, :class_name => 'C80MapFloors::Area', :dependent => :nullify
 
           after_save :update_json
 
-          def self.unlinked_areas
-            res = []
-            self.all.each do |area|
-              if area.map_areas.count == 0
-                res << area
-              end
-            end
-            res
-          end
-
           # выдать название привязанного к Площади полигона
           def apolygon_title
             res = '-'
@@ -73,28 +70,22 @@ module C80MapFloors
       end
 =end
 
+      # Выдать json Площади, которая привязана к полигону на карте
+      # noinspection RubyResolve
       def my_as_json2
         result = {
             id:             self.id,
             title:          self.name,
             square:         self.square,
-            square_free:    self.square_free,
             desc:           self.desc,
-            floor_height:   self.floor_height,
             price_string:   self.price_string,
-            communications: self.communications
+            communications: self.communications,
+            is_free:        self.is_free?,
+            shop:           self.shop_as_json
         }
         result.as_json
       end
 
-      # свободна ли площадь, привязанная к полигону на карте
-      def is_free?
-        res = true
-        if map_areas.count > 0
-          res = map_areas.first.is_free?
-        end
-        res
-      end
     end
 
   end

data/app/models/c80_map_floors/building_representator.rb

@@ -1,5 +1,11 @@
 module C80MapFloors
 
+  #==========================================================
+  #
+  #   Это Здание (которое привязывается к полигону на карте)
+  #
+  #==========================================================
+
   module BuildingRepresentator
 
     extend ActiveSupport::Concern
@@ -55,7 +61,8 @@ module C80MapFloors
     # noinspection ALL
     module InstanceMethods
 
-      def my_as_json
+      # выдать json Здания, которое привязано к полигону на карте
+      def my_as_json6
         result = {
             id:             self.id,
             title:          self.title,

data/app/models/c80_map_floors/floor.rb

@@ -82,7 +82,7 @@ module C80MapFloors
       }
 
       self.areas.each do |area|
-        result[:areas] << area.my_as_json
+        result[:areas] << area.my_as_json4
       end
 
       # если имеются ДАННЫЕ - прицепим их к JSON

data/app/models/c80_map_floors/map_building.rb

@@ -24,7 +24,7 @@ module C80MapFloors
       C80MapFloors::Areas.joins(:c80_map_floors_floors).where(:building_id => self.if)
     end
 
-    def my_as_json
+    def my_as_json5
 
       result = {
           id: self.id,
@@ -42,7 +42,7 @@ module C80MapFloors
       end
 
       if self.building_representator.present?
-        result[:data] = self.building_representator.my_as_json
+        result[:data] = self.building_representator.my_as_json6
       end
 
       result.as_json

data/app/models/c80_map_floors/map_json.rb

@@ -12,12 +12,13 @@ module C80MapFloors
       # поместим в него детей - здания со всеми детьми и внуками
       buildings = []
       C80MapFloors::MapBuilding.all.each do |map_building|
-        buildings << map_building.my_as_json
+        buildings << map_building.my_as_json5
       end
 
       locs_hash["buildings"] = buildings
 
       # запишем в файл
+      Rails.logger.debug '[TRACE] <map_json.update_json> Запишем JSON в файл.'
       File.open(locations_path, 'w') do |f|
         f.write(locs_hash.to_json)
       end

data/app/views/c80_map_floors/_map_row_index.html.erb

@@ -28,6 +28,11 @@
       <div class="overlay_layers"></div>
       <svg id='svg_overlay' xmlns="http://www.w3.org/2000/svg" version="1.2" viewbox='0 0 <%= mapwidth %> <%=mapheight%>' baseProfile="tiny" preserveAspectRatio="xMaxYMax"></svg>
     </div>
+
+    <div class="container" id="search_container">
+      <%= render_search_gui %>
+    </div>
+
     <div class="container" id="ui">
       <%= render "c80_map_floors/shared/map_row/building_info" %>
       <%# render "layouts/shared/map_row/area_order_button" %>

data/app/views/c80_map_floors/shared/map_row/_search_gui.html.erb

@@ -0,0 +1,11 @@
+<%# обслуживается классом search_gui.js %>
+
+<div id="search_gui">
+  <form class="navbar-form" role="form">
+    <div class="form-group">
+      <input placeholder="Введите название товара, который вас интересует" class="form-control awesomplete" type="text" data-list="<%= categories_list %>">
+    </div>
+    <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
+  </form>
+</div>
+<%= link_to 'Сброс', '#', :class => 'reset', :title => 'Сбросить результаты поиска' %>

data/config/routes.rb

@@ -10,4 +10,6 @@ C80MapFloors::Engine.routes.draw do
   match '/ajax/fetch_unlinked_buildings', to: 'ajax#fetch_unlinked_buildings', via: :post
   match '/ajax/fetch_unlinked_floors', to: 'ajax#fetch_unlinked_floors', via: :post
   match '/ajax/fetch_unlinked_areas', to: 'ajax#fetch_unlinked_areas', via: :post
+  match '/ajax/find_shops', to: 'ajax#find_shops', via: :post
+
 end

data/lib/c80_map_floors/version.rb

@@ -1,3 +1,3 @@
 module C80MapFloors
-  VERSION = '0.1.0.9'
+  VERSION = '0.1.0.10'
 end