c80_map_floors 0.1.0.1

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

@@ -0,0 +1,21 @@
+"use strict";
+
+function CancelCreatingButton() {
+
+    var _map = null;
+    var _this = this;
+    _this.el = null;
+
+    this.onClick = function (e) {
+        console.log("<CancelCreatingButton.onClick>");
+        e.preventDefault();
+        _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_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_complete_create.js

@@ -0,0 +1,22 @@
+"use strict";
+
+function CompleteCreatingButton() {
+
+    var _map = null;
+    var _this = this;
+    _this.el = null;
+
+    _this.onClick = function (e) {
+        console.log("<CompleteCreatingButton.onClick>");
+        if (e != null) e.preventDefault();
+        _map.onDrawStop();
+    };
+
+    _this.init = function (button_css_selector, link_to_map) {
+        _map = link_to_map;
+        _this.el = $(button_css_selector);
+        _this.el.on('click', _this.onClick);
+        _map.complete_creating_button_klass = _this;
+    };
+
+}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+// именно эта кнопка контролирует переходы между состояниями:
+// - viewing, editing;
+// - view_building, edit_building;
+// - view_area, edit_area;
+function EditButton() {
+
+    var _map = null;
+    var _this = this;
+    _this.state = 'init'; // editing / viewing
+    _this.el = null;
+
+    // состояние этой кнопки извне меняет приложение,
+    // когда входим в здание\площадь (вот тут [a1x7]),
+    // и чтобы не происходило бесконечного зацикленного вызова,
+    // вводится флаг mark_change_only_inner_state
+    this.setState = function (state,mark_change_only_inner_state) {
+        if (mark_change_only_inner_state == undefined) {
+            mark_change_only_inner_state = false;
+        }
+        console.log("<EditButton.setState> state = " + state);
+
+        // этот код коррелирует с [x9cs7]
+        _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');
+        _this.el.removeClass('edit_area');
+        _this.el.addClass(state);
+
+        if (!mark_change_only_inner_state) {
+            _map.setMode(state);
+        }
+
+    };
+
+    this.onClick = function (e) {
+        e.preventDefault();
+
+        // если после исполнения switch..case эта перменная будет true - значит надо будет вызвать кое-какой код
+        var mark_restore_svg_overlay = false;
+
+        switch (_this.state) {
+            case 'editing':
+                _this.setState('viewing');
+                break;
+
+            case 'viewing':
+                _this.setState('editing');
+                break;
+
+            case 'view_building':
+                _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) {
+        _map = link_to_map;
+        _this.el = $(button_css_selector);
+        _this.state = _map.mode;
+        _this.el.addClass(_map.mode);
+        _this.el.on('click', this.onClick);
+    };
+
+}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+function NewButton() {
+
+    var _map = null;
+    var _this = this;
+    _this.state = 'init'; // creating / editing
+    _this.el = null;
+
+    _this.setState = function (state) {
+
+        _this.state = state;
+        _this.el.removeClass('creating');
+        _this.el.removeClass('editing');
+        _this.el.addClass(state);
+
+        _map.setMode(state);
+
+    };
+
+    _this.resetState = function () {
+        _this.state = 'editing';
+        _this.el.removeClass('creating');
+        _this.el.removeClass('editing');
+        _this.el.addClass('editing');
+    };
+
+    _this.onClick = function (e) {
+        if (_this.el.hasClass('disabled')) return;
+        e.preventDefault();
+
+        if (_this.state == 'creating') {
+            _this.setState('editing');
+        } else {
+            console.log("<NewButton.onClick> Переходим в режим создания полигона.");
+            _this.setState('creating');
+        }
+    };
+
+    _this.init = function (button_css_selector, link_to_map) {
+        _map = link_to_map;
+        _this.el = $(button_css_selector);
+        _this.setState(_map.mode);
+        _this.el.on('click', _this.onClick);
+    };
+}

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

@@ -0,0 +1,111 @@
+"use strict";
+
+function SaveChangesButton() {
+
+    var _map = null;
+    var _this = this;
+    _this.el = null;
+
+    var sendDataToServer = function () {
+
+        var areas;
+        var buildings;
+        var i, len;
+
+        len = _map.drawn_areas.length;
+        if (len > 0) {
+            areas = [];
+            for (i = 0; i < len; i++) {
+                areas.push(_map.drawn_areas[i].to_json());
+            }
+        }
+
+        len = _map.drawn_buildings.length;
+        if (len > 0) {
+            buildings = [];
+            for (i = 0; i < len; i++) {
+                buildings.push(_map.drawn_buildings[i].to_json());
+            }
+        }
+
+        $.ajax({
+            url: '/save_map_data',
+            type: 'POST',
+            data: {
+                areas: areas,
+                buildings: buildings
+            },
+            dataType: 'json'
+        }).done(sendDataToServerDone);
+    };
+
+    var sendDataToServerDone = function (data, result) {
+
+        //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) {
+        if (_this.el.hasClass('disabled')) return;
+        e.preventDefault();
+        _map.save_preloader_klass.show();
+        sendDataToServer();
+    };
+
+    _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.check_and_enable = function () {
+
+        //check
+        var mark_dirty = _map.drawn_areas.length || _map.drawn_buildings.length;
+
+        // enable
+        if (mark_dirty) {
+            _this.el.removeClass('mapplic-disabled');
+        } else {
+            _this.el.addClass('mapplic-disabled');
+        }
+
+    };
+
+    _this.hide = function () {
+        _this.el.css('display','none');
+    };
+
+    _this.show = function () {
+        _this.el.css('display','block');
+    };
+}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+function BackToMapButton() {
+
+    var _map = null;
+    var _this = this;
+
+    var _cnt = null;
+    var _btn = null;
+
+    var _$building_info = null;
+
+    var _onClick = function () {
+        _map.setMode('viewing');
+
+        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["buildings"]);
+
+        if (_map.initial_map_position != null) {
+            /* TODO:: необходимо удостовериться, что параметр scale используется и используется правильно*/
+            _map.moveTo(
+                _map.initial_map_position.x,
+                _map.initial_map_position.y,
+                _map.initial_map_position.scale,
+                400,
+                'easeInOutCubic'
+            );
+        }
+
+    };
+
+    _this.init = function (parent_div_selector, link_to_map) {
+        _map = link_to_map;
+        _cnt = $('<div></div>').addClass('back_to_map_button');
+        _cnt.appendTo($(parent_div_selector));
+        _btn = $('<a href="#" id="BackToMapButton">Обратно на карту</a>');
+        _btn.on('click', _onClick);
+        _cnt.append(_btn);
+
+        _$building_info = $('.building_info');
+
+    };
+
+    _this.show = function () {
+
+        // хардкод - подгоняем под длину анимации, прописанной в css
+        setTimeout(__show, 800);
+
+
+    };
+    var __show = function () {
+        // фиксируем
+        var building_info_top = _$building_info.offset().top;
+        var building_info_height = _$building_info.height();
+
+        // считаем
+        var btn_top = building_info_top + building_info_height;
+        var btn_left = _$building_info.offset().left;
+
+        // позиционируем
+        _btn.css('top', btn_top + 'px');
+        _btn.css('left', btn_left + 'px');
+
+        // показываем
+        _btn.css('opacity','1');
+        _cnt.css('display', 'block');
+    };
+
+    _this.hide = function () {
+        _cnt.css('display', 'none');
+        _btn.css('opacity', '0');
+    }
+
+}

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

@@ -0,0 +1,78 @@
+"use strict";
+
+// Zoom Buttons
+function ZoomButtons() {
+
+    var self = this;
+    var _map = null;
+    this.el = null;
+
+    this.init = function (options, link_to_map) {
+        var mt = options["height"] - 10;
+        _map = link_to_map;
+
+        //var div_container = $('<div></div>')
+        //    .addClass("container")
+        //    .attr("id",'container_buttons')
+        //    .appendTo(_map.container)
+        //    .css('margin-top',mt+"px");
+        var div_container = $("#container_buttons");
+        div_container.css('margin-top', mt + "px");
+
+        //this.el = $('<div></div>').addClass('mzoom_buttons').appendTo(div_container);
+        this.el = $('.mzoom_buttons');
+
+        this.zoomin = $('<a></a>').attr('href', '#').addClass('mapplic-zoomin-button').appendTo(this.el);
+
+        this.zoomin.on('click touchstart', function (e) {
+            e.preventDefault();
+
+            var scale = _map.normalizeScale(_map.scale + 0.2);
+            //_map.scale = _map.normalizeScale(scale + .2);
+
+            //_map.x = _map.normalizeX(_map.x - (_map.container.width() / 2 - _map.x) * (_map.scale / scale - 1));
+            //_map.y = _map.normalizeY(_map.y - (_map.container.height() / 2 - _map.y) * (_map.scale / scale - 1));
+
+            self.__execute_zoom(scale);
+
+        });
+
+        this.zoomout = $('<a></a>').attr('href', '#').addClass('mapplic-zoomout-button').appendTo(this.el);
+
+        this.zoomout.on('click touchstart', function (e) {
+            e.preventDefault();
+
+            var scale = _map.normalizeScale(_map.scale - .2);
+            //_map.scale = _map.normalizeScale(scale - .2);
+
+            //_map.x = _map.normalizeX(_map.x - (_map.container.width() / 2 - _map.x) * (_map.scale / scale - 1));
+            //_map.y = _map.normalizeY(_map.y - (_map.container.height() / 2 - _map.y) * (_map.scale / scale - 1));
+
+            self.__execute_zoom(scale);
+
+        });
+    };
+
+    self.__execute_zoom = function (scale) {
+        var x = _map.normalizeX({
+            x: _map.x - (_map.container.width() / 2 - _map.x) * (scale / _map.scale - 1),
+            scale: scale
+        });
+
+        var y = _map.normalizeY({
+            y: _map.y - (_map.container.width() / 2 - _map.y) * (scale / _map.scale - 1),
+            scale: scale
+        });
+
+        _map.moveTo(x, y, scale, 400, 'easeInOutCubic');
+        _map.mark_virgin = false;
+    };
+
+    this.update = function (scale) {
+        this.zoomin.removeClass('mapplic-disabled');
+        this.zoomout.removeClass('mapplic-disabled');
+        if (scale == _map.o.fitscale) this.zoomout.addClass('mapplic-disabled');
+        else if (scale == _map.o.maxscale) this.zoomin.addClass('mapplic-disabled');
+    };
+
+}