c80_map_floors 0.1.0.5 → 0.1.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6a621c6552044c23f3aba24c38c9714175f54813
-  data.tar.gz: da3c3965d536d3501cb4e6863abff84622635321
+  metadata.gz: 665f2daf916815f816c9855be418fc89254b833d
+  data.tar.gz: c7130c9f88fef43e6c995203e407c03db2fd1156
 SHA512:
-  metadata.gz: 34d71d53422cb9e531945e43f9f701355d569874f36fe57af8d4b403fb33acc9bc86526825ad2f28f023662ca598ef74c0f49977c60e654cb10e1130baf5b447
-  data.tar.gz: ce9396846ff4c5ed651e0b4a19d68270b431af3d7f34fc90229cc33dc42c79c3c9db45cbbcc3ec7db783570a1333ae6dfebb25fcd5dc8a75dad78a7f59a0ff93
+  metadata.gz: 2819689d023aacb12978e264e04d6404c78d043b8bd13d9230a536df7639d66eb1381a42510e2f6495e2fc87d4b0b17110e4429ea5422b3a193dbf2f82092a35
+  data.tar.gz: bfa6ac82494fa655b1d7e27b2d0f5e388b70d5ce0fbdd685d5495db03f8134b594ccc78acbaa97f102e2339d60080058aab38a1fbbbf9d38f98d98276bc3b472

data/app/assets/javascripts/buttons/admin_buttons/button_floor_link.js

@@ -0,0 +1,122 @@
+"use strict";
+
+// при клике на эту кнопку произойдет:
+// * показ прелоадера,
+// * запрос за несвязанными этажами здания,
+// * после получения ответа - показ модального окна _modal_window.html.erb куда будет подставлен %modal-title% и %modal-body%
+
+function FloorLinkButton() {
+
+    var _map = null;
+    var _this = this;
+    _this.el = null;
+
+    // служебная невидимая ссылка, js-клик по которой покажет модальное окно
+    var $link_show_modal_window = null;
+
+    // настроить и показать модальное окно
+    var show_modal_window = function () {
+
+        //var $dialog = $('#modal_window');
+        //$dialog.find("h4").text($t.data("wtitle"));
+        //$dialog.find("#form_comment").css('display','block');
+        //$dialog.find("input#comment_part_id").val(partid);
+        //$dialog.find("input#comment_author").val(author);
+
+        // фиксируем участников
+        var $m = $('#modal_window');
+        var $cc = $m.find('.modal-body');
+
+        // устанавливаем заголовок окна
+        $m.find('.modal-title').text('Укажите Этаж, соответствующий этой картинке.');
+
+        // инициализируем bootstrap-selectpicker
+        setTimeout(function () {
+            $("select#unlinked_floors").selectpicker({size: 50, tickIcon: 'hidden'});
+        }, 10);
+
+        // клик по кнопке "применить" вызовет  _map.link_floor()
+        setTimeout(function () {
+            //console.log($cc.find("button"));
+            $cc.find("button").on('click', function () {
+                if ($(this).attr('id') == "submit_floor_link") {
+                    _map.link_floor();
+                }
+            });
+        }, 1000);
+
+        // нажмём служебную ссылку, которая откроет модальное окно
+        $link_show_modal_window.click();
+
+    };
+
+    /** функция, запрашивающая с сервера Этажи без полигонов (указанного Здания).
+     *
+     * @param bid - ID Здания, которому должны принадлежать Этажи без полигонов
+     */
+    var fetch_free_floors = function (bid) {
+        console.log('<ButtonFloorLink.fetch_free_floors> Запросим Этажи без полигонов для bid:' + bid);
+
+        $.ajax({
+            url:'/ajax/fetch_unlinked_floors',
+            type:'POST',
+            data: {
+                building_id:bid
+            },
+            dataType:'script'
+        }).done(fetch_free_floors_done);
+    };
+
+    // при успешном ответе - скроем прелоадер, покажем модальное окно
+    //noinspection JSUnusedLocalSymbols
+    var fetch_free_floors_done = function (data, result) {
+        _map.save_preloader_klass.hide();
+        show_modal_window();
+    };
+
+    // при клике по кнопке "назначить Этаж" - покажем прелоадер, запросим данные с сервера
+    this.onClick = function (e) {
+        if (_this.el.hasClass('disabled')) return;
+        e.preventDefault();
+
+        //console.log("<FloorLinkButton.click>");
+
+        // ID Здания, которому должны принадлежать Этажи без полигонов
+        var bid = _map.current_building.get_bid();
+
+        if (bid == undefined || bid == null) {
+            alert('[ERROR] Перед тем, как назначать Этаж, необходимо назначить Здание полигону.');
+        } else {
+            _map.save_preloader_klass.show();
+            fetch_free_floors(bid);
+        }
+    };
+
+    // инициализация
+    this.init = function (button_css_selector, link_to_map) {
+
+        // фиксируем элементы, настраиваем
+        _map = link_to_map;
+        _this.el = $(button_css_selector);
+        _this.el.on('click', _this.onClick);
+
+        // изначально кнопка "назначить Этаж" скрыта
+        _this.hide();
+
+        // найдем ссылку, клик по которой покажет окно [_modal_window.html.erb]
+        $link_show_modal_window = $('.show_modal_window');
+
+    };
+
+    // спрятать кнопку "назначить этаж"
+    this.hide = function () {
+        _this.el.css('display','none');
+    };
+
+    // показать кнопку "назначить этаж"
+    this.show = function () {
+        //console.log("<FloorLinkButton.show>");
+        _this.el.css('display','block');
+    };
+
+}

data/app/assets/javascripts/c80_map_floors.js.coffee

@@ -1,6 +1,6 @@
 #= require history_jquery
 #= require bootstrap/transition
-#= require bootstrap/modal
+# require bootstrap/modal # Bootstrap Modal immediately disappearing: http://stackoverflow.com/a/13670437 # т.к. 101км это первый проект и там уже много нахуеверчено, в том числе: bootstrap.min.js лежит в папке lib/, то эту строку комментируем (только для 101km)
 #= require bootstrap/tooltip
 #= require bootstrap/alert
 #= require bootstrap/dropdown

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

@@ -25,12 +25,37 @@ function Area() {
     // нарисован и ждёт сохранения на сервере
     //_this.is_new = false;
 
-    _this.init = function (options, parent_building_hash, pself) {
-        console.log("<Area.init>");
-        //console.log(parent_building_hash); // => see building.js init comment
+    _this.init = function (options, parent_floor_json, pself) {
+
+        console.log("<Area.init> options: ");
+        console.log(options);
+
+        // нарисовали полигон площади, находясь на этаже:
+        // => Object { coords: Array[8] }
+
+        // полигон площади уже был нарисован, просто вошли на этаж:
+        // => 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);
+
+        /*
+         Object {
+            ord: 1,
+            id: 2,
+            title: "Первый этаж",
+            tag: "21.1",
+            class_name: "C80MapFloors::Floor",
+            map_building_id: 7,
+            img_bg: Object,
+            img_overlay: Object,
+            img_bg_width: 387,
+            img_bg_height: 225,
+                3 more…
+            }
+         */
 
-        //console.log(options);
-        /*{
+        /*{ // так было в c80_map
             "id": 1,
             "object_type": "area",
             "area_hash": {
@@ -67,13 +92,11 @@ function Area() {
             _this._options.coords[i] = Number(_this._options.coords[i]);
         }
 
-        _this._options.parent_building_hash = parent_building_hash;
-        //console.log(_this._options.parent_building_hash);
-
+        _this._options["parent_floor_json"] = parent_floor_json;
 
         _this._polygon = Polygon.createFromSaved(options, false, _map);
         _this._polygon.area = _this;
-        _this._polygon.parent_building_hash = parent_building_hash;
+        _this._polygon["parent_floor_json"] = parent_floor_json;
         _this._polygon = $(_this._polygon.polygon);
 
         // подпись над полигоном показываем только админам
@@ -102,7 +125,7 @@ function Area() {
 
     // optimisation
     var timeoutEnter = function () {
-        _map.showAreaInfo(_this._options.area_hash, _this._options.parent_building_hash);
+        _map.showAreaInfo(_this._options["data"], _this._options["parent_floor_json"]);
         _map.setMode('view_area');
     };
 
@@ -245,7 +268,7 @@ function Area() {
         return {
             id:                 _this._options["id"],
             coords:             _this._options["coords"],
-            parent_building_id: _this._options.parent_building_hash["id"]
+            parent_floor_id:    _this._options["parent_floor_json"]["id"]
         }
     }
 }

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

@@ -24,6 +24,9 @@ function Building() {
     var _$image_bg = null;
     var _image_overlay = null;
 
+    // если вошли в какой-то этаж - эта переменная будет хранить ссылку на объект с данными полигона Этажа из locations.json
+    var _json_current_floor = null;
+
     var _zoomToMe = function () {
 
         /* рассчитаем масштаб, при котором можно вписать прямоугольник дома в прямоугольник рабочей области */
@@ -49,7 +52,7 @@ function Building() {
         _map.moveTo(x, y, scale, 400, 'easeInOutCubic');
     };
 
-    // the_floor - это as_json модели C80MapFloors::Floor
+    // map_floor_as_json - это as_json модели C80MapFloors::Floor
     /*{
         "map_building_id": 7,
         "img_bg": {
@@ -74,17 +77,27 @@ function Building() {
             "coords": "10,12,110,112",
             "area_representator_id": null,
             "class_name": "C80MapFloors::Area"
+        },
+        "data": {
+            "id": 1,
+            "title": "test building",
+            "square": null,
+            "square_free": null,
+            "desc": null,
+            "floor_height": "2.3м - 4.2м",
+            "price_string": "От 300 руб/м.кв.",
+            "communications": "Интернет, Вода, Свет"
         }
     ]
     }*/
-    var _draw_floor = function (the_floor) {
+    var _draw_floor = function (map_floor_as_json) {
         //console.log('<Building._draw_floor>');
 
         // это тот самый код, который остался без изменений с версии c80_map (прошлой версии)
-        if (the_floor["img_overlay"]["url"] != "null") {
-            //_image_overlay = _map.draw_child_bg_image(the_floor["img_overlay"]["url"], 'building', true);
+        if (map_floor_as_json["img_overlay"]["url"] != "null") {
+            //_image_overlay = _map.draw_child_bg_image(map_floor_as_json["img_overlay"]["url"], 'building', true);
         }
-        if (the_floor["img_bg"]["url"] != "null") {
+        if (map_floor_as_json["img_bg"]["url"] != "null") {
 
             // NOTE::картинку этажа рисуем не по bounding box здания, а по значениям из базы
 
@@ -96,8 +109,8 @@ function Building() {
             // и сложим их с корректирующими координатами coords этажа
             var xx2 = 0;
             var yy2 = 0;
-            if (the_floor["coords"].length) {
-                var tmp2 = the_floor["coords"].split(',');
+            if (map_floor_as_json["coords"].length) {
+                var tmp2 = map_floor_as_json["coords"].split(',');
                 xx2 = parseInt(tmp2[0]);
                 yy2 = parseInt(tmp2[1]);
             }
@@ -106,19 +119,19 @@ function Building() {
             _map.mark_all_map_object_images_for_clean();
 
             // просим карту нарисовать картинку с данными характеристиками
-            _$image_bg = _map.draw_map_object_image_bg(the_floor["img_bg"]["url"], {
+            _$image_bg = _map.draw_map_object_image_bg(map_floor_as_json["img_bg"]["url"], {
                 x: xx + xx2,
                 y: yy + yy2,
-                width: the_floor["img_bg_width"],
-                height: the_floor["img_bg_height"]
+                width: map_floor_as_json["img_bg_width"],
+                height: map_floor_as_json["img_bg_height"]
             }/*, 'building'*/);
 
         } else {
             alert('[ERROR] У этажа нет картинки.');
         }
 
-        // просим карту нарисовать площади
-        _map.draw_childs(the_floor["areas"]/*, _options["rent_building_hash"]*/);
+        // просим карту нарисовать полигоны площадей
+        _map.draw_childs(map_floor_as_json["areas"], map_floor_as_json);
 
     };
 
@@ -156,6 +169,8 @@ function Building() {
             if (typeof _this.options["coords"] == 'string') { /* когда нажимаем ENTER в редакторе и завершаем рисование полигона - приходит массив */
                 _this.options["coords"] = _this.options["coords"].split(',');
             }
+
+            //#-> [iddqd] ВАЖНО: это id  полигона здания
             _this.id = options["id"];
 
             // [NOTE::56dfaw1: парсим координаты объекта на карте, поданные в виде строки]
@@ -164,6 +179,7 @@ function Building() {
             }
 
             // [4ddl5df]: в случае, если это только что отрисованное Здание - генерим временный случайный id
+            //#-> [iddqd] А как же тогда _this.id ? Он будет undefined? Страшно ли это?
             if (_this.options["id"] == undefined) {
                 _this.options["id"] = Math.ceil((Math.random()*100000));
             }
@@ -230,11 +246,18 @@ function Building() {
      * @param floor_id
      */
     _this.enterFloor = function (floor_id) {
-        console.log('<Building.enterFloor> floor_id: ' + floor_id);
+
+        // при входе в этаж - удаляем все кликабельные полигоны с карты
+        _map.svgRemoveAllNodes();
 
         var flr = _map_floors_hash[floor_id];
         if (flr != undefined) {
+            // рисуем картинку этажа (там же будет заказ на отрисовку полигонов площадей)
             _draw_floor(flr);
+            // фиксируем текущий этаж
+            _json_current_floor = flr;
+            console.log('<Building.enterFloor> Вошли на этаж floor_id: ' + floor_id + "; данные полигона этажа: ");
+            console.log(_json_current_floor);
         } else {
             alert('[Building.EnterFloor] error: Нет данных об этаже [карты] floor_id='+floor_id+'.');
         }
@@ -250,6 +273,15 @@ function Building() {
         _$image_bg = null;
         _image_overlay = null;
         //_zoomToMe();
+
+        // чистим переменную "текущий этаж"
+        _json_current_floor = null;
+
+    };
+
+    // выдать данные текущего полигона этажа
+    _this.json_current_floor = function () {
+        return _json_current_floor;
     };
 
     // выдать центр дома в логических координатах
@@ -317,8 +349,20 @@ function Building() {
 
     _this.to_json = function () {
         return {
-            id:     _this.options["id"],
+            id:     _this.options["id"], //#-> [iddqd] А здесь не используется _this.id (т.е. в случае, когда полигон был только что нарисован, to_json вернёт актуальное, правильное значение
             coords: _this.options["coords"]
         }
-    }
+    };
+
+    // выдать id привязанного к полигону Здания
+    this.get_bid = function () {
+      var result = null;
+      if (_options != null) {
+          if (_options["data"] != null && _options["data"] != undefined) {
+              result = _options["data"]["id"];
+          }
+      }
+      return result;
+    };
+
 }

data/app/assets/javascripts/src/main.js

@@ -81,6 +81,8 @@ var InitMap = function (params) {
         self.is_draw = false;
         self.save_button_klass = null;
         self.area_link_button_klass = null;
+        self.building_link_button_klass = null;
+        self.floor_link_button_klass = null;
         self.drawn_areas = []; // если имеются нарисованные но несохранённые Площади - они хранятся тут
         self.drawn_buildings = []; // если имеются нарисованные но несохранённые Здания - они хранятся тут
         self.save_preloader_klass = null;
@@ -261,6 +263,10 @@ var InitMap = function (params) {
                 self.area_link_button_klass = new AreaLinkButton();
                 self.area_link_button_klass.init('.mapplic-area-link-button', self);
 
+                // при клике на эту кнопку произойдет показ модального окна "связать полигон этажа с Этажом"
+                self.floor_link_button_klass = new FloorLinkButton();
+                self.floor_link_button_klass.init('.mapplic-floor-link-button', self);
+
                 // при клике на эту кнопку произойдет показ модального окна, в котором можно будет указать здание, соответствующее полигону
                 self.building_link_button_klass = new BuildingLinkButton();
                 self.building_link_button_klass.init('.mapplic-building-link-button', self);
@@ -281,7 +287,7 @@ var InitMap = function (params) {
             // инициализиуем класс, занимающийся отображением данных о здании\этаже\площади
             self.building_info_klass = new BuildingInfo({
                 onFloorTabChange: function (floor_id) {
-                    self.current_building.enterFloor(floor_id);
+                    self.current_building.enterFloor(floor_id); //#-> только с помощью клика по табам можно войти на Этаж
                 }
             });
 
@@ -388,7 +394,8 @@ var InitMap = function (params) {
 
             function onSvgMousedown(e) {
 
-                if (self.mode === 'editing' || self.mode === "edit_building" || self.mode === 'edit_area') {
+                //#-> Убрал 'edit_building', т.к. мы не можем ничего нарисовать в этом режиме - картинки этажей добавляются через админку
+                if (self.mode === 'editing' || self.mode === 'edit_area' || self.mode === 'edit_floor') { // || self.mode === "edit_building"
                     if (e.target.parentNode.tagName === 'g') {
                         console.log("<onSvgMousedown> e = ");
                         //console.log(e.pageX);
@@ -579,9 +586,9 @@ var InitMap = function (params) {
                                 }
                             }
 
-                            /* если находимся в режиме просмотра здания - входим в площадь */
+                            /* если находимся в режиме просмотра здания - входим в площадь (так было в c80_map) */
                             /* если находится в режиме просмотра площади - переключаемся на другую площадь */
-                            else if (self.mode == 'view_building' || self.mode == 'view_area') {
+                            else if (self.mode == 'view_floor' || self.mode == 'view_area') { // self.mode == 'view_building' (так было в c80_map)
 
                                 //console.log($(event.target).parent());
                                 // => g, который живёт в #svg_overlay, или, другими словами,
@@ -602,6 +609,8 @@ var InitMap = function (params) {
                                     console.log("<mouseup> Входим в площадь. self.last_clicked_g = ");
                                     console.log(self.last_clicked_g);
                                     area.enter();
+                                } else {
+                                    console.log('<mouseup> [ERROR] у полигона нет объекта Area.js класса.');
                                 }
 
                             }
@@ -702,7 +711,7 @@ var InitMap = function (params) {
                     var style = "display:block;position:absolute;background-color:#00ff00;opacity:0.4;";
                     var style_x = style + "width:1px;height:800px;top:0;left:{X}px;";
                     var style_y = style + "width:3000px;height:1px;left:0;top:{Y}px;";
-                    var style_dot = style + 'width:4px;height:4px;left:{X}px;top:{Y}px;';
+                    //var style_dot = style + 'width:4px;height:4px;left:{X}px;top:{Y}px;';
 
                     var to_draw = [
                         {x: self.X10},
@@ -710,11 +719,11 @@ var InitMap = function (params) {
                         {y: self.Y10},
                         {y: self.Y20},
                         {x: self.CX},
-                        {y: self.CY},
+                        {y: self.CY}
                     ];
 
 
-                    var i, istyle, xx, yy, ip;
+                    var i, istyle, ip;
                     for (i = 0; i < to_draw.length; i++) {
                         ip = to_draw[i];
 
@@ -787,7 +796,7 @@ var InitMap = function (params) {
          *           можно было отобразить характеристики Здания родителя C80Rent:Building.
          */
         self.draw_childs = function (childs, parent_hash) {
-            //console.log("<Map.draw_childs>");
+            console.log("<Map.draw_childs>");
 
             //var ip;
             var iobj;
@@ -941,7 +950,7 @@ var InitMap = function (params) {
         };
 
         self.onDrawStop = function (e) {
-            console.log("<Map.onDrawStop>");
+            console.log("<Map.onDrawStop> Закончили рисовать.");
 
             if (e != undefined) {
                 if (e.type == 'keydown' && e.keyCode == 13) {
@@ -959,22 +968,31 @@ var InitMap = function (params) {
                 _n_f.setCoords(_n_f.params).deselect();
                 delete(_n_f.polyline);
 
-                // в зависимости от предыдущего состояния, создадим либо Здание, либо Площадь
-                if (self.prev_mode == "edit_building") {
+                //#-> создадим либо полигон Здания, либо полигон Площади
+
+                if (self.prev_mode == "edit_floor") {
+                    console.log("<Map.onDrawStop> Создаём Area.");
+
                     var bo = self.current_building.options;
+                    var fo = self.current_building.json_current_floor();
                     var a = new Area();
-                    a.init({ coords:_n_f.params }, bo, self);
+                    a.init({ coords:_n_f.params }, fo, self);
                     //a.is_new = true;
                     _n_f.remove(); // удаляем нарисованный полигон, т.к. его уже заменили полигоном Area
                     self.registerJustDrownArea(a);
                 }
                 else if (self.prev_mode == 'editing') {
+                    console.log("<Map.onDrawStop> Создаём Building.");
                     var b = new Building();
                     b.init({ coords:_n_f.params }, self);
                     //b.is_new = true;
                     _n_f.remove(); // удаляем нарисованный полигон, т.к. его уже заменили полигоном Building
                     self.registerJustDrownBuilding(b);
                 }
+                //else if (self.prev_mode == 'edit_building') {
+                    // todo: new Floor (?)
+                    //#-> нет, мы не можем нарисовать полигонЭтажа. Этаж - это картинка, которая просто видна при входе в Этаж, создаётся через админку
+                //}
 
                 self.removeAllEvents();
                 self.drawing_poligon = null;
@@ -1006,8 +1024,7 @@ var InitMap = function (params) {
          * Зная ширину контейнера и контента,
          * используя указанные параметры,
          * рассчитать нормальный X
-         * @param x
-         * @param scale
+         * @param params
          * @returns {*}
          */
         self.normalizeX = function (params) {
@@ -1030,8 +1047,7 @@ var InitMap = function (params) {
          * Зная высоту контейнера и контента,
          * используя указанные параметры,
          * рассчитать нормальный Y
-         * @param y
-         * @param scale
+         * @param params
          * @returns {*}
          */
         self.normalizeY = function (params) {
@@ -1086,7 +1102,7 @@ var InitMap = function (params) {
          *      - по регулярке извлекать left и top
          *      - трансформировать эти значения
          *      - изменить атрибут viewBox обоих svg слоёв
-         *      
+         *
          *      Изначально была задумка каждый шаг анимации вызывать эту функцию.
          *      Но затем во время оптимизации слои с svg стали видны только тогда,
          *      когда анимация не проходит. По-этому этот код был поставлен на setTimeout
@@ -1143,7 +1159,7 @@ var InitMap = function (params) {
             __afterMovingCorrectSvgLayersPositions();
 
         };
-        
+
         var __moveToTimeout = function () {
             if (self.mode === 'edit_area'|| self.mode === 'view_area') {
                 $("#masked").removeClass('hiddn');
@@ -1290,9 +1306,10 @@ var InitMap = function (params) {
         };
 
         // показать инфо о просматриваемой площади
-        self.showAreaInfo = function (area_hash, parent_building_hash) {
+        self.showAreaInfo = function (area_json, parent_floor_json) {
             //console.log(area_hash);
 
+            // так было в c80_map
             //"area_hash": {
             //        "id": 2,
             //        "title": "Площадь 2.12",
@@ -1306,6 +1323,7 @@ var InitMap = function (params) {
             //            "price": "от 155 руб/кв.м в месяц"
             //    }
 
+            // так было в c80_map
             //"rent_building_hash": {
             //        "id": 2,
             //        "title": "Здание 2",
@@ -1319,20 +1337,24 @@ var InitMap = function (params) {
             //            "price": "от 155 руб/кв.м в месяц"
             //    }
 
-            $building_info.find("h2").html("</span>" + area_hash["title"] + "<span style='color:#D0B2B2;'> / " + parent_building_hash["title"]);
+            if (area_json == null || area_json == undefined) {
+                alert('[ERROR] У полигона нет привязки к Площади. Привяжите полигон площади.');
+            } else {
+                $building_info.find("h2").html("</span>" + area_json["title"] + "<span style='color:#D0B2B2;'> / " + parent_floor_json["title"]);
 
-            var v;
-            for (var p in area_hash["props"]) {
-                v = area_hash["props"][p];
-                $building_info.find("#" + p).find('span').text(v);
-            }
+                var v;
+                for (var p in area_json["props"]) {
+                    v = area_json["props"][p];
+                    $building_info.find("#" + p).find('span').text(v);
+                }
 
-            $building_info.find("#square_free").css('height', '0');
+                $building_info.find("#square_free").css('height', '0');
 
-            // заполняем данными ссылку 'Оставить заявку'
-            var $a_make_order = $building_info.find('.c80_order_invoking_btn');
-            $a_make_order.data('comment-text', 'Здравствуйте, оставляю заявку на площадь: ' + area_hash["title"]);
-            $a_make_order.data('subj-id', area_hash["id"]);
+                // заполняем данными ссылку 'Оставить заявку'
+                var $a_make_order = $building_info.find('.c80_order_invoking_btn');
+                $a_make_order.data('comment-text', 'Здравствуйте, оставляю заявку на площадь: ' + area_json["title"]);
+                $a_make_order.data('subj-id', area_json["id"]);
+            }
 
         };
 
@@ -1382,6 +1404,11 @@ var InitMap = function (params) {
 
         };
 
+        // взять C80MapFloors::current_floor и назначить ему sfloor.id выбранный в окне _modal_window.html.erb
+        self.link_floor = function () {
+            console.log('<link_floor> Связать Этаж sfloor.id=' + sfloor.id + ' с полигоном current_floor=' + current_floor + '.');
+        };
+
         // взять C80MapFloors::current_building и назначить ему Rent::building.id,
         // выбранный в окне _modal_window.html.erb
         self.link_building = function () {
@@ -1394,7 +1421,7 @@ var InitMap = function (params) {
 
             // извлекаем значения
             var rent_building_id = $s.val();
-            var map_building_id = self.current_building.id;
+            var map_building_id = self.current_building.id; //#-> [iddqd]
             //console.log("<Map.link_area> rent_building_id = " + rent_building_id + "; map_building_id = " + map_building_id);
 
             // нажимаем кнопку "закрыть"

data/app/assets/javascripts/src/state_controller.js

@@ -78,6 +78,8 @@ function StateController() {
             case "editing":
                 //<editor-fold desc="...">
 
+                console.log("<StateController.setMode> <ожидается рисование полигонов Зданий>.");
+
                 // спрячем надписи "цена за метр" и адрес с телефоном
                 _this.left_side.css("top", -300);
                 _this.right_side.css("top", -300);
@@ -345,8 +347,8 @@ function StateController() {
                 // прячем masked слой - а там что (запомятовал)?
                 _this.masked.addClass('hiddn');
 
-                // скроем кнопку "связать здание с полигоном"
-                _map.building_link_button_klass.hide();
+                // скроем кнопку "связать этаж с полигоном" (которая видна при выходе из режима редактирования этажа)
+                _map.floor_link_button_klass.hide();
 
                 // прячем кнопку "отправить заявку на аренду площади"
                 _this.area_order_button.css('display', 'none');
@@ -376,11 +378,13 @@ function StateController() {
             case 'edit_floor':
                 //<editor-fold desc="...">
 
+                console.log("<StateController.setMode> <Ожидается рисование полигонов Площадей>.");
+
                 // спрячем кнопку "обратно на карту"
                 _map.back_to_map_button_klass.hide();
 
-                // покажем кнопку "связать здание с полигоном"
-                //_map.building_link_button_klass.show();
+                // покажем кнопку "связать Этаж с полигоном"
+                _map.floor_link_button_klass.show();
 
                 // т.к. этот слой используется испключительно в помощь при рисовании обводки площадей и перехватывает клики при dnd, то тут он нам не нужен
                 _this.svg_overlay.css('display', 'none');

data/app/assets/stylesheets/map.scss

@@ -442,7 +442,7 @@
           font-size: 14px;
         }
 
-        &.editing, &.edit_area, &.edit_building {
+        &.editing, &.edit_area, &.edit_floor {
           background-color: #a10000;
         }
       }
@@ -499,7 +499,7 @@
 
       }
 
-      &.mapplic-area-link-button, &.mapplic-building-link-button {
+      &.mapplic-area-link-button, &.mapplic-building-link-button, &.mapplic-floor-link-button {
         border-radius: 0 0 1px 1px;
         border-top: none;
         background-color: #a10000;
@@ -1346,7 +1346,7 @@ div#map_wrapper {
 
     &.editing,
     &.edit_area,
-    &.edit_building {
+    &.edit_floor {
       #svg {
 
         rect.helper {

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

@@ -1,5 +1,10 @@
 div#modal_window {
 
+  h4.modal-title {
+    font-size: 15px;
+    color: #161616;
+  }
+
   .modal-body {
     font-size: 12px;
   }

data/app/controllers/c80_map_floors/ajax_controller.rb

@@ -12,6 +12,15 @@ module C80MapFloors
 
     end
 
+    # js-кнопка "связать полигон с этажом" запрашивает список несвязанных с полигонами Этажи (указанного здания)
+    def fetch_unlinked_floors
+      Rails.logger.debug "[TRACE] <AjaxController.fetch_unlinked_floors> params = #{params}"
+      # [TRACE] <AjaxController.fetch_unlinked_floors> params = {"building_id"=>"1", "controller"=>"c80_map_floors/ajax", "action"=>"fetch_unlinked_floors"}
+
+      @unlinked_floors = Sfloor.unlinked_floors(params[:building_id]) # Sfloor - Этаж из host app, который еще и floor_representator
+
+    end
+
     def fetch_unlinked_buildings
       # Rails.logger.debug "<AjaxController.fetch_unlinked_buildings> params = #{params}"
 

data/app/controllers/c80_map_floors/map_ajax_controller.rb

@@ -5,7 +5,6 @@ module C80MapFloors
       # Rails.logger.debug "<MapAjaxController.save_map_data> params = #{params}"
 
       #{ "buildings"=>{"0"=>{"coords"=>["2496.5894495412845",...]}} }
-      #{ "areas"=>{"0"=>{"coords"=>["2496.5894495412845",...]}} }
 
       # ЗДАНИЯ
       # в случае успеха - вернём id созданного здания,
@@ -14,6 +13,18 @@ module C80MapFloors
       # завершаем всё обновленным locations.json, который Map возьмёт
       # и положит в data
 
+      # ПЛОЩАДИ
+      #
+      # как было:
+      # {"areas"=>{"0"=>{"id"=>"61319", "coords"=>[..], "parent_building_id"=>"2"}}}
+      # как стало:
+      # {"areas"=>{"0"=>{"id"=>"61319", "coords"=>[..], "parent_floor_id"=>"2"}}}
+      # ...
+      # INSERT INTO `c80_map_floors_areas` (`coords`, `floor_id`, `created_at`, `updated_at`) VALUES ('...', 2, '2016-12-11 05:48:33.629883', '2016-12-11 05:48:33.629883')
+      #
+      #
+
+
       result = {
           areas: [],
           buildings: [],
@@ -37,7 +48,7 @@ module C80MapFloors
         end
       end
 
-      # затем создадим области
+      # затем создадим площади
       if params[:areas].present?
         params[:areas].each_key do |key|
           new_area_options = params[:areas][key]
@@ -45,7 +56,7 @@ module C80MapFloors
           # puts "<MapAjaxController.save_map_data> new_area_options[:coords] = #{new_area_options[:coords]}"
           a = C80MapFloors::Area.new({
                            coords: new_area_options[:coords].join(','),
-                           map_building_id: new_area_options[:parent_building_id]
+                           floor_id: new_area_options[:parent_floor_id]
                        })
 
           if a.valid?

data/app/models/c80_map_floors/floor_representator.rb

@@ -22,13 +22,15 @@ module C80MapFloors
           has_one :floor, :as => :map_floor_representator, :class_name => 'C80MapFloors::Floor', :dependent => :nullify
           # after_save :update_json # NOTE:: возможно, временно
 
-          def self.unlinked_floors
+          # выдать список несвязанных с полигонами Этажей (указанного здания building_id)
+          def self.unlinked_floors(building_id)
             res = []
             self.all.each do |sfloor|
               unless sfloor.floor.present?
                 res << sfloor
               end
             end
+            Rails.logger.debug "[TRACE] <floor_representator.unlinked_floors> Кол-во несвязанных Этажей: #{res.count}."
             res
           end
 

data/app/views/c80_map_floors/ajax/fetch_unlinked_floors.js.erb

@@ -0,0 +1,7 @@
+var $m = $('#modal_window');
+var $cc = $m.find('.modal-body');
+var html_str = "<%= j render :partial => 'c80_map_floors/ajax/shared/select_list_unlinked_floors',
+                                            :locals => {
+                                                floors:@unlinked_floors
+                                            } %>";
+$cc.html(html_str);

data/app/views/c80_map_floors/ajax/map_edit_buttons.js.erb

@@ -21,6 +21,9 @@
     $html = $('<a href="#" class="mapplic-area-link-button" data-placement="right" data-toggle="tooltip" title="Назначить Площадь"></a>');
     $btn_layer.prepend($html);
 
+    $html = $('<a href="#" class="mapplic-floor-link-button" data-placement="right" data-toggle="tooltip" title="Назначить Этаж"></a>');
+    $btn_layer.prepend($html);
+
     var $status_layer = $('.status_bar');
     $html = $("<%= j render 'c80_map_floors/ajax/shared/map_creating' %>");
     $status_layer.append($html);

data/app/views/c80_map_floors/ajax/shared/_select_list_unlinked_floors.html.erb

@@ -0,0 +1,6 @@
+<select id="unlinked_floors" class="selectpicker" data-style="btn-default">
+<% floors.each do |floor| %>
+    <option value="<%= floor.id%>"><%= floor.title %></option>
+<% end %>
+</select>
+<button type="button" id='submit_floor_link' class="btn btn-success">Сохранить</button>

data/app/views/c80_map_floors/shared/_modal_window.html.erb

@@ -3,7 +3,7 @@
             :data => {
                     :toggle => 'modal'
             },
-            :class => 'hidden2 show_modal_window',
+            :class => 'hidden show_modal_window',
             :title => 'Показать modal window'
 %>
 

data/config/routes.rb

@@ -1,4 +1,6 @@
 C80MapFloors::Engine.routes.draw do
   match '/save_map_data', to: 'map_ajax#save_map_data', via: :post
   match '/ajax/map_edit_buttons', :to => 'ajax#map_edit_buttons', :via => :post
+
+  match '/ajax/fetch_unlinked_floors', to: 'ajax#fetch_unlinked_floors', via: :post
 end

data/lib/c80_map_floors/version.rb

@@ -1,3 +1,3 @@
 module C80MapFloors
-  VERSION = '0.1.0.5'
+  VERSION = '0.1.0.6'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: c80_map_floors
 version: !ruby/object:Gem::Version
-  version: 0.1.0.5
+  version: 0.1.0.6
 platform: ruby
 authors:
 - C80609A
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-12-02 00:00:00.000000000 Z
+date: 2016-12-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -117,6 +117,7 @@ files:
 - app/assets/javascripts/buttons/admin_buttons/button_cancel_remove.js
 - app/assets/javascripts/buttons/admin_buttons/button_complete_create.js
 - app/assets/javascripts/buttons/admin_buttons/button_edit.js
+- app/assets/javascripts/buttons/admin_buttons/button_floor_link.js
 - app/assets/javascripts/buttons/admin_buttons/button_new.js
 - app/assets/javascripts/buttons/admin_buttons/button_remove.js
 - app/assets/javascripts/buttons/admin_buttons/button_save.js
@@ -175,12 +176,14 @@ files:
 - app/views/c80_map_floors/_map_row_index.html.erb
 - app/views/c80_map_floors/ajax/fetch_unlinked_areas.js.erb
 - app/views/c80_map_floors/ajax/fetch_unlinked_buildings.js.erb
+- app/views/c80_map_floors/ajax/fetch_unlinked_floors.js.erb
 - app/views/c80_map_floors/ajax/map_edit_buttons.js.erb
 - app/views/c80_map_floors/ajax/shared/_map_creating.html.erb
 - app/views/c80_map_floors/ajax/shared/_map_editing.html.erb
 - app/views/c80_map_floors/ajax/shared/_map_removing.html.erb
 - app/views/c80_map_floors/ajax/shared/_select_list_unlinked_areas.html.erb
 - app/views/c80_map_floors/ajax/shared/_select_list_unlinked_buildings.html.erb
+- app/views/c80_map_floors/ajax/shared/_select_list_unlinked_floors.html.erb
 - app/views/c80_map_floors/shared/_modal_window.html.erb
 - app/views/c80_map_floors/shared/_save_preloader.html.erb
 - app/views/c80_map_floors/shared/map_row/_area_order_button.html.erb