c80_map_floors 0.1.0.3 → 0.1.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: caa429ebe88b99d0a303010a2794cae3935e8d30
-  data.tar.gz: 6d2440c4d8a4b1793f3ccc6ae2fde6065460f09a
+  metadata.gz: 91d37bea3434e0d10977e8898d1db9795c43a7cd
+  data.tar.gz: 0aa35d9922a21214f3c00362cab648250b9beb6d
 SHA512:
-  metadata.gz: 59d17da106e56573b4e644b6ac22a65d5cff1376f0d83ef5cbe56342a610c1f07b56544da1911d2ef81f05674fb0947a1a45108213dd26b62903980c7c7003a1
-  data.tar.gz: fa3b4d8e7c6d3cf39e2da4c3c786eefbb4a892dff3235cf7c9eec9827f3c22f7d483c3380a196eceff1bfae19cecf7ce03c8fa948b90ee3e48e3d1e2afee928e
+  metadata.gz: e56584f2ae7aa2536b880c7ac011de97003d32bf913fc2bff321e6697433ecb42ad2696b50bd6cb0e2abcbc4ef4a1520c9627ebc225f6d0b669d0928ed3853d3
+  data.tar.gz: 114a367c49d227dac7aa1008a7f51855604c12581048e9e3b14332be9c03160747c63ad78537812e4ad3ff1bbaadd62974e341b48e2a97647ce390b3e8bc977a

data/app/assets/javascripts/buttons/button_back_to_map.js

@@ -44,6 +44,7 @@ function BackToMapButton() {
         _cnt = $('<div></div>').addClass('back_to_map_button');
         _cnt.appendTo($(parent_div_selector));
         _btn = $('<a href="#" id="BackToMapButton">Обратно на карту</a>');
+        //noinspection JSUnresolvedFunction
         _btn.on('click', _onClick);
         _cnt.append(_btn);
 
@@ -53,8 +54,8 @@ function BackToMapButton() {
 
     _this.show = function () {
 
-        // хардкод - подгоняем под длину анимации, прописанной в css
-        setTimeout(__show, 800);
+        // хардкод - подгоняем под длину анимации, прописанной в css (+200 ms на возможный лаг)
+        setTimeout(__show, 1000);
 
 
     };

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

@@ -22,6 +22,7 @@
 #= require ./src/utils/utils.js
 #= require ./src/utils/opacity_buttons_utils.js
 #= require ./src/utils/map_utils.js
+#= require ./src/utils/i18n.js
 #= require ./src/state_controller.js
 #= require ./src/image_loader.js
 #= require ./src/main.js

data/app/assets/javascripts/lib/obj_size.js

@@ -0,0 +1,31 @@
+"use strict";
+
+// StackOverflow: How to get object length
+// http://stackoverflow.com/a/24457767/4209080
+
+//noinspection JSUnusedGlobalSymbols
+var fCalcObjSize = function (obj) {
+    var count = 0;
+
+    if (typeof obj == "object") {
+
+        if (Object.keys) {
+            count = Object.keys(obj).length;
+        } else {
+            //noinspection JSUnresolvedVariable
+            if (window._) {
+                //noinspection JSUnresolvedVariable
+                count = _.keys(obj).length;
+            } else if (window.$) {
+                count = $.map(obj, function () {
+                    return 1;
+                }).length;
+            } else {
+                for (var key in obj) if (obj.hasOwnProperty(key)) count++;
+            }
+        }
+
+    }
+
+    return count;
+};

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

@@ -26,10 +26,10 @@ function Area() {
     //_this.is_new = false;
 
     _this.init = function (options, parent_building_hash, pself) {
-        clog("<Area.init>");
-        //clog(parent_building_hash); // => see building.js init comment
+        console.log("<Area.init>");
+        //console.log(parent_building_hash); // => see building.js init comment
 
-        //clog(options);
+        //console.log(options);
         /*{
             "id": 1,
             "object_type": "area",
@@ -68,7 +68,7 @@ function Area() {
         }
 
         _this._options.parent_building_hash = parent_building_hash;
-        //clog(_this._options.parent_building_hash);
+        //console.log(_this._options.parent_building_hash);
 
 
         _this._polygon = Polygon.createFromSaved(options, false, _map);
@@ -108,7 +108,7 @@ function Area() {
 
     _this.enter = function () {
         //console.log("<Area.enter>");
-        //clog(_this._options);
+        //console.log(_this._options);
 
         /* рассчитаем масштаб, при котором можно вписать прямоугольник дома в прямоугольник рабочей области */
 
@@ -132,8 +132,8 @@ function Area() {
             scale: scale
         });
 
-        //clog("<Area.enter> [qq] moveTo: " + _map.x + ", " + _map.y);
-        //clog("<Area.enter> Call moveTo.");
+        //console.log("<Area.enter> [qq] moveTo: " + _map.x + ", " + _map.y);
+        //console.log("<Area.enter> Call moveTo.");
         _map.moveTo(x, y, scale, 400, 'easeInOutCubic');
 
         setTimeout(timeoutEnter, 400);
@@ -141,7 +141,7 @@ function Area() {
         var k;
         if (_map.current_area != null) {
             k = _map.current_area._polygon.parent().attr('class');
-            //clog("k = " + k);
+            //console.log("k = " + k);
             k = k.split('viewing_area').join("");
             _map.current_area._polygon.parent().attr("class", k);
         }
@@ -188,7 +188,7 @@ function Area() {
             ix = coords[i];
             iy = coords[i + 1];
 
-            //clog(xmin + " VS " + ix);
+            //console.log(xmin + " VS " + ix);
             xmin = (ix < xmin) ? ix : xmin;
             ymin = (iy < ymin) ? iy : ymin;
 
@@ -207,19 +207,19 @@ function Area() {
         _cx = xmin + (xmax - xmin) / 2;
         _cy = ymin + (ymax - ymin) / 2;
 
-        //clog("<Area._calcBBox> " +
+        //console.log("<Area._calcBBox> " +
             //xmin + "," + ymin + "; " + xmax + "," + ymax +
         //"; center logical: " + _cx + "," + _cy + ", center screen: " + _map.rightX(_cx) + ", " + _map.rightY(_cy));
     };
 
     _this._mouse_in = function () {
-        //clog('<Area._mouse_in>');
-        //clog(_this._polygon);
+        //console.log('<Area._mouse_in>');
+        //console.log(_this._polygon);
         _this._polygon.attr('class', 'hover');
     };
 
     _this._mouse_out = function () {
-        //clog('<Area._mouse_out>');
+        //console.log('<Area._mouse_out>');
         _this._polygon.attr('class', '');
     };
 
@@ -234,7 +234,7 @@ function Area() {
             res += ix + "px " + iy + "px,"
         }
 
-        //clog("<Area._calc_polygon_attr> res = " + res);
+        //console.log("<Area._calc_polygon_attr> res = " + res);
         res = res.slice(0, res.length - 1);
         res = "-webkit-clip-path:polygon(" + res + ")";
         return res;

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

@@ -7,8 +7,8 @@ function Building() {
     var _options = null;
     var _polygon = null;
 
-    // хэш с данными об этажах
-    var _data_floors = {};
+    // хэш с этажами здания
+    var _map_floors_hash = {};
 
     // экранные координаты левой верхней точки, куда надо вписать полигон здания
     //var _left_page_x = 342;
@@ -130,7 +130,7 @@ function Building() {
         for (i = 0; i < options_floors.length; i++) {
             ifloor_json = options_floors[i];
             ifloor_id = ifloor_json["id"];
-            _data_floors[ ifloor_id ] = ifloor_json;
+            _map_floors_hash[ ifloor_id ] = ifloor_json;
         }
 
     };
@@ -190,13 +190,30 @@ function Building() {
 
         setTimeout(function () {
 
-            // попросим изменить состояние окружающей среды
-            _map.setMode('view_building');
-
             // запустим внутренний механизм парсинга этажей и их отрисовки
             _proccess_floors_data();
 
-            _map.building_info_klass.setSelectedFloor(0);
+            // если у ПолигонаЗдания есть ПолигоныЭтажей - войдем в 1й этаж
+            if (fCalcObjSize(_map_floors_hash) > 0) {
+                console.log("<Building.enter> У ПолигонаЗдания есть ПолигоныЭтажей  - войдём на 1й этаж.");
+
+                // клик по первой tab-кнопке заставит войти на 1й этаж
+                _map.building_info_klass.setSelectedFloor(0);
+
+                // попросим изменить состояние окружающей среды
+                _map.setMode('view_floor');
+
+            }
+            // если у здания нет этажей - перейдём в режим просмотра здания
+            else {
+                console.log("<Building.enter> У ПолигонаЗдания НЕТ ПолигоновЭтажей - просто войдём в Здание.");
+
+                // NOTE:: но кнопки этажей могут при этом быть отрисованы - т.к. кнопки строятся по ПолигонамЭтажей.
+
+                // попросим изменить состояние окружающей среды
+                _map.setMode('view_building');
+            }
+
 
         }, 400);
 
@@ -209,17 +226,17 @@ function Building() {
     };
 
     /**
-     * Войти на этаж здания.
+     * Войти на этаж здания - т.е. НАРИСОВАТЬ картинку этажа.
      * @param floor_id
      */
     _this.enterFloor = function (floor_id) {
         console.log('<Building.enterFloor> floor_id: ' + floor_id);
 
-        var flr = _data_floors[floor_id];
+        var flr = _map_floors_hash[floor_id];
         if (flr != undefined) {
             _draw_floor(flr);
         } else {
-            alert('[Buidling.EnterFloor] error: Нет данных об этаже floor_id='+floor_id+'.');
+            alert('[Building.EnterFloor] error: Нет данных об этаже [карты] floor_id='+floor_id+'.');
         }
 
 

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

@@ -39,10 +39,6 @@ var InitMap = function (params) {
 
 };
 
-var clog = function () {
-    console.log(arguments[0]);
-};
-
 (function () {
 
     var Map = function () {
@@ -236,7 +232,7 @@ var clog = function () {
                     div_css_selector: '#container_buttons .mzoom_buttons'
                 }
             }).done(function () {
-                clog('<ajax.done>');
+                console.log('<ajax.done>');
 
                 self.edit_button_klass = new EditButton();
                 self.edit_button_klass.init('.mapplic-edit-button', self);
@@ -356,7 +352,7 @@ var clog = function () {
                         y: self.CY - self.scale * cy - self.container.offset().top,
                         scale: self.scale
                     });
-                    clog("<$(window).resize> call moveTo");
+                    console.log("<$(window).resize> call moveTo");
                     self.moveTo(self.x, self.y, self.scale, 100);
 
                     // если пользователь ещё не взаимодействовал с картой (т.е. она только загрузилась и готова к использованию)
@@ -391,14 +387,13 @@ var clog = function () {
             }; // IE drag fix
 
             function onSvgMousedown(e) {
-                clog("<onSvgMousedown> self.mode = " + self.mode);
 
                 if (self.mode === 'editing' || self.mode === "edit_building" || self.mode === 'edit_area') {
                     if (e.target.parentNode.tagName === 'g') {
-                        clog("<onSvgMousedown> e = ");
-                        //clog(e.pageX);
-                        //clog("<mouseDown> e.target.parentNode.tagName = " + e.target.parentNode.tagName);
-                        //clog(e.target);
+                        console.log("<onSvgMousedown> e = ");
+                        //console.log(e.pageX);
+                        //console.log("<mouseDown> e.target.parentNode.tagName = " + e.target.parentNode.tagName);
+                        //console.log(e.target);
                         //info.unload();
 
                         // запомним ссылку на "выбранную" область
@@ -418,8 +413,8 @@ var clog = function () {
                         // если взаимодействуем с вершиной
                         if (utils.hasClass(e.target, 'helper')) {
                             var helper = e.target;
-                            //clog("<mouseDown> helper.action = ");
-                            //clog(helper.action);
+                            //console.log("<mouseDown> helper.action = ");
+                            //console.log(helper.action);
                             self.edit_type = helper.action; // pointMove
 
                             if (helper.n >= 0) { // if typeof selected_area == polygon
@@ -449,9 +444,9 @@ var clog = function () {
 
             // Drag & drop
             function onDragNdrop(event) {
-                //clog("<mousedown> edit_type = " + self.edit_type);
+                //console.log("<mousedown> edit_type = " + self.edit_type);
                 console.log("<mousedown> mode = " + self.mode + " dnd_enable = " + self.o.dnd_enable);
-                //clog(event);
+                //console.log(event);
 
                 // если в данный момент не редактируем фигуру (т.е. не двигаем вершину фигуры)
                 if (self.edit_type == null) {
@@ -483,25 +478,26 @@ var clog = function () {
                                 scale: self.scale
                             });
 
-                            //clog("<Map.mousemove> x = " + x + "; y = " + y);
-                            //clog("<Map.mousemove> Call moveTo.");
+                            //console.log("<Map.mousemove> x = " + x + "; y = " + y);
+                            //console.log("<Map.mousemove> Call moveTo.");
                             self.moveTo(x, y); /* NOTE:: вызывается во время dnd */
                             map.data('lastX', x);
                             map.data('lastY', y);
                         }
                     });
 
+                    //noinspection JSUnresolvedFunction
                     $(document).on('mouseup', function (event) {
-                        //clog("<mouseup> dragging = " + self.dragging + ", mode = " + self.mode + "; is_draw = " + self.is_draw + "; scale = " + self.scale);
-                        //clog("<mouseup> event = ");
-                        //clog(event);
-                        //clog("<mouseup> event.target = ");
-                        //clog($(event.target).parent()[0].obj);
+                        //console.log("<mouseup> dragging = " + self.dragging + ", mode = " + self.mode + "; is_draw = " + self.is_draw + "; scale = " + self.scale);
+                        //console.log("<mouseup> event = ");
+                        //console.log(event);
+                        //console.log("<mouseup> event.target = ");
+                        //console.log($(event.target).parent()[0].obj);
 
-                        //clog("<mouseup> [qq] screen: " + event.pageX + ", " + event.pageY +
+                        //console.log("<mouseup> [qq] screen: " + event.pageX + ", " + event.pageY +
                         //"; logic: " + self.rightX(event.pageX) + ", " + self.rightY(event.pageY));
 
-                        clog("<mouseup> self.mode = " + self.mode);
+                        console.log("<mouseup> Отпустили мышь после клика, текущий режим карты: mode = " + self.mode);
 
                         // исключаем случайный dnd дрожащей рукой
                         var dx = map.data('startX') - map.data('lastX');
@@ -523,13 +519,13 @@ var clog = function () {
 
                             /* если находимся в режиме просмотра всей карты - входим в здание */
                             if (self.mode == 'viewing') {
-                                //clog($(event.target).parent()[0].obj.building);
+                                //console.log($(event.target).parent()[0].obj.building);
 
                                 // добираемся до объекта класса Здание, который обслуживает полигон
                                 p = $(event.target).parent()[0];
                                 if (p.obj && p.obj.building) {
                                     var building = p.obj.building;
-                                    clog("<mouseup> Входим в здание.");
+                                    console.log("<mouseup> Текущий mode карты 'viewing' => Входим в здание (а потом building сам решит, входить ли на 1й этаж).");
                                     self.current_building = building;
                                     building.enter();
                                 }
@@ -544,7 +540,7 @@ var clog = function () {
 
                                     var xx = self.rightX(event.pageX);
                                     var yy = self.rightY(event.pageY);
-                                    //clog("<mouseup> " + xx + "; " + yy);
+                                    //console.log("<mouseup> " + xx + "; " + yy);
 
                                     self.drawing_poligon = new Polygon(xx, yy, false, self);
 
@@ -595,7 +591,7 @@ var clog = function () {
 
                                 // добираемся до объекта класса Area, который обслуживает полигон
                                 p = $viewing_g_from_svg_overlay[0];
-                                //clog($(event.target).parent()[0].obj.area_hash);
+                                //console.log($(event.target).parent()[0].obj.area_hash);
 
                                 if (p.obj && p.obj.area) {
 
@@ -603,15 +599,18 @@ var clog = function () {
                                     self.last_clicked_g = $viewing_g_from_svg_overlay;
 
                                     var area = p.obj.area;
-                                    clog("<mouseup> Входим в площадь. self.last_clicked_g = ");
-                                    clog(self.last_clicked_g);
+                                    console.log("<mouseup> Входим в площадь. self.last_clicked_g = ");
+                                    console.log(self.last_clicked_g);
                                     area.enter();
                                 }
 
                             }
+
                         }
 
+                        //noinspection JSUnresolvedFunction
                         self.map.off('mousemove');
+                        //noinspection JSUnresolvedFunction
                         $(document).off('mouseup');
 
                         map.removeClass('mdragging');
@@ -619,7 +618,9 @@ var clog = function () {
                 }
             }
 
+            //noinspection JSUnresolvedFunction
             self.svg.on('mousedown', onDragNdrop);
+            //noinspection JSUnresolvedFunction
             self.svg_overlay.on('mousedown', onDragNdrop);
 
             self.el[0].addEventListener('mousemove', function (e) {
@@ -648,7 +649,7 @@ var clog = function () {
 
         // какой должен быть минимальный масштаб, чтобы вписать отрезок [min,max] в отрезок [p1,p2]
         self.calcScale = function (min, max, p1, p2) {
-            //clog("<calcScale> [" + min + "," + max + '] to [' + p1 + "," + p2 + "]");
+            //console.log("<calcScale> [" + min + "," + max + '] to [' + p1 + "," + p2 + "]");
             return (p2 - p1) / (max - min);
         };
 
@@ -667,7 +668,7 @@ var clog = function () {
         var _$address_p = $('#paddress'); // 20161003: после редизайна надо дополнительно позиционировать блок с адресом
 
         self.ivalidateViewArea = function () {
-            //clog('<init> _$b.offset().left = ' + _$b.offset().left);
+            //console.log('<init> _$b.offset().left = ' + _$b.offset().left);
 
             // рассчитаем "константы" - прямоугольник, в который надо вписывать картинки зданий при входе в них
             self.X1 = _$b.offset().left + 100;
@@ -786,7 +787,7 @@ var clog = function () {
          *           можно было отобразить характеристики Здания родителя C80Rent:Building.
          */
         self.draw_childs = function (childs, parent_hash) {
-            //clog("<Map.draw_childs>");
+            //console.log("<Map.draw_childs>");
 
             //var ip;
             var iobj;
@@ -925,14 +926,14 @@ var clog = function () {
 
         self.onEdit = function (e) {
 
-            //clog("<Polygon.prototype.onEdit> _s_f = " + _s_f);
-            //clog("<Polygon.prototype.onEdit> e = ");
-            //clog(_s_f);
-            //clog(e.pageX);
+            //console.log("<Polygon.prototype.onEdit> _s_f = " + _s_f);
+            //console.log("<Polygon.prototype.onEdit> e = ");
+            //console.log(_s_f);
+            //console.log(e.pageX);
 
             var selected_area = self.selected_area;
             var edit_type = self.edit_type;
-            //clog("<Polygon.prototype.onEdit> edit_type = " + edit_type);
+            //console.log("<Polygon.prototype.onEdit> edit_type = " + edit_type);
 
             selected_area.dynamicEdit(selected_area[edit_type](e.pageX - selected_area.delta.x, e.pageY - selected_area.delta.y));
             selected_area.delta.x = e.pageX;
@@ -940,7 +941,7 @@ var clog = function () {
         };
 
         self.onDrawStop = function (e) {
-            clog("<Map.onDrawStop>");
+            console.log("<Map.onDrawStop>");
 
             if (e != undefined) {
                 if (e.type == 'keydown' && e.keyCode == 13) {
@@ -984,7 +985,7 @@ var clog = function () {
         };
 
         self.onEditStop = function (e) {
-            //clog("<Polygon.prototype.onEditStop>");
+            //console.log("<Polygon.prototype.onEditStop>");
             var _s_f = self.selected_area,
                 edit_type = self.edit_type;
 
@@ -1055,7 +1056,7 @@ var clog = function () {
          * @returns {*}
          */
         self.normalizeScale = function (scale) {
-            clog('<self.normalizeScale>' + self.o.fitscale);
+            console.log('<self.normalizeScale>' + self.o.fitscale);
             if (scale < self.o.fitscale) scale = self.o.fitscale;
             else if (scale > self.o.maxscale) scale = self.o.maxscale;
 
@@ -1074,7 +1075,7 @@ var clog = function () {
             self.x = self.normalizeX(self.container.width() * 0.5 - self.scale * self.contentWidth * x);
             self.y = self.normalizeY(self.container.height() * ry - self.scale * self.contentHeight * y);
 
-            clog("<Map.zoomTo> Call moveTo.");
+            console.log("<Map.zoomTo> Call moveTo.");
             self.moveTo(self.x, self.y, self.scale, duration, easing);
         };*/
 
@@ -1095,7 +1096,7 @@ var clog = function () {
          *      Т.е. желателен рефакторинг и упрощение логики, но не сейчас.
          * */
         var __afterMovingCorrectSvgLayersPositions = function () {
-            //clog(self.map.attr('style'));
+            //console.log(self.map.attr('style'));
             // left: -69.9985px; top: -299.999px;
             // left: [-]{0,1}(\d+\.\d+px);
 
@@ -1109,7 +1110,7 @@ var clog = function () {
                 var x = -1 * Number(match_left[1]); // ["left: -69.9985px;", "69.9985"]
                 var y = -1 * Number(match_right[1]); // ["left: -69.9985px;", "69.9985"]
                 var att = x + " " + y + " " + self.contentWidth + " " + self.contentHeight;
-                //clog(x + "; y = " + y);
+                //console.log(x + "; y = " + y);
                 self.svg.attr('viewBox', att);
                 self.svg_overlay.attr('viewBox', att);
             }
@@ -1181,8 +1182,8 @@ var clog = function () {
         // x,y - экранные координаты
         // сюда подаётся scale, который нужно присвоить map после анимации
         self.moveTo = function (x, y, scale, d, easing) {
-            clog("<self.moveTo> x = " + x + "; y = " + y + "; scale = " + scale + "; delay = " + d);
-            //clog('<self.moveTo>');
+            console.log("<self.moveTo> x = " + x + "; y = " + y + "; scale = " + scale + "; delay = " + d);
+            //console.log('<self.moveTo>');
 
             // если подан аргумент scale(масштаб)
             // перемещаемся анимированно
@@ -1290,7 +1291,7 @@ var clog = function () {
 
         // показать инфо о просматриваемой площади
         self.showAreaInfo = function (area_hash, parent_building_hash) {
-            //clog(area_hash);
+            //console.log(area_hash);
 
             //"area_hash": {
             //        "id": 2,