c80_map_floors 0.1.0.20 → 0.1.0.21

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e492c072e62d8a31c57031485baf7d0600415c71
-  data.tar.gz: d4520e1f4b7bf1addab597c719fdd3b631515c8f
+  metadata.gz: 2a17a5fbb3602490d393889c404ff4f313310453
+  data.tar.gz: 7d1107a8aca32d330db425f07eff5f758f9f67d7
 SHA512:
-  metadata.gz: 301ddb8e39c6ec1f570065d5ccb2ed7641aceb0d60385042bd7b178a67d2c82bd8c4a6c44951bd4041769be946c5ecb71e8e416e38ce88a0cfc688e3e3fc54bb
-  data.tar.gz: 8ebab83a13c8da444bd9e163039b38bd2682afaabe76933e377b724c9e461b0ec2730462e80eb6e66e58c0f9531df6271c61f16041b95d9ad29979268bb2b904
+  metadata.gz: b65b359a6467ded738329ee15579b5603241e24aa3d71216636df1810c498ac427f95a3936171ad4e8904f1c86a78f8b94fda4efdb8b1a481a9f8af4d83ff96c
+  data.tar.gz: c205ef48c9d29ee610783f9915c86932456ffdd0793439fc01a21aeb8983e3933bf547dfe9e7db0719df12838131f14d9396039d9d2f6a9681114455ac2558e9

data/app/assets/javascripts/map_objects/area.js

@@ -27,8 +27,8 @@ function Area() {
 
     _this.init = function (options, parent_floor_json, pself) {
 
-        console.log("<Area.init> options: ");
-        console.log(options);
+        //console.log("<Area.init> options: ");
+        //console.log(options);
 
         // нарисовали полигон площади, находясь на этаже:
         // => Object { coords: Array[8] }
@@ -36,8 +36,8 @@ function Area() {
         // полигон площади уже был нарисован, просто вошли на этаж:
         // => Object { id: 2, tag: "test_area", floor_id: 2, class_name: "C80MapFloors::Area", coords: "10,12,110,112", data: null }
 
-        console.log("<Area.init> parent_floor_json: ");
-        console.log(parent_floor_json);
+        //console.log("<Area.init> parent_floor_json: ");
+        //console.log(parent_floor_json);
 
         /*
          Object {
@@ -107,6 +107,8 @@ function Area() {
         _this._polygon_overlay = Polygon.createFromSaved(options, true, _map);
         _this._polygon_overlay.area = _this;
         _this._polygon_overlay = $(_this._polygon_overlay.polygon);
+        _this._polygon_overlay.attr('id', "map_area_id_"+_this.id); // 20170327-hover: внедряем id полигона площади
+        _this._polygon_overlay.addClass('polygon_overlay'); // 20170327-hover: добавляем css класс for the sake of conciseness при использовании
         _this._polygon_overlay.hover(_this._mouse_in, _this._mouse_out);
         _this._calcBBox();
 

data/app/assets/javascripts/ui/tabs/tabs.js

@@ -286,6 +286,7 @@ function Tabs(options) {
 
                     var json_as_html_text = _options['info_helper'].makeHtmlText(json);
                     _$div_tab_content.html(json_as_html_text);
+                    _options['info_helper'].afterPastingHtmlText();
                 }
 
                 else {

data/app/assets/javascripts/view/building_info/mobj_info_parser.js

@@ -14,7 +14,9 @@ function MobjInfoParser() {
     var _sresults_areas = null;
 
     // используется в _row_area_with_shop() и в _row_area_shop()
-    var _row_area_shop_pattern = "<li><a href='{HREF}' title='{TITLE}' target='_blank'>{TITLE}</a> ({AREA_TITLE}), {PHONE}</li>";
+    // 20170327-hover: был добавлен id='link_shop_{MAP_AREA_ID}', для подсветки полигона, который соответствует магазину при наведении мышкой на ссылку
+    // 20170327-hover: в тех же целях был добавлен css-класс
+    var _row_area_shop_pattern = "<li><a class='link_shop' href='{HREF}' id='link_shop_{MAP_AREA_ID}' title='{TITLE}' target='_blank'>{TITLE}</a> ({AREA_TITLE}), {PHONE}</li>";
 
     // используется в _row_area_data()
     var _row_area_pattern = "<li><a href='{HREF}' title='{AREA_TITLE}' target='_blank'>{AREA_TITLE}</a></li>";
@@ -205,6 +207,14 @@ function MobjInfoParser() {
       _umode = umode;
     };
 
+    /**
+     * 20170327-hover: После того, как вставили html текст (собранный методом makeHtmlText), вызывается этот hook.
+     *
+     */
+    this.afterPastingHtmlText = function () {
+        $('a.link_shop').hover(_this._row_area_shop_mover, _this._row_area_shop_mout);
+    };
+
     //--[ private ]-----------------------------------------------------------------------------------------------------
 
     /**
@@ -340,15 +350,52 @@ function MobjInfoParser() {
      * @private
      */
     this._row_area_shop = function (area_json) {
+        //console.log('<_row_area_shop>');
+        /*
+         { floor_id:6,
+           id: 550,                 # айди полигона
+           coords: Array,
+           data: {
+              id: 444,              # айди Rent-площади
+              desc: '...',
+              is_free: false,
+              price_string: '',
+              square: 130,
+              title: "МЕБ-1"
+           }
+         }
+        */
+
         var shop = area_json['data']['shop'];
         var res = _row_area_shop_pattern;
         res = res.split('{TITLE}').join(shop['title']);
         res = res.split('{HREF}').join(shop['url']);
         res = res.split('{PHONE}').join(shop['tel']);
         res = res.split('{AREA_TITLE}').join(area_json['data']['title']);
+        res = res.split('{MAP_AREA_ID}').join(area_json['id']);
         return res;
     };
 
+    // при наведении мышки на ссылку
+    // будут подсвечиваться соответствующие полигоны
+    // при убирании мышки с ссылки - все полигоны не подсвечены
+    this._row_area_shop_mover = function () {
+        console.log('<_row_area_shop_mover>');
+
+        var map_area_id = $(this).attr('id').split('link_shop_').join('');
+
+        // сначала уберём мышку со всех полигонов
+        $('.polygon_overlay').mouseleave();
+
+        // затем "наведём" мышь на соответствующий полигон
+        $('.polygon_overlay#map_area_id_' + map_area_id).mouseenter();
+
+    };
+    this._row_area_shop_mout = function () {
+        // уберём мышку со всех полигонов
+        $('.polygon_overlay').mouseleave();
+    };
+
     //--[ init ]--------------------------------------------------------------------------------------------------------
 
     var _fInit = function () {

data/app/assets/stylesheets/map.scss

@@ -1322,8 +1322,9 @@ div#map_wrapper {
             cursor: pointer;
 
             &:hover, &.hover {
-              fill: rgba(255, 4, 0, 0.40);
-              stroke: rgba(251, 251, 251, 0.86);
+              fill: rgba(11, 11, 11, 0.26);
+              stroke: rgba(255, 255, 255, 0.96);
+              stroke-width: 3px;
             }
 
             &.found_area { /* удовлетворяющий поиску ЗАНЯТЫЙ polygon площади */
@@ -1369,6 +1370,7 @@ div#map_wrapper {
             &:hover, &.hover {
               fill: rgba(131, 131, 131, 0.40);
               stroke: rgba(251, 251, 251, 0.86);
+              stroke-width: 3px;
             }
           }
 

data/lib/c80_map_floors/version.rb

@@ -1,3 +1,3 @@
 module C80MapFloors
-  VERSION = '0.1.0.20'
+  VERSION = '0.1.0.21'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: c80_map_floors
 version: !ruby/object:Gem::Version
-  version: 0.1.0.20
+  version: 0.1.0.21
 platform: ruby
 authors:
 - C80609A