c80_map 0.1.0.2 → 0.1.0.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d665b0899ef1892fa872db9e7d5eb4ccb1ed0e7c
-  data.tar.gz: 6cc5fd6361ed4625b8c2bf924c59d83ccb9d77b9
+  metadata.gz: 4b43c74930a6f28b01f695dc6d5dbc1c4e204bf7
+  data.tar.gz: c8bafb47d3dd2a5302596c55640e6f41b3718ffc
 SHA512:
-  metadata.gz: ccf055688da0f4c368d30a44504174dff41a1144dd5478f61fa31bf016126174e0c88068e350b346e7274ad3928f43990625f32b314a87309911d45e9c1f2442
-  data.tar.gz: 4edd62b64af0b96f65ac9a0ee627e42bac4effaf203406ad961fc79928a6799986e81920aaad18857b6d5d0d4f7691a0b6b94077fce69ac6e4d463704374248e
+  metadata.gz: a60ce784ef3a4e3ba833b91e246ac00564b807ff0b40bf88f835e9068bd80597fc380cc93ea6a1d27c93cfa45958a3115fef5e82af21b9a7619372e2e60361d8
+  data.tar.gz: 5a21d16436b114a496a796e7f0738cfb50dbcbfc46ef43a3b864c8ef4c4c5becb77ca3f65b86f77c4fd53203a49d34e3f13c2863c8ffd3cbd777ede5743afedb

data/README.md

@@ -22,7 +22,25 @@ Or install it yourself as:
 
 ## Usage
 
-1. Host application:
+0. Requires:
+
+```
+    #= require bootstrap/alert
+    #= require bootstrap/dropdown
+    #= require bootstrap-select
+```
+
+2. Add this:
+
+```
+    @import "c80_map";
+```
+
+```
+    #= require c80_map
+```
+
+1. Start (Host application script):
 
 ```
    $(document).ready(function() {

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

@@ -0,0 +1,88 @@
+"use strict";
+
+// при клике на эту кнопку произойдет показ модального окна _modal_window.html.erb
+
+function AreaLinkButton() {
+
+    var _map = null;
+    var _this = this;
+    _this.el = 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('Укажите площадь, соответствующую полигону на карте');
+
+        setTimeout(function () {
+            $("select#unlinked_areas").selectpicker({size: 50, tickIcon: 'hidden'});
+        }, 1);
+
+        setTimeout(function () {
+            //console.log($cc.find("button"));
+            $cc.find("button").on('click', function () {
+                if ($(this).attr('id') == "submit_area_link") {
+                    _map.link_area();
+                }
+            });
+        }, 1000);
+
+        $link_show_modal_window.click();
+
+    };
+
+    var fetch_free_areas = function () {
+        $.ajax({
+            url:'/ajax/fetch_unlinked_areas',
+            type:'POST',
+            data: {building_id:"building_id"},
+            dataType:'script'
+        }).done(fetch_free_areas_done);
+    };
+    var fetch_free_areas_done = function (data, result) {
+        _map.save_preloader_klass.hide();
+        show_modal_window();
+    };
+
+    var $link_show_modal_window = null;
+
+    _this.onClick = function (e) {
+        if (_this.el.hasClass('disabled')) return;
+        e.preventDefault();
+
+        console.log("<AreaLinkButton.click>");
+
+        _map.save_preloader_klass.show();
+
+        fetch_free_areas();
+    };
+
+    _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');
+
+        //console.log("<AreaLinkButton.init>");
+        //console.log(this.el);
+    };
+
+    _this.hide = function () {
+        _this.el.css('display','none');
+    };
+
+    _this.show = function () {
+        console.log("<AreaLinkButton.show>");
+        _this.el.css('display','block');
+    };
+
+}

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

@@ -11,19 +11,17 @@ function BackToMapButton() {
     var _onClick = function () {
         _map.setMode('viewing');
 
-        _map.current_area = null;
-
         if (_map.current_building) {
             _map.current_building.exit();
+            _map.current_building = null;
         }
 
         if (_map.current_area) {
             _map.current_area.exit();
+            _map.current_area = null;
         }
 
         _map.svgRemoveAllNodes();
-
-
         _map.draw_childs(_map.data["childs"]);
 
     };

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

@@ -0,0 +1,23 @@
+"use strict";
+
+function CancelRemoveButton() {
+
+    var _map = null;
+    var _this = this;
+    _this.el = null;
+
+    _this.onClick = function (e) {
+        if (_this.el.hasClass('disabled')) return;
+        e.preventDefault();
+
+        console.log("<CancelRemoveButton.onClick> Выходим из режима удаления полигона.");
+        _map.setMode('editing');
+
+    };
+
+    _this.init = function (button_css_selector, link_to_map) {
+        _map = link_to_map;
+        _this.el = $(button_css_selector);
+        _this.el.on('click', _this.onClick);
+    };
+}

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

@@ -25,6 +25,7 @@ function EditButton() {
         _this.state = state;
         _this.el.removeClass('editing');
         _this.el.removeClass('viewing');
+        _this.el.removeClass('removing');
         _this.el.removeClass('view_building');
         _this.el.removeClass('edit_building');
         _this.el.removeClass('view_area');
@@ -40,6 +41,9 @@ function EditButton() {
     this.onClick = function (e) {
         e.preventDefault();
 
+        // если после исполнения switch..case эта перменная будет true - значит надо будет вызвать кое-какой код
+        var mark_restore_svg_overlay = false;
+
         switch (_this.state) {
             case 'editing':
                 _this.setState('viewing');
@@ -53,20 +57,32 @@ function EditButton() {
                 _this.setState('edit_building');
                 break;
 
+            // находились в режиме редактирования здания, и перешли в режим просмотра здания
             case 'edit_building':
                 _this.setState('view_building');
+                mark_restore_svg_overlay = true;
                 break;
 
             case 'view_area':
                 _this.setState('edit_area');
+                // спрячем от клика мышки все полигоны из svg_overlay, кроме редактируемого полигона
+                MapUtils.svgOverlayHideAllExcept(_map.last_clicked_g);
                 break;
 
+            // находились в режиме редактирования площади, и перешли в режим просмотра площади
             case 'edit_area':
                 _this.setState('view_area');
+                mark_restore_svg_overlay = true;
                 break;
 
         }
 
+        // покажем для клика мышкой все полигоны из svg_overlay
+        if (mark_restore_svg_overlay) {
+            MapUtils.svgOverlayRestore(_map.last_clicked_g);
+            _map.last_clicked_g = null;
+        }
+
     };
 
     this.init = function (button_css_selector, link_to_map) {

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

@@ -0,0 +1,23 @@
+"use strict";
+
+function RemoveButton() {
+
+    var _map = null;
+    var _this = this;
+    _this.el = null;
+
+    _this.onClick = function (e) {
+        if (_this.el.hasClass('disabled')) return;
+        e.preventDefault();
+
+        console.log("<RemoveButton.onClick> Переходим в режим удаления полигона.");
+        _map.setMode('removing');
+
+    };
+
+    _this.init = function (button_css_selector, link_to_map) {
+        _map = link_to_map;
+        _this.el = $(button_css_selector);
+        _this.el.on('click', _this.onClick);
+    };
+}

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

@@ -40,10 +40,38 @@ function SaveChangesButton() {
     };
 
     var sendDataToServerDone = function (data, result) {
-        console.log("<ButtonSave.sendDataToServerDone> data,result:");
-        console.log(data);
-        console.log(result);
-        console.log("<ButtonSave.sendDataToServerDone> ------------");
+
+        //console.log("<ButtonSave.sendDataToServerDone> data,result:");
+        //console.log(data);
+        // => Object
+        //      areas: Array[1]
+        //          0: Object:
+        //                  id: 16,
+        //                  old_temp_id: "76400",
+        //      buildings: Array,
+        //      updated_locations_json: null
+        //console.log(result);
+        // => success
+
+        _map.save_preloader_klass.hide();
+
+        _map.data = data["updated_locations_json"];
+
+        //var i;
+        //var iarea_resp_params;
+        //var idrawn_area;
+        //for (i = 0; i< data["areas"].length; i++) {
+        //    iarea_resp_params = data["areas"][i];
+        //    найдем в массиве drawn_areas область, данные о которой сохранили на сервере
+            //idrawn_area = utils.getById(iarea["old_temp_id"], _map.drawn_areas);
+            //idrawn_area["id"] = iarea["id"];
+        //
+        //}
+
+        _map.drawn_areas = [];
+        _map.drawn_buildings = [];
+        _this.check_and_enable();
+
     };
 
     _this.onClick = function (e) {

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

@@ -1,11 +1,14 @@
 #= require ./svg_elements/helper.js
 #= require ./svg_elements/polygon.js
+#= require ./svg_elements/area_label.js
 
 #= require_directory ./events
 #= require_directory ./map_objects
 #= require_directory ./view
 #= require_tree ./buttons
 
-#= require ./src/utils.js
+#= require ./src/utils/utils.js
+#= require ./src/utils/opacity_buttons_utils.js
+#= require ./src/utils/map_utils.js
 #= require ./src/state_controller.js
 #= require ./src/main.js

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

@@ -4,6 +4,8 @@ function Area() {
 
     var _map = null;
     var _this = this;
+    _this.id = null;
+
     //var _polygon = null;
     //var _polygon_overlay = null;
 
@@ -50,6 +52,7 @@ function Area() {
 
         _map = pself;
         _this._options = options;
+        _this.id = options["id"];
 
         // [4ddl5df]
         if (_this._options["id"] == undefined) {
@@ -70,6 +73,10 @@ function Area() {
         _this._polygon.parent_building_hash = parent_building_hash;
         _this._polygon = $(_this._polygon.polygon);
 
+        // подпись над полигоном показываем только админам
+        if (IS_ADMIN) {
+           _this._label = new AreaLabel(options, _map);
+        }
 
         _this._polygon_overlay = Polygon.createFromSaved(options, true, _map);
         _this._polygon_overlay.area = _this;
@@ -77,10 +84,13 @@ function Area() {
         _this._polygon_overlay.hover(_this._mouse_in, _this._mouse_out);
         _this._calcBBox();
 
-        var k = 'free';
+        var k = 'unassigned';
         if (options.area_hash != undefined) {
-            if (!options.area_hash.is_free) {
-                k = 'busy';
+            if (typeof options.area_hash.id !== 'undefined') {
+                k = 'free';
+                if (!options.area_hash.is_free) {
+                    k = 'busy';
+                }
             }
         }
         _this._polygon.parent().attr("class", k);
@@ -94,7 +104,7 @@ function Area() {
     };
 
     _this.enter = function () {
-        //clog("<Building.enter>");
+        console.log("<Area.enter>");
         //clog(_this._options);
 
         /* рассчитаем масштаб, при котором можно вписать прямоугольник дома в прямоугольник рабочей области */
@@ -108,8 +118,8 @@ function Area() {
         _map.x = _map.normalizeX(_map.CX - _map.scale * _cx - _map.container.offset().left);
         _map.y = _map.normalizeY(_map.CY - _map.scale * _cy - _map.container.offset().top);
 
-        clog("<Area.enter> [qq] moveTo: " + _map.x + ", " + _map.y);
-        clog("<Area.enter> Call moveTo.");
+        //clog("<Area.enter> [qq] moveTo: " + _map.x + ", " + _map.y);
+        //clog("<Area.enter> Call moveTo.");
         _map.moveTo(_map.x, _map.y, _map.scale, 400, 'easeInOutCubic');
 
         setTimeout(timeoutEnter, 400);
@@ -122,6 +132,7 @@ function Area() {
             _map.current_area._polygon.parent().attr("class", k);
         }
 
+        // <g class='busy viewing_area'>..<polygon >.</g>
         k = _this._polygon.parent().attr("class");
         k += " viewing_area";
         _this._polygon.parent().attr("class", k);
@@ -134,7 +145,7 @@ function Area() {
     };
 
     _this.exit = function () {
-        _map.current_area = null;
+        console.log('<Area.exit>');
     };
 
     this.invalidateAnimationMask = function () {
@@ -182,9 +193,9 @@ function Area() {
         _cx = xmin + (xmax - xmin) / 2;
         _cy = ymin + (ymax - ymin) / 2;
 
-        clog("<Area._calcBBox> " +
+        //clog("<Area._calcBBox> " +
             //xmin + "," + ymin + "; " + xmax + "," + ymax +
-        "; center logical: " + _cx + "," + _cy + ", center screen: " + _map.rightX(_cx) + ", " + _map.rightY(_cy));
+        //"; center logical: " + _cx + "," + _cy + ", center screen: " + _map.rightX(_cx) + ", " + _map.rightY(_cy));
     };
 
     _this._mouse_in = function () {

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

@@ -245,7 +245,6 @@ function Building() {
         _image_bg = null;
         _image_overlay = null;
         _zoomToMe();
-        _map.current_building = null;
     };
 
     // выдать центр дома в логических координатах
@@ -289,9 +288,9 @@ function Building() {
         _cx = xmin + (xmax - xmin) / 2;
         _cy = ymin + (ymax - ymin) / 2;
 
-        console.log("<Building._calcBBox> " +
+        //console.log("<Building._calcBBox> " +
             //xmin + "," + ymin + "; " + xmax + "," + ymax +
-        "; center logical: " + _cx + "," + _cy + ", center screen: " + _map.rightX(_cx) + ", " + _map.rightY(_cy));
+        //"; center logical: " + _cx + "," + _cy + ", center screen: " + _map.rightX(_cx) + ", " + _map.rightY(_cy));
     };
 
     // при редактировании здания (т.е. изменении полигонов и holer-ов площадей)

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

@@ -1,5 +1,8 @@
 "use strict";
 
+var IS_ADMIN = false;
+var map_on_index_page = null;
+
 var InitMap = function () {
 
     // - to delete start -----------------------------------------------------------------------------------------------------------------------
@@ -16,7 +19,7 @@ var InitMap = function () {
     var y = (window_height - image_height)/2;
     // - to delete end -----------------------------------------------------------------------------------------------------------------------
 
-    $('#map_wrapper').beMap(
+    map_on_index_page = $('#map_wrapper').beMap(
         {
             source:LOCS_HASH,
             scale: scale,
@@ -61,10 +64,11 @@ var clog = function () {
         self.mode = 'viewing';
         self.prev_mode = null;
         self.setMode = null;
-        self.selected_area = null;
+        self.selected_area = null;      // ссылка на полигон из #svg_overlay
         self.drawing_poligon = null;
         self.events = [];
         self.edit_type = null;
+        self.remove_button_klass = null;
         self.new_button_klass = null;
         self.edit_button_klass = null;
         self.complete_creating_button_klass = null;
@@ -73,9 +77,11 @@ var clog = function () {
         self.current_area = null;
         self.is_draw = false;
         self.save_button_klass = null;
+        self.area_link_button_klass = null;
         self.drawn_areas = []; // если имеются нарисованные но несохранённые Площади - они хранятся тут
         self.drawn_buildings = []; // если имеются нарисованные но несохранённые Здания - они хранятся тут
         self.save_preloader_klass = null;
+        self.last_clicked_g = null; // начали просматривать area\building (запустили сессию), и здесь храним ссылку на последний кликнутый полигон из svg_overlay в течение сессии
 
         // true, если:
         //- юзер не кликал по кнопкам zoom
@@ -194,6 +200,13 @@ var clog = function () {
                 e.init('.mapplic-new-button', self);
                 self.new_button_klass = e;
 
+                e = new RemoveButton();
+                e.init('.mapplic-remove-button', self);
+                self.remove_button_klass = e;
+
+                e = new CancelRemoveButton();
+                e.init('#cancelRemoving', self);
+
                 e = new CancelCreatingButton();
                 e.init("#cancelCreating", self);
 
@@ -203,6 +216,12 @@ var clog = function () {
                 self.save_button_klass = new SaveChangesButton();
                 self.save_button_klass.init('.mapplic-save-button', self);
 
+                // при клике на эту кнопку произойдет показ модального окна
+                self.area_link_button_klass = new AreaLinkButton();
+                self.area_link_button_klass.init('.mapplic-area-link-button', self);
+
+                $('[data-toggle="tooltip"]').tooltip();
+
             });
 
             // Controls
@@ -306,7 +325,7 @@ var clog = function () {
 
                         //app.deselectAll();
 
-                        // поменяем внешний вид - добавим класс .selected
+                        // поменяем внешний вид полигона - добавим класс .selected
                         self.selected_area.select();
 
                         // запомним начальные координаты кликаы
@@ -376,8 +395,8 @@ var clog = function () {
                         x = self.normalizeX(x);
                         y = self.normalizeY(y);
 
-                        clog("<Map.mousemove> x = " + x + "; y = " + y);
-                        clog("<Map.mousemove> Call moveTo.");
+                        //clog("<Map.mousemove> x = " + x + "; y = " + y);
+                        //clog("<Map.mousemove> Call moveTo.");
                         self.moveTo(x, y);
                         map.data('lastX', x);
                         map.data('lastY', y);
@@ -478,13 +497,24 @@ var clog = function () {
                             /* если находится в режиме просмотра площади - переключаемся на другую площадь */
                             else if (self.mode == 'view_building' || self.mode == 'view_area') {
 
+                                //console.log($(event.target).parent());
+                                // => g, который живёт в #svg_overlay, или, другими словами,
+                                // тот g, по которому кликнули последний раз,
+                                // просматривая либо здание, либо площадь
+                                var $viewing_g_from_svg_overlay = $(event.target).parent();
+
                                 // добираемся до объекта класса Area, который обслуживает полигон
-                                p = $(event.target).parent()[0];
+                                p = $viewing_g_from_svg_overlay[0];
                                 //clog($(event.target).parent()[0].obj.area_hash);
 
                                 if (p.obj && p.obj.area) {
+
+                                    // запомним последний кликнутый полигон
+                                    self.last_clicked_g = $viewing_g_from_svg_overlay;
+
                                     var area = p.obj.area;
-                                    clog("<mouseup> Входим в площадь.");
+                                    clog("<mouseup> Входим в площадь. self.last_clicked_g = ");
+                                    clog(self.last_clicked_g);
                                     area.enter();
                                 }
 
@@ -528,7 +558,7 @@ var clog = function () {
 
         // какой должен быть минимальный масштаб, чтобы вписать отрезок [min,max] в отрезок [p1,p2]
         self.calcScale = function (min, max, p1, p2) {
-            clog("<calcScale> [" + min + "," + max + '] to [' + p1 + "," + p2 + "]");
+            //clog("<calcScale> [" + min + "," + max + '] to [' + p1 + "," + p2 + "]");
             return (p2 - p1) / (max - min);
         };
 
@@ -647,6 +677,7 @@ var clog = function () {
 
         self.svgRemoveAllNodes = function () {
             self.svg.empty();
+            self.svg_overlay.empty();
         };
 
         self.draw_childs = function (childs, parent_hash) {
@@ -840,7 +871,9 @@ var clog = function () {
 
         };
         var __moveToTimeout = function () {
-            $("#masked").removeClass('hiddn');
+            if (self.mode === 'edit_area'|| self.mode === 'view_area') {
+                $("#masked").removeClass('hiddn');
+            }
         };
         var __moveToAnimate = function () {
             if (self.tooltip) self.tooltip.position();
@@ -848,7 +881,8 @@ var clog = function () {
 
         // x,y - экранные координаты
         self.moveTo = function (x, y, scale, d, easing) {
-            clog("<self.moveTo> x = " + x + "; y = " + y + "; scale = " + scale);
+            //clog("<self.moveTo> x = " + x + "; y = " + y + "; scale = " + scale);
+            clog('<self.moveTo>');
 
             // если подан аргумент scale(масштаб)
             // перемещаемся анимированно
@@ -974,6 +1008,36 @@ var clog = function () {
 
         self.rightY = function(y) {
             return (y - self.y - self.container.offset().top) / self.scale
+        };
+
+        // взять C80Map::current_area и назначить ей Rent::area.id,
+        // выбранный в окне _modal_window.html.erb
+        self.link_area = function () {
+
+            var $m = $('#modal_window');
+            var $b = $m.find('.modal-footer').find('.btn');
+            var $s = $m.find('select');
+
+            var rent_area_id = $s.val();
+            var map_area_id = self.current_area.id;
+            console.log("<Map.link_area> rent_area_id = " + rent_area_id + "; map_area_id = " + map_area_id);
+
+            $b.click();
+            self.save_preloader_klass.show();
+
+            $.ajax({
+                url:'/ajax/link_area',
+                type:'POST',
+                data: {
+                    rent_area_id: rent_area_id,
+                    map_area_id: map_area_id
+                },
+                dataType:"json"
+            }).done(function (data, result) {
+                self.save_preloader_klass.hide();
+                self.data = data["updated_locations_json"];
+            });
+
         }
 
     };