c80_map 0.1.0

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

@@ -0,0 +1,206 @@
+div#savePreloader {
+  position: absolute;
+  z-index: 100000;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, .01);
+  display: none;
+  opacity: 0;
+  text-align: center;         /*!*/
+  white-space: nowrap;        /*!*/
+
+  transition: all 0.4s ease-in-out;
+  -webkit-transition: all 0.4s ease-in-out;
+  -moz-transition: all 0.4s ease-in-out;
+  -ms-transition: all 0.4s ease-in-out;
+  -o-transition: all 0.4s ease-in-out;
+
+  &.shown {
+    background-color: rgba(0, 0, 0, .4);
+    opacity: 1;
+  }
+
+  span.helper {
+    display: inline-block;      /*!*/
+    vertical-align: middle;     /*!*/
+    height: 100%;               /*!*/
+  }
+
+  .uil-ring-css {
+    background: none;
+    position: relative;
+    width: 200px;
+    height: 200px;
+    vertical-align: middle;     /*!*/
+    display: inline-block;
+    transform:scale(0.5);
+
+    > div {
+      position: absolute;
+      display: block;
+      width: 160px;
+      height: 160px;
+      top: 20px;
+      left: 20px;
+      border-radius: 80px;
+      box-shadow: 0 6px 0 0 #59ebff;
+      -ms-animation: uil-ring-anim 1s linear infinite;
+      -moz-animation: uil-ring-anim 1s linear infinite;
+      -webkit-animation: uil-ring-anim 1s linear infinite;
+      -o-animation: uil-ring-anim 1s linear infinite;
+      animation: uil-ring-anim 1s linear infinite;
+    }
+
+    &:before {
+      display:block;
+      position: absolute;
+      top:0;
+      left:0;
+      bottom:0;
+      right:0;
+      content: 'wait';
+      font-size:26px;
+      color: white;
+      margin-top: 80px;
+    }
+  }
+
+}
+
+@-webkit-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-moz-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-ms-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-moz-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-o-keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes uil-ring-anim {
+  0% {
+    -ms-transform: rotate(0deg);
+    -moz-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -ms-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}

data/app/controllers/c80_map/application_controller.rb

@@ -0,0 +1,6 @@
+module C80Map
+  class ApplicationController < ActionController::Base
+    protect_from_forgery with: :exception
+    before_filter :authenticate_admin_user!
+  end
+end

data/app/controllers/c80_map/map_ajax_controller.rb

@@ -0,0 +1,54 @@
+module C80Map
+  class MapAjaxController < ApplicationController
+
+    def save_map_data
+      puts "<MapAjaxController.save_map_data> #{params[:buildings]}"
+
+      #{ "buildings"=>{"0"=>{"coords"=>["2496.5894495412845",...]}} }
+      #{ "areas"=>{"0"=>{"coords"=>["2496.5894495412845",...]}} }
+
+      result = {
+          areas: [],
+          buildings: [],
+          updated_locations_json: nil
+      }
+
+      if params[:buildings].present?
+        params[:buildings].each_key do |key|
+          new_building_options = params[:buildings][key]
+          puts "<MapAjaxController.save_map_data> new_building_options = #{new_building_options}"
+          puts "<MapAjaxController.save_map_data> new_building_options[:coords] = #{new_building_options[:coords]}"
+          b = Building.new({ coords: new_building_options[:coords].join(',') })
+
+          # в случае успеха - вернём id созданного здания,
+          # тогда js обновит id и перенесёт здание из массива "новые здания" (drawn_buildings).
+          # в случае неудачи - вернём описание ошибки
+          # завершаем всё обновленным locations.json, который Map возьмёт
+          # и положит в data
+
+          if b.valid?
+            b.save
+            result[:buildings] << { id: b.id }
+          else
+            result[:buildings] << { id: new_building_options.id, status: 'error' }
+          end
+        end
+      end
+
+      # if params[:areas].present?
+      #   params[:areas].each_with_key do |new_area_options,key|
+          #
+          # if b.present?
+          #
+          # end
+        # end
+      # end
+      puts "<MapAjaxController.save_map_data> result = #{result.to_json}"
+
+      respond_to do |format|
+        format.json { render json: params }
+      end
+    end
+
+  end
+end

data/app/helpers/c80_map/application_helper.rb

@@ -0,0 +1,33 @@
+module C80Map
+  module ApplicationHelper
+
+    def render_map(page_tag)
+      if page_tag == 'index'
+
+
+        # map_settings = C80Map::Setting.first
+
+
+        # т.к. в json попадают строки вида
+        # /home/scout/git/bitbucket/vorsa/public/uploads/map/map.jpg
+        # извлечём эту строку, затем во вью обработаем её image_path
+
+        p = Rails.root.join("public", "locations.json")
+        locs = File.read(p)
+        locs_hash = JSON.parse(locs)
+        locs_hash["img"] = image_path(locs_hash["img"])
+
+        render :partial => 'c80_map/map_row_index',
+               :locals => {
+                    locs_hash: locs_hash,
+                    mapwidth:locs_hash["mapwidth"],
+                    mapheight:locs_hash["mapheight"]
+               }
+
+      else
+        render :partial => 'c80_map/map_row'
+      end
+    end
+
+  end
+end

data/app/models/c80_map/area.rb

@@ -0,0 +1,5 @@
+module C80Map
+  class Area < ActiveRecord::Base
+    belongs_to :building
+  end
+end

data/app/models/c80_map/building.rb

@@ -0,0 +1,73 @@
+module C80Map
+  class Building < ActiveRecord::Base
+    has_many :areas, :class_name => 'C80Map::Area', :dependent => :destroy
+    validates :coords, uniqueness: true
+    after_save :update_json
+
+    private
+
+    def update_json
+
+      locations_path = Rails.root.join("public", "locations.json")
+      locs = File.read(locations_path)
+      puts "<update_json> #{ Rails.root.join("public", "locations.json") }"
+
+      locs_hash = JSON.parse(locs)
+
+
+      # и заполняем объектами из собранного массива
+
+      # обходим все Building и составляем массив вида
+      # [{id, object_type=object_type, coords, building_hash, img, childs:[<areas>]},..]
+      buildings_to_location_json = []
+      Building.all.each do |b|
+        ob = {
+            id: b.id,
+            object_type: 'building',
+            coords: b.coords,
+            building_hash: {
+                id: 2,
+                title: "Здание 2",
+                props: {
+                    square: "1234 кв.м.",
+                    square_free: "124 кв. м",
+                    floor_height: "6 кв. м",
+                    column_step: "2 м",
+                    gate_type: "рaспашные",
+                    communications: "Интернет, электричество, водоснабжение",
+                    price: "от 155 руб/кв.м в месяц"
+                }
+            },
+            img: {
+                bg: {
+                    src: "/assets/sample_bg-e36f4b42acde72d4ff05376498e5834423165d43e73650dd24a342ecb20779b9.gif"
+                },
+                overlay: {
+                    src: "/assets/sample_overlay-f99419a8904207a6ac74288bccac16c76b388b7162bf2629a2a8dd825746f49b.gif"
+                }
+            },
+            childs: []
+        }
+        buildings_to_location_json << ob
+      end
+
+      # после чего удаляем из locs_hash все object_type=building
+      # locs_hash["childs"].each do |child|
+      #   if child["object_type"] == 'building'
+      #     delete locs_hash["childs"]
+      #   end
+      # end
+
+      # просто заменяем всех детей
+      locs_hash["childs"] = buildings_to_location_json
+
+      puts "<Building.update_json> #{locs_hash}"
+
+      # File.open(locations_path, 'w') do |f|
+      #   f.write(locs_hash.to_json)
+      # end
+
+    end
+
+  end
+end

data/app/models/c80_map/setting.rb

@@ -0,0 +1,30 @@
+module C80Map
+  class Setting < ActiveRecord::Base
+    mount_uploader :map_image, C80Map::MapImageUploader
+    after_save :update_json
+
+    def map_img
+      MiniMagick::Image.open(map_image.path)
+    end
+
+    protected
+
+    def update_json
+
+      locations_path = Rails.root.join("public", "locations.json")
+      locs = File.read(locations_path)
+      puts "<update_json> #{ Rails.root.join("public", "locations.json") }"
+
+      locs_hash = JSON.parse(locs)
+      locs_hash["mapwidth"] = map_img["width"].to_s
+      locs_hash["mapheight"] = map_img["height"].to_s
+      locs_hash["img"] = map_image.url.to_s
+
+      File.open(locations_path,'w') do |f|
+        f.write(locs_hash.to_json)
+      end
+
+    end
+
+  end
+end

data/app/uploaders/c80_map/map_image_uploader.rb

@@ -0,0 +1,31 @@
+module C80Map
+
+  class MapImageUploader < CarrierWave::Uploader::Base
+
+    include CarrierWave::MiniMagick
+
+    storage :file
+
+    version :thumb do
+      process :resize_to_fit => [500,500]
+    end
+
+    def store_dir
+      "uploads/map/"
+    end
+
+    def filename
+      if original_filename
+        "map_#{secure_token(4)}.#{file.extension}"
+      end
+    end
+
+    protected
+    def secure_token(length=16)
+      var = :"@#{mounted_as}_secure_token"
+      model.instance_variable_get(var) or model.instance_variable_set(var, SecureRandom.hex(length/2))
+    end
+
+  end
+
+end

data/app/views/c80_map/_map_row.html.erb

@@ -0,0 +1,15 @@
+<div class="container-fluid" id="row_under_header">
+  <div class="container" id="under_header">
+    <div id="left_side">
+      <div class="clearfix"><span id="pbrown">Площади от</span></div>
+      <span id="pnavy"><%= @spro.header_price %></span>
+      <span id="pdark">рублей/кв.м.</span>
+    </div>
+    <div id="right_side">
+      <p id="ptele"><%= @spro.address_telephone_1 %></p>
+      <p id="paddress"><%= @spro.address_locality %><br>
+        <%= @spro.address_street %></p>
+    </div>
+
+  </div>
+</div>

data/app/views/c80_map/_map_row_index.html.erb

@@ -0,0 +1,39 @@
+<script>
+  var LOCS_HASH = <%= locs_hash.to_json.html_safe %>;
+  var MAP_WIDTH = <%= mapwidth %>;
+  var MAP_HEIGHT = <%= mapheight %>;
+</script>
+
+<div class="container" id="container_left_side">
+  <div id="left_side">
+    <div class="clearfix"><span id="pbrown">Площади от</span></div>
+    <span id="pnavy"><%= @spro.header_price %></span>
+    <span id="pdark">рублей/кв.м.</span>
+  </div>
+  <div id="right_side">
+    <p id="ptele"><%= @spro.address_telephone_1 %></p>
+    <p id="paddress"><%= @spro.address_locality %><br>
+      <%= @spro.address_street %></p>
+  </div>
+</div>
+
+<div id="map_wrapper">
+  <%= render "c80_map/shared/save_preloader" %>
+  <div class="mcontainer">
+    <div class="mmap">
+      <div class="layers"></div>
+      <div id="masked" style="-webkit-clip-path:polygon(0 0, 0 1px)"></div>
+      <svg id='svg' xmlns="http://www.w3.org/2000/svg" version="1.2" viewbox='0 0 <%= mapwidth %> <%=mapheight%>' baseProfile="tiny" preserveAspectRatio="xMaxYMax"></svg>
+      <div class="overlay_layers"></div>
+      <svg id='svg_overlay' xmlns="http://www.w3.org/2000/svg" version="1.2" viewbox='0 0 <%= mapwidth %> <%=mapheight%>' baseProfile="tiny" preserveAspectRatio="xMaxYMax"></svg>
+    </div>
+    <div class="container" id="ui">
+      <%= render "layouts/shared/map_row/building_info" %>
+      <%= render "layouts/shared/map_row/area_order_button" %>
+    </div>
+    <div class="container" id="container_buttons">
+      <div class="mzoom_buttons"></div>
+      <div class="status_bar"></div>
+    </div>
+  </div>
+</div>

data/app/views/c80_map/shared/_save_preloader.html.erb

@@ -0,0 +1,3 @@
+<div id="savePreloader">
+  <span class="helper"></span><div class='uil-ring-css'><div></div></div>
+</div>

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "c80_map"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/c80_map.gemspec

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'c80_map/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "c80_map"
+  spec.version       = C80Map::VERSION
+  spec.authors       = ["C80609A"]
+  spec.email         = ["c080609a@gmail.com"]
+
+  spec.summary       = 'Map'
+  spec.description   = 'Map + map editor'
+  spec.homepage      = 'http://www.vorsa-park.ru'
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.9"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_dependency 'activesupport', ['>= 3.0.0']
+end

data/config/routes.rb

@@ -0,0 +1,3 @@
+C80Map::Engine.routes.draw do
+  match '/save_map_data', to: 'map_ajax#save_map_data', via: :post
+end

data/db/migrate/20160617130000_create_c80_map_settings.rb

@@ -0,0 +1,8 @@
+class CreateC80MapSettings < ActiveRecord::Migration
+  def change
+    create_table :c80_map_settings, :options => 'COLLATE=utf8_unicode_ci' do |t|
+      t.string :map_image
+      t.timestamps
+    end
+  end
+end

data/db/migrate/20160620040202_create_c80_map_areas.rb

@@ -0,0 +1,9 @@
+class CreateC80MapAreas < ActiveRecord::Migration
+  def change
+    create_table :c80_map_areas, :options => 'COLLATE=utf8_unicode_ci' do |t|
+      t.string :coords
+      t.references :building, index: true
+      t.timestamps
+    end
+  end
+end

data/db/migrate/20160620040204_create_c80_map_buildings.rb

@@ -0,0 +1,8 @@
+class CreateC80MapBuildings < ActiveRecord::Migration
+  def change
+    create_table :c80_map_buildings, :options => 'COLLATE=utf8_unicode_ci' do |t|
+      t.string :coords
+      t.timestamps
+    end
+  end
+end

data/db/seeds/801_fill_map_settings.rb

@@ -0,0 +1,6 @@
+# rake db:seed:801_fill_map_settings
+
+C80Map::Setting.delete_all
+C80Map::Setting.create({
+                           map_image:nil
+                       })

data/lib/c80_map/engine.rb

@@ -0,0 +1,23 @@
+module C80Map
+  class Engine < ::Rails::Engine
+    isolate_namespace C80Map
+
+    initializer :c80_map do
+      if defined?(ActiveAdmin)
+        ActiveAdmin.application.load_paths += Dir["#{config.root}/app/models/**/"]
+        #ActiveAdmin.application.load_paths += Dir["#{config.root}/app/models/concerns/**/"]
+        ActiveAdmin.application.load_paths += Dir["#{config.root}/app/admin/c80_map/**/"]
+        # ActiveAdmin.application.load_paths += Dir["#{config.root}/app/jobs/**/"]
+      end
+    end
+
+    initializer :append_migrations do |app|
+      unless app.root.to_s.match root.to_s
+        config.paths["db/migrate"].expanded.each do |expanded_path|
+          app.config.paths["db/migrate"] << expanded_path
+        end
+      end
+    end
+
+  end
+end

data/lib/c80_map/version.rb

@@ -0,0 +1,3 @@
+module C80Map
+  VERSION = "0.1.0"
+end

data/lib/c80_map.rb

@@ -0,0 +1,8 @@
+require "c80_map/version"
+require "c80_map/engine"
+
+module C80Map
+  def self.table_name_prefix
+    'c80_map_'
+  end
+end