tramway-landing 1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: bc98a307ccf33e690b805a6adfeb1b7f110be1269bae2a02a90d3f7c1a0cc6e9
+  data.tar.gz: 5b85a0739fbc0da2ff548f1f79ff5a2dede5b5f0796f2e09fd36ce145825bf14
+SHA512:
+  metadata.gz: e8fedc657c02b00f46af054ddf56a81c78acf2ef148b6eeb79ba375911702c0a7194e80de56f15743bd4aa4db4ce5474871db00eb596a9469e56eac06aedff9e
+  data.tar.gz: f8d3d47ccc3dc8f1787b1ed027ddbd3deecbde84031b1b42a1cb1f39d47543c42ca5372e3287e53b7147f551487f3a09d234303e3671f67458bdff3f28745a92

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2018 Pavel Kalashnikov
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,28 @@
+# Tramway::Landing
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'tramway-landing'
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install tramway-landing
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,36 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Tramway::Landing'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/config/tramway_landing_manifest.js

@@ -0,0 +1,2 @@
+//= link_directory ../javascripts/tramway/landing .js
+//= link_directory ../stylesheets/tramway/landing .css

data/app/assets/javascripts/justified_images.js

@@ -0,0 +1,284 @@
+/*jshint white:false*/
+/* global jQuery: true*/
+// the semi-colon before function invocation is a safety net against concatenated
+// scripts and/or other plugins which may not be closed properly.
+;
+(function($, window, document, undefined) {
+    'use strict';
+    // undefined is used here as the undefined global variable in ECMAScript 3 is
+    // mutable (ie. it can be changed by someone else). undefined isn't really being
+    // passed in so we can ensure the value of it is truly undefined. In ES5, undefined
+    // can no longer be modified.
+
+    // window and document are passed through as local variable rather than global
+    // as this (slightly) quickens the resolution process and can be more efficiently
+    // minified (especially when both are regularly referenced in your plugin).
+
+    // Create the defaults once
+    var pluginName = 'justifiedImages';
+
+
+    // The actual plugin constructor
+
+    function Plugin(element, options) {
+        this.element = element;
+        this.$el = $(element);
+        this._name = pluginName;
+        this.init(options);
+    }
+
+    Plugin.prototype = {
+        defaults: {
+            template: function(data) {
+                return '<div class="photo-container" style="height:' + data.displayHeight + 'px;margin-right:' + data.marginRight + 'px;">' +
+                    '<img class="image-thumb" src="' + data.src + '" style="width:' + data.displayWidth + 'px;height:' + data.displayHeight + 'px;" >' +
+                    '</div>';
+            },
+            appendBlocks : function(){ return []; },
+            rowHeight: 150,
+            maxRowHeight: 350,
+            handleResize: false,
+            margin: 1,
+            imageSelector: 'image-thumb',
+            imageContainer: 'photo-container'
+        },
+        init: function(options) {
+            this.options = $.extend({}, this.defaults, options);
+            this.displayImages();
+            if (this.options.handleResize) {
+                this.handleResize();
+            }
+        },
+        getBlockInRow: function(rowNum){
+            var appendBlocks = this.options.appendBlocks();
+            for (var i = 0; i < appendBlocks.length; i++) {
+                var block = appendBlocks[i];
+                if(block.rowNum === rowNum){
+                    return block;
+                }
+            }
+        },
+        displayImages: function() {
+            var self = this,
+                ws = [],
+                rowNum = 0,
+                baseLine = 0,
+                limit = this.options.images.length,
+                photos = this.options.images,
+                rows = [],
+                totalWidth = 0,
+                appendBlocks = this.options.appendBlocks();
+            var w = this.$el.width();
+            var border = parseInt(this.options.margin, 10);
+            var d = this.$el,
+                h = parseInt(this.options.rowHeight, 10);
+
+            $.each(this.options.images, function(index, image) {
+                var size = self.options.getSize(image);
+                var wt = parseInt(size.width, 10);
+                var ht = parseInt(size.height, 10);
+                if (ht !== h) {
+                    wt = Math.floor(wt * (h / ht));
+                }
+                totalWidth += wt;
+                ws.push(wt);
+            });
+
+            $.each(appendBlocks, function(index, block){
+                totalWidth += block.width;
+            });
+            var perRowWidth = totalWidth / Math.ceil(totalWidth / w);
+            console.log('rows', Math.ceil(totalWidth / w));
+            var tw = 0;
+            while (baseLine < limit) {
+                var row = {
+                        width: 0,
+                        photos: []
+                    },
+                    c = 0,
+                    block = this.getBlockInRow(rows.length + 1);
+                if(block){
+                    row.width += block.width;
+                    tw += block.width;
+                }
+                while ((tw + ws[baseLine + c] / 2 <= perRowWidth * (rows.length + 1)) && (baseLine + c < limit)) {
+                    tw += ws[baseLine + c];
+                    row.width += ws[baseLine + c];
+                    row.photos.push({
+                        width: ws[baseLine + c],
+                        photo: photos[baseLine + c]
+                    });
+                    c++;
+                }
+                baseLine += c;
+                rows.push(row);
+            }
+            console.log(rows.length, rows);
+            /*for (var i = 1; i < rows.length; i++) {
+                var row = rows[i];
+                for (var j = 0; j < row.photos.length; j++) {
+                    var photo = row.photos[j].photo;
+                };
+            }*/
+            for (var i = 0; i < rows.length; i++) {
+                var row = rows[i],
+                    lastRow = false;
+                rowNum = i + 1;
+                if (this.options.maxRows && rowNum > this.options.maxRows) {
+                    break;
+                }
+                if (i === rows.length - 1) {
+                    lastRow = true;
+                }
+                tw = -1 * border;
+                var newBlock = this.getBlockInRow(lastRow ? -1 : rowNum), availableRowWidth = w;
+                if(newBlock){
+                    availableRowWidth -= newBlock.width;
+                    tw = 0;
+                }
+
+                // Ratio of actual width of row to total width of images to be used.
+                var r = availableRowWidth / row.width, //Math.min(w / row.width, this.options.maxScale),
+                    c = row.photos.length;
+
+                // new height is not original height * ratio
+                var ht = Math.min(Math.floor(h * r), parseInt(this.options.maxRowHeight,10));
+                r = ht / this.options.rowHeight;
+                var domRow = $('<div/>', {
+                    'class': 'picrow'
+                });
+                domRow.height(ht + border);
+                d.append(domRow);
+
+                var imagesHtml = '';
+                for (var j = 0; j < row.photos.length; j++) {
+                    var photo = row.photos[j].photo;
+                    // Calculate new width based on ratio
+                    var wt = Math.floor(row.photos[j].width * r);
+                    tw += wt + border;
+
+                    imagesHtml += this.renderPhoto(photo, {
+                        src: this.options.thumbnailPath(photo, wt, ht),
+                        width: wt,
+                        height: ht
+                    }, newBlock ? false : j === row.photos.length - 1);
+                }
+                if(imagesHtml === ''){
+                    domRow.remove();
+                    continue;
+                }
+
+                domRow.html(imagesHtml);
+
+
+
+                if ((Math.abs(tw - availableRowWidth) < 0.05 * availableRowWidth)) {
+                    // if total width is slightly smaller than
+                    // actual div width then add 1 to each
+                    // photo width till they match
+                    var k = 0;
+                    while (tw < availableRowWidth) {
+                        var div1 = domRow.find('.' + this.options.imageContainer + ':nth-child(' + (k + 1) + ')'),
+                            img1 = div1.find('.' + this.options.imageSelector);
+                        img1.width(img1.width() + 1);
+                        k = (k + 1) % c;
+                        tw++;
+                    }
+                    // if total width is slightly bigger than
+                    // actual div width then subtract 1 from each
+                    // photo width till they match
+                    k = 0;
+                    while (tw > availableRowWidth) {
+                        var div2 = domRow.find('.' + this.options.imageContainer + ':nth-child(' + (k + 1) + ')'),
+                            img2 = div2.find('.' + this.options.imageSelector);
+                        img2.width(img2.width() - 1);
+                        k = (k + 1) % c;
+                        tw--;
+                    }
+                } else{
+                    if( availableRowWidth - tw > 0.05 * availableRowWidth ){
+                        var diff = availableRowWidth-tw,
+                            adjustedDiff = 0,
+                            images = domRow.find('.' + this.options.imageContainer),
+                            marginTop = 0;
+                        for(var l = 0 ; l < images.length ; l++ ){
+                            var currentDiff = diff / (images.length),
+                                imgDiv = images.eq(l),
+                                img = imgDiv.find('.' + this.options.imageSelector),
+                                imageWidth = img.width(),
+                                imageHeight = img.height();
+                            if( i === images.length - 1 ){
+                                currentDiff = diff - adjustedDiff;
+                            }
+                            img.width( imageWidth + currentDiff );
+                            img.height( ( imageHeight / imageWidth ) * (imageWidth + currentDiff) );
+                            marginTop = (imageHeight - img.height()) / 2;
+                            img.css('margin-top', marginTop);
+                            adjustedDiff += currentDiff;
+                        }
+                    }
+                }
+
+                if(newBlock){
+                    $('<div />', {
+                        class : this.options.imageContainer + ' added-block',
+                        css : {
+                            width : newBlock.width,
+                            height: ht
+                        },
+                        html : newBlock.html
+                    }).appendTo(domRow);
+                }
+            }
+        },
+        renderPhoto: function(image, obj, isLast) {
+            var data = {},
+                d;
+            d = $.extend({}, image, {
+                src: obj.src,
+                displayWidth: obj.width,
+                displayHeight: obj.height,
+                marginRight: isLast ? 0 : this.options.margin
+            });
+            if (this.options.dataObject) {
+                data[this.options.dataObject] = d;
+            } else {
+                data = d;
+            }
+            return this.options.template(data);
+        },
+        handleResize: function() {},
+        refresh: function(options) {
+            this.options = $.extend({}, this.defaults, options);
+            this.$el.empty();
+            this.displayImages();
+        }
+    };
+
+
+    // A really lightweight plugin wrapper around the constructor,
+    // preventing against multiple instantiations
+    $.fn[pluginName] = function(option) {
+        var args = arguments,
+            result;
+
+        this.each(function() {
+            var $this = $(this),
+                data = $.data(this, 'plugin_' + pluginName),
+                options = typeof option === 'object' && option;
+            if (!data) {
+                $this.data('plugin_' + pluginName, (data = new Plugin(this, options)));
+            }else{
+                if (typeof option === 'string') {
+                    result = data[option].apply(data, Array.prototype.slice.call(args, 1));
+                } else {
+                    data.refresh.call(data, options);
+                }
+            }
+        });
+
+        // To enable plugin returns values
+        return result || this;
+    };
+
+})(jQuery, window, document);

data/app/assets/javascripts/tramway/landing/application.js.coffee

@@ -0,0 +1,3 @@
+#= require jquery
+#= require jquery_ujs
+#= require_tree .

data/app/assets/javascripts/tramway/landing/footer.js.coffee

@@ -0,0 +1,24 @@
+#= require justified_images
+
+$(document).ready ->
+  $('.logo_collage1').empty().justifiedImages
+    images: photos
+    rowHeight: 200
+    maxRowHeight: 400
+    thumbnailPath: (photo, width, height) ->
+      purl = photo.url_s
+      if photo.url_n and (width > photo.width_s * 1.2 or height > photo.height_s * 1.2)
+        purl = photo.url_n
+      if photo.url_m and (width > photo.width_n * 1.2 or height > photo.height_n * 1.2)
+        purl = photo.url_m
+      if photo.url_z and (width > photo.width_m * 1.2 or height > photo.height_m * 1.2)
+        purl = photo.url_z
+      if photo.url_l and (width > photo.width_z * 1.2 or height > photo.height_z * 1.2)
+        purl = photo.url_l
+      purl
+    getSize: (photo) ->
+      {
+        width: photo.width_s
+        height: photo.height_s
+      }
+    margin: 1

data/app/assets/stylesheets/tramway/landing/application.css.sass

@@ -0,0 +1,16 @@
+/*
+ *= require_tree .
+ *= require_self
+ */
+
+html, body, header, #intro 
+  height: 100%
+
+#intro 
+  background-repeat: no-repeat
+  background-position: center center
+  background-attachment: fixed
+  -webkit-background-size: cover
+  -moz-background-size: cover
+  -o-background-size: cover
+  background-size: cover

data/app/assets/stylesheets/tramway/landing/collage.css.sass

@@ -0,0 +1,36 @@
+.logo_collage 
+  line-height: 0
+  -webkit-column-count: 5
+  -webkit-column-gap:   0px
+  -moz-column-count:    5
+  -moz-column-gap:      0px
+  column-count:         5
+  column-gap:           0px
+  img 
+    width: 100% !important
+    height: auto !important
+    margin: 1px
+
+@media (max-width: 1200px) 
+  .logo_collage
+    -moz-column-count:    4
+    -webkit-column-count: 4
+    column-count:         4
+  
+@media (max-width: 1000px) 
+  .logo_collage 
+    -moz-column-count:    3
+    -webkit-column-count: 3
+    column-count:         3
+  
+@media (max-width: 800px) 
+  .logo_collage 
+    -moz-column-count:    2
+    -webkit-column-count: 2
+    column-count:         2
+  
+@media (max-width: 400px) 
+  .logo_collage 
+    -moz-column-count:    1
+    -webkit-column-count: 1
+    column-count:         1

data/app/assets/stylesheets/tramway/landing/justified.css

@@ -0,0 +1,13 @@
+
+.image-container{
+    position: relative;
+}
+.photo-container{
+    float: left;
+    position: relative;
+    overflow: hidden;
+}
+.image-thumb{
+    position: relative;
+    background-color: #eee;
+}

data/app/controllers/tramway/landing/application_controller.rb

@@ -0,0 +1,11 @@
+module Tramway
+  module Landing
+    class ApplicationController < ActionController::Base
+      protect_from_forgery with: :exception
+
+      def application
+        ::Tramway::Core::Application.first
+      end
+    end
+  end
+end

data/app/decorators/tramway/landing/block_decorator.rb

@@ -0,0 +1,26 @@
+class Tramway::Landing::BlockDecorator < ::Tramway::Core::ApplicationDecorator
+  class << self
+    def collections
+      [ :all ]
+    end
+
+    def list_attributes
+      [ :position, :view_state ]
+    end
+  end
+
+  delegate :position, to: :object
+
+  def view_state
+    object.human_view_state_name
+  end
+
+  def view_state_button_color(event)
+    case event
+    when :publish
+      :primary
+    when :hide
+      :secondary
+    end
+  end
+end

data/app/decorators/tramway/landing/block_types/cards_decorator.rb

@@ -0,0 +1,13 @@
+class Tramway::Landing::BlockTypes::CardsDecorator < ::Tramway::Core::ApplicationDecorator
+  def image; end
+
+  def title; end
+
+  def description; end
+
+  def button; end
+
+  def icon; end
+
+  def path; end
+end

data/app/decorators/tramway/landing/block_types/features_decorator.rb

@@ -0,0 +1,9 @@
+class Tramway::Landing::BlockTypes::FeaturesDecorator < ::Tramway::Core::ApplicationDecorator
+  def icon; end
+
+  def image; end
+
+  def title; end
+
+  def text; end
+end

data/app/forms/tramway/landing/block_form.rb

@@ -0,0 +1,15 @@
+class Tramway::Landing::BlockForm < ::Tramway::Core::ApplicationForm
+  properties :title, :background, :view_state, :block_type, :position, :navbar_link, :anchor, :description
+
+  def initialize(object)
+    form_object = super object
+    form_properties title: :string,
+                    background: :file,
+                    position: :numeric,
+                    block_type: :default,
+                    navbar_link: :default,
+                    anchor: :string,
+                    description: :default
+    form_object
+  end
+end

data/app/helpers/tramway/landing/application_helper.rb

@@ -0,0 +1,8 @@
+module Tramway
+  module Landing
+    module ApplicationHelper
+      include Tramway::Admin::RussianCasesHelper
+      include Tramway::Profiles::LinksHelper
+    end
+  end
+end

data/app/jobs/tramway/landing/application_job.rb

@@ -0,0 +1,6 @@
+module Tramway
+  module Landing
+    class ApplicationJob < ActiveJob::Base
+    end
+  end
+end

data/app/mailers/tramway/landing/application_mailer.rb

@@ -0,0 +1,8 @@
+module Tramway
+  module Landing
+    class ApplicationMailer < ActionMailer::Base
+      default from: 'from@example.com'
+      layout 'mailer'
+    end
+  end
+end

data/app/models/tramway/landing/application_record.rb

@@ -0,0 +1,7 @@
+module Tramway
+  module Landing
+    class ApplicationRecord < ::Tramway::Core::ApplicationRecord
+      self.abstract_class = true
+    end
+  end
+end

data/app/models/tramway/landing/block.rb

@@ -0,0 +1,24 @@
+class Tramway::Landing::Block < ::Tramway::Landing::ApplicationRecord
+  enumerize :block_type, in: [ :header, :footer, :page, :cards, :features, :contacts, :news ]
+  enumerize :navbar_link, in: [ :exist, :not_exist ], default: :not_exist
+
+  mount_uploader :background, PhotoUploader
+
+  state_machine :view_state, initial: :published do
+    state :published
+    state :hidden
+
+    event :publish do
+      transition hidden: :published
+    end
+
+    event :hide do
+      transition published: :hidden
+    end
+  end
+
+  scope :on_main_page, -> { active.where(view_state: :published).order :position }
+  scope :with_navbar_link, -> { where navbar_link: :exist }
+  scope :header, -> { on_main_page.where(block_type: :header).first }
+  scope :footer, -> { on_main_page.where(block_type: :footer).first }
+end

data/app/uploaders/tramway/landing/photo_versions.rb

@@ -0,0 +1,15 @@
+module Tramway::Landing::PhotoVersions
+  extend ActiveSupport::Concern
+
+  included do
+    version :card do
+      process resize_to_fill: [400, 400, 'North']
+    end
+
+    version :horizontal do
+      process resize_to_fill: [1600, 700, 'Center']
+    end
+  end
+end
+
+PhotoUploader.include Tramway::Landing::PhotoVersions

data/app/views/layouts/tramway/landing/application.html.haml

@@ -0,0 +1,28 @@
+!!!
+%html
+  %head
+    %meta{content: "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}
+    %title
+      = yield :title
+    = stylesheet_link_tag    "tramway/landing/application", media: "all"
+    = javascript_include_tag "tramway/landing/application"
+    = javascript_include_tag "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js", integrity: "sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl", crossorigin: "anonymous"
+    = javascript_include_tag "https://code.jquery.com/jquery-3.2.1.slim.min.js", integrity: "sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN", crossorigin: "anonymous"
+    = javascript_include_tag "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js", integrity: "sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q", crossorigin: "anonymous"
+    = csrf_meta_tags
+    = yield :head_content
+  %body
+    = stylesheet_link_tag 'https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.5/css/mdb.min.css'
+    = javascript_include_tag 'https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.5/js/mdb.js'
+    = javascript_include_tag 'https://cdn.rawgit.com/CezarLuiz0/anchor.js/master/dist/anchor.min.js'
+    - if @blocks&.any?
+      = render "tramway/landing/blocks/block_types/header", block: @blocks.header
+    %main{ class: ('mt-5' if @blocks&.any?) }
+      .container
+        - if @blocks&.any?
+          - (@blocks - [@blocks.header] - [@blocks.footer]).each do |block|
+            = render "tramway/landing/blocks/block_types/#{block.block_type}", block: block
+      .container-fluid
+        = yield
+    - if @blocks&.any?
+      = render "tramway/landing/blocks/block_types/footer", block: @blocks.footer

data/app/views/tramway/landing/blocks/block_types/_cards.html.haml

@@ -0,0 +1,36 @@
+.container.text-center
+  %h2.mb-4.font-weight-bold
+    = block.title
+  %p.grey-text
+    = block.description
+  .row{ id: block.anchor }
+    -# FIXME bad guy mode ON
+    - eval("@collection_#{block.anchor}").each do |item|
+      .col-lg-4.col-md-12.mb-4
+        - if item.path.present?
+          = link_to item.path do
+            .card.link
+              .view.overlay.hm-white-slight
+                = image_tag item.image, class: 'img-fluid'
+              = link_to '#' do
+                .mask
+              .card-body
+                %h4.card-title
+                  = item.title
+                %p.card-text
+                  = item.description
+                - if item.button.present?
+                  = link_to item.button.text, item.button.url, class: 'btn btn-primary'
+        - else
+          .card
+            .view.overlay.hm-white-slight
+              = image_tag item.image, class: 'img-fluid'
+            = link_to '#' do
+              .mask
+            .card-body
+              %h4.card-title
+                = item.title
+              %p.card-text
+                = item.description
+              - if item.button.present?
+                = link_to item.button.text, item.button.url, class: 'btn btn-primary'

data/app/views/tramway/landing/blocks/block_types/_contacts.html.haml

@@ -0,0 +1,48 @@
+%script{ src: 'https://maps.google.com/maps/api/js?key=AIzaSyDC054dWb7cQ_mULJk3d1UBK6pN8msCx1g' }
+:javascript
+  function regular_map() {
+    var var_location = new google.maps.LatLng(#{yield(:latitude)}, #{yield(:longtitude)});
+ 
+    var var_mapoptions = {
+        center: var_location,
+        zoom: 14
+    };
+ 
+    var var_map = new google.maps.Map(document.getElementById("map-container"),
+        var_mapoptions);
+ 
+    var var_marker = new google.maps.Marker({
+        position: var_location,
+        map: var_map,
+        title: "New York"
+    });
+  }
+  google.maps.event.addDomListener(window, 'load', regular_map);
+#contact
+  %h2.mb-5.font-weight-bold.text-center
+    = block.title
+  .row
+    .col-lg-5.col-md-12
+      - @application.social_networks.each do |profile|
+        %ul.list-group
+          %li.list-group-item
+            = profile_link profile
+    .col-lg-7.col-md-12
+      .row.text-center
+        - if yield(:address).present?
+          .col-lg-4.col-md-12.mb-3
+            %p
+              = fa_icon :map, class: 'fa-lx mr-2 grey-text'
+              = yield :address
+        - if yield(:schedule).present?
+          .col-lg-4.col-md-6.mb-3
+            %p
+              = fa_icon :building, class: 'fa-lx mr-2 grey-text'
+              = yield :schedule
+        - if yield(:phone).present?
+          .col-lg-4.col-md-6.mb-3
+            %p
+              = tel_tag yield(:phone) do
+                = fa_icon :phone, class: 'fa-lx mr-2 grey-text'
+                = yield :phone
+      #map-container.z-depth-1-half.map-container{ style: 'height: 400px' }

data/app/views/tramway/landing/blocks/block_types/_features.html.haml

@@ -0,0 +1,26 @@
+%main.mt-5
+  .container
+    %section#best-features.text-center{ id: block.anchor }
+      %h2.mb-4.font-weight-bold
+        = block.title
+      .row.d-flex.justify-content-center.mb-4
+        .col-md-8
+          %p.grey-text
+            = block.description
+      .row
+        - eval("@collection_#{block.anchor}").each do |item|
+          .col-md-4.mb-1
+            - if item.icon.present?
+              %i.fa.fa-camera-retro.fa-4x.orange-text{ class: "fa-#{item.icon}" }
+            - else
+              = image_tag item.image
+            %h4.my-4
+              = item.title
+            %p.grey-text
+              = item.text
+    %hr.my-5/
+    %section#examples
+    %hr.my-5/
+    %section#gallery
+    %hr.my-5/
+    %section#contact

data/app/views/tramway/landing/blocks/block_types/_footer.html.haml

@@ -0,0 +1,16 @@
+= javascript_include_tag 'tramway/landing/footer'
+%footer.page-footer.indigo.center-on-small-only
+  .container-fluid
+    .row
+      .col-md-6
+        %h5.title
+          = yield :application_name
+        %p
+          = yield :application_tagline
+        .logo_collage.effect-parent
+          = yield :footer_logos
+      .col-md-6
+        = yield :footer_links
+  .footer-copyright
+    .container-fluid
+      = link_to copyright(2018, yield(:application_name)), yield(:application_url)

data/app/views/tramway/landing/blocks/block_types/_header.html.haml

@@ -0,0 +1,22 @@
+%header
+  %nav.navbar.navbar-expand-lg.navbar-dark.indigo.scrolling-navbar.fixed-top
+    = link_to yield(:application_name), '#', class: 'navbar-brand'
+
+    %button.navbar-toggler{ type: :button, data: { toggle: :collapse, target: '#navbarSupportedContent' }, aria: { controls: 'navbarSupportedContent', expanded: 'false', label: 'Toggle navigation' } }
+      = fa_icon :bars
+    .collapse.navbar-collapse#navbarSupportedContent
+      %ul.navbar-nav.mr-auto
+        - @blocks.with_navbar_link.each do |block|
+          = menu_item block.title, "##{block.anchor}"
+  #intro.view.hm-black-strong{ style: "background-image: url('#{block.background.url}')" }
+    .container-fluid.full-bg-img.d-flex.align-items-center.justify-content-center
+      .row.d-flex.justify-content-center
+        .col-md-10.text-center
+          %h2.display-3.font-bold.white-text.mb-2
+            = yield(:application_name)
+          %hr.hr-light
+          %h4.white-text.my-4
+            = yield(:application_tagline)
+          - @blocks.with_navbar_link.each do |block|
+            %button.btn.btn-outline-white.waves-effect.waves-light.header-buttons{ type: :button, data: { anchor: "##{block.anchor}" } }
+              = block.title

data/app/views/tramway/landing/blocks/block_types/_page.html.haml

@@ -0,0 +1,9 @@
+.row
+  .col-md-7
+    = image_tag block.background, class: 'img-fluid'
+  .col-md-5
+    %h2
+      = block.title
+    %hr
+    %p
+      = block.description

data/config/initializers/assets.rb

@@ -0,0 +1 @@
+Rails.application.config.assets.precompile += %w( tramway/landing/footer.js  )

data/config/initializers/tramway.rb

@@ -0,0 +1 @@
+::Tramway::Admin.set_available_models ::Tramway::Landing::Block

data/config/locales/models.yml

@@ -0,0 +1,19 @@
+ru:
+  activerecord:
+    models:
+      tramway/landing/block: Блок
+    attributes:
+      tramway/landing/block:
+        title: Название
+        background: Изображение на фоне
+        position: Позиция на странице
+        block_type: Тип блока
+        view_state: Видимость на сайте
+  cases:
+    tramway/landing/block:
+      plural: Блоки
+      genitive: блок
+  enumerize:
+    tramway/landing/block:
+      block_type:
+        header: Начальный

data/config/locales/state_machines.yml

@@ -0,0 +1,15 @@
+ru:
+  collections:
+    tramway/landing/block:
+      published: Опубликованные
+      hidden: Скрытые
+  activerecord:
+    state_machines:
+      tramway/landing/block:
+        view_state:
+          states:
+            published: Виден
+            hidden: Скрытый
+          events:
+            publish: Показать на сайте
+            hide: Скрыть с сайта

data/config/routes.rb

@@ -0,0 +1,2 @@
+Tramway::Landing::Engine.routes.draw do
+end

data/lib/tasks/tramway/landing_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :tramway_landing do
+#   # Task goes here
+# end

data/lib/tramway/landing.rb

@@ -0,0 +1,7 @@
+require "tramway/landing/engine"
+require 'tramway/landing/generates/install_generator'
+
+module Tramway
+  module Landing
+  end
+end

data/lib/tramway/landing/engine.rb

@@ -0,0 +1,7 @@
+module Tramway
+  module Landing
+    class Engine < ::Rails::Engine
+      isolate_namespace Tramway::Landing
+    end
+  end
+end

data/lib/tramway/landing/generates/install_generator.rb

@@ -0,0 +1,21 @@
+require 'rails/generators'
+require 'tramway/core/generators/install_generator'
+
+module Tramway::Landing::Generators
+  class InstallGenerator < ::Tramway::Core::Generators::InstallGenerator
+    include Rails::Generators::Migration
+    source_root File.expand_path('../templates', __FILE__)
+
+    def self.next_migration_number(path)
+      next_migration_number = current_migration_number(path) + 1
+      ActiveRecord::Migration.next_migration_number next_migration_number
+    end
+
+    def copy_migrations
+      migration_template 'create_tramway_landing_blocks.rb', 'db/migrate/create_tramway_landing_blocks.rb'
+      migration_template 'add_navbar_link_to_tramway_landing_blocks.rb', 'db/migrate/add_navbar_link_to_tramway_landing_blocks.rb'
+      migration_template 'add_anchor_to_tramway_landing_blocks.rb', 'db/migrate/add_anchor_to_tramway_landing_blocks.rb'
+      migration_template 'add_description_to_tramway_landing_blocks.rb', 'db/migrate/add_description_to_tramway_landing_blocks.rb'
+    end
+  end
+end

data/lib/tramway/landing/generates/templates/add_anchor_to_tramway_landing_blocks.rb

@@ -0,0 +1,5 @@
+class AddAnchorToTramwayLandingBlocks < ActiveRecord::Migration[5.1]
+  def change
+    add_column :tramway_landing_blocks, :anchor, :text
+  end
+end

data/lib/tramway/landing/generates/templates/add_description_to_tramway_landing_blocks.rb

@@ -0,0 +1,5 @@
+class AddDescriptionToTramwayLandingBlocks < ActiveRecord::Migration[5.1]
+  def change
+    add_column :tramway_landing_blocks, :description, :text
+  end
+end

data/lib/tramway/landing/generates/templates/add_navbar_link_to_tramway_landing_blocks.rb

@@ -0,0 +1,5 @@
+class AddNavbarLinkToTramwayLandingBlocks < ActiveRecord::Migration[5.1]
+  def change
+    add_column :tramway_landing_blocks, :navbar_link, :text, default: :not_exist
+  end
+end

data/lib/tramway/landing/generates/templates/create_tramway_landing_blocks.rb

@@ -0,0 +1,14 @@
+class CreateTramwayLandingBlocks < ActiveRecord::Migration[5.1]
+  def change
+    create_table :tramway_landing_blocks do |t|
+      t.text :title
+      t.text :background
+      t.text :block_type
+      t.integer :position
+      t.text :state, default: :active
+      t.text :view_state, default: :hidden
+
+      t.timestamps
+    end
+  end
+end

data/lib/tramway/landing/version.rb

@@ -0,0 +1,5 @@
+module Tramway
+  module Landing
+    VERSION = '1.0'
+  end
+end

metadata

@@ -0,0 +1,86 @@
+--- !ruby/object:Gem::Specification
+name: tramway-landing
+version: !ruby/object:Gem::Version
+  version: '1.0'
+platform: ruby
+authors:
+- Pavel Kalashnikov
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2018-02-21 00:00:00.000000000 Z
+dependencies: []
+description: Landing Engine for your Rails projects
+email:
+- kalashnikovisme@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/config/tramway_landing_manifest.js
+- app/assets/javascripts/justified_images.js
+- app/assets/javascripts/tramway/landing/application.js.coffee
+- app/assets/javascripts/tramway/landing/footer.js.coffee
+- app/assets/stylesheets/tramway/landing/application.css.sass
+- app/assets/stylesheets/tramway/landing/collage.css.sass
+- app/assets/stylesheets/tramway/landing/justified.css
+- app/controllers/tramway/landing/application_controller.rb
+- app/decorators/tramway/landing/block_decorator.rb
+- app/decorators/tramway/landing/block_types/cards_decorator.rb
+- app/decorators/tramway/landing/block_types/features_decorator.rb
+- app/forms/tramway/landing/block_form.rb
+- app/helpers/tramway/landing/application_helper.rb
+- app/jobs/tramway/landing/application_job.rb
+- app/mailers/tramway/landing/application_mailer.rb
+- app/models/tramway/landing/application_record.rb
+- app/models/tramway/landing/block.rb
+- app/uploaders/tramway/landing/photo_versions.rb
+- app/views/layouts/tramway/landing/application.html.haml
+- app/views/tramway/landing/blocks/block_types/_cards.html.haml
+- app/views/tramway/landing/blocks/block_types/_contacts.html.haml
+- app/views/tramway/landing/blocks/block_types/_features.html.haml
+- app/views/tramway/landing/blocks/block_types/_footer.html.haml
+- app/views/tramway/landing/blocks/block_types/_header.html.haml
+- app/views/tramway/landing/blocks/block_types/_page.html.haml
+- config/initializers/assets.rb
+- config/initializers/tramway.rb
+- config/locales/models.yml
+- config/locales/state_machines.yml
+- config/routes.rb
+- lib/tasks/tramway/landing_tasks.rake
+- lib/tramway/landing.rb
+- lib/tramway/landing/engine.rb
+- lib/tramway/landing/generates/install_generator.rb
+- lib/tramway/landing/generates/templates/add_anchor_to_tramway_landing_blocks.rb
+- lib/tramway/landing/generates/templates/add_description_to_tramway_landing_blocks.rb
+- lib/tramway/landing/generates/templates/add_navbar_link_to_tramway_landing_blocks.rb
+- lib/tramway/landing/generates/templates/create_tramway_landing_blocks.rb
+- lib/tramway/landing/version.rb
+homepage: https://github.com/kalashnikovisme/tramway-landing
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.7.3
+signing_key: 
+specification_version: 4
+summary: Landing Engine for your Rails projects
+test_files: []