redditor 0.1.0

data/app/assets/stylesheets/redditor/fileapi/fileapi_front.css.scss

@@ -0,0 +1,175 @@
+@import "compass";
+
+#oooops {
+  // уведомления о том что ничего не поддерживается кроме фрейма
+  display: none;
+  border-radius: 4px;
+  padding: 10px;
+  margin: 10px 0; border: 2px solid #f60;
+}
+
+#buttons-panel {
+  font-size: 15px;
+  font-family: "Helvetica Neue";
+  margin-top: 7%;
+}
+
+.b-button {
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+  color: rgb(62, 112, 141);
+  border-bottom: 1px dashed #000080;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  margin-left: 8%;
+  display: inline-block;
+  font: 16px myfont;
+  &:hover {
+    text-decoration: underline;
+    border-bottom-color: transparent;
+  };
+  .b-button__input {
+    cursor: pointer;
+    @include opacity(0);
+    top: -10px;
+    right: -40px;
+    font-size: 50px;
+    position: absolute;
+    padding: 50px;
+  }
+}
+
+
+
+
+#preview {
+  box-shadow: 0 1px 3px rgba(0,0,0,.4);
+  border-radius: 3px;
+}
+
+.b-file {
+  padding: 5px;
+  position: relative;
+  overflow: hidden;
+  border-radius: 3px;
+  background-color: #fcfcfc;
+  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
+  background: -moz-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
+  background: -o-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
+  background: linear-gradient(to bottom, #fcfcfc 0%, #f6f6f6 100%);
+  clear: both;
+}
+  .b-file__left {
+    float: left;
+    margin: 1px 0 0 2px;
+    line-height: 0;
+  }
+    .b-file__left_border {
+      border: 2px solid #fff;
+      border-radius: 4px;
+    }
+
+  .b-file__right {
+    margin-left: 45px;
+  }
+
+  .b-file__name {
+    color: #36c;
+  }
+
+  .b-file__info {
+    color: #666;
+    position: relative;
+    font-size: 12px;
+    margin-top: 3px;
+  }
+
+  .b-file__bar {
+    padding-top: 4px;
+  }
+
+  .b-file__error {
+    color: #c00;
+  }
+  .b-file__done {
+    color: #458383;
+  }
+  .b-file__abort {
+    top: 10px;
+    right: 20px;
+    width: 15px;
+    height: 15px;
+    position: absolute;
+    color: #c00;
+    cursor: pointer;
+    font-size: 20px;
+    display: none;
+    font-style: italic;
+    border-bottom: none !important;
+    text-decoration: none !important;
+  }
+    .b-file_upload .b-file__abort { display: block; }
+
+.b-progress {
+  max-width: 200px;
+  clear: both;
+  height: 10px;
+  border: 2px solid #E2E4E2;
+  border-radius: 10px;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
+  background-color: #d3d3d3;
+  position: relative;
+}
+  .b-progress__bar {
+    width: 0;
+    height: 10px;
+    border-radius: 10px;
+    background-color: #2D9DD7;
+    @include background(linear-gradient(top, #2D9DD7 0%, #1C81C7 100%));
+    -webkit-transition: width .5s ease-out;
+    -moz-transition: width .5s ease-out;
+    -ms-transition: width .5s ease-out;
+    transition: width .5s ease-out;
+  }
+
+.b-dropzone {
+  position: relative;
+  border: 1px dashed #babbbf;
+  margin: 2% 0 7%;
+  &.active {
+  }
+}
+
+.b-dropzone__bg, .b-dropzone__txt {
+  position: absolute;
+  .b-dropzone.active & {display: block;}
+}
+
+.b-dropzone__bg {
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 30000;
+  opacity: .2;
+  // background:#EEDA7C;
+  .active & {
+    background-color: #2D9DD7;
+
+  }
+}
+
+.b-dropzone__txt {
+  // color: rgb(168, 162, 94);
+  .active & {color: #1C81C7;}
+  text-align: center;
+  width: 500px;
+  top: 50%;
+  left: 50%;
+  margin: -50px 0 0 -250px;
+  z-index: 30001;
+  line-height: 100px;
+  font-size: 13px;
+}

data/app/assets/stylesheets/redditor/redditor.css.scss

@@ -0,0 +1,108 @@
+@import "compass";
+dl.redditor {
+  dd {
+    /*нельзя задавать position-relative, иначе глючит сортировка в хроме*/
+    margin: 10px -10px; padding:10px; background:#efefef;
+    border: 1px solid #e8e8e8;
+    .handle {
+      width:20px; height: 20px; float: left;
+      background: image-url('redditor/move_handler.png') center no-repeat;
+      cursor: move;
+    }
+  }
+  &.now-sortable dd {
+    height: 50px !important; overflow: hidden;
+    .tit-form {display: block;}
+  }
+  label.delete {
+    position: absolute; left:100%; bottom: 100%; white-space:nowrap;
+    @include transform(rotate(90deg));
+    @include transform-origin(0, 100%);
+  }
+  .ui-sortable-helper, .ui-sortable-placeholder {
+    /*max-height: 200px !important; overflow: hidden;*/
+  }
+  .upload-area {
+    overflow: hidden; margin-top: 10px;
+  }
+}
+
+ul.slider-block-images {
+  overflow: hidden;
+  li {
+    margin: 0 5px 5px 0; list-style: none;
+    float: left; position: relative;
+    border: 1px solid #e8e8e8;
+    background: #fff;
+    img {display: block;}
+  }
+}
+
+div.redditor-add-blocks {
+  margin:10px -10px; padding:10px;
+  > p {
+    overflow: hidden;
+  }
+}
+.control-data {float: right;}
+.delete-data, .update-data {
+  text-decoration: none;
+  display: inline-block;
+  text-align: center; min-width: 10px; padding: 0 5px;
+  font-size: 10px; line-height: 20px;
+  border: 1px solid #C2C2C2; border-radius: 15px;
+  background: #F8F8F8;
+}
+.delete-data { color: #A72522;}
+.update-data { color: green;}
+
+.form-name {
+  margin-top: 25px;
+}
+.tit-form {
+  display: none; margin-top: -25px; text-align: center; font-size: 18px;
+  line-height: 30px; vertical-align: middle;
+  img { width: 30px; display: inline-block; vertical-align: middle;}
+}
+.line-form {
+  display: inline-block; margin-right: 5px;
+}
+.del-item {
+  text-decoration: none; position: absolute; right: 1px; bottom: 1px;
+  width: 22px; height: 22px;
+  background: #eee image-url('redditor/trash.png') center no-repeat;
+  border-radius: 15px; border: 1px solid #aaa;
+}
+.full-width {
+  width: 100%; box-sizing: border-box;
+}
+.add-txt, .add-video, .add-photo, .add-slider {
+  text-decoration: none; color: #222; float: left; padding: 4px 10px 4px 25px;
+  border-radius: 3px; border: 1px solid #ccc; font-size: 11px; margin-right: 3px;
+}
+.add-txt {
+  @include background(image-url('redditor/add_txt.png') 3px center no-repeat, linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%));
+}
+.add-video {
+  @include background(image-url('redditor/add_video.png') 3px center no-repeat, linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%));
+}
+.add-photo {
+  @include background(image-url('redditor/add_photo.png') 3px center no-repeat, linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%));
+}
+.add-slider {
+  @include background(image-url('redditor/add_slider.png') 3px center no-repeat, linear-gradient(top, #fff 0%, #f5f5f5 49%, #ececec 50%, #eee 100%));
+}
+a.redactor_btn_format {
+  background: image-url('redditor/no_format_text.png') center no-repeat !important;
+}
+a.redactor_btn_divide {
+  background: image-url('redditor/destroy_block_text.png') center no-repeat !important;
+}
+// dl.redditor dd:before {
+//   content: "class: " attr(class); display: block; padding: 2px; background: #fcc;
+// }
+
+// dl.redditor div.form-name:before {
+//   content: "object-name: " attr(data-object-name) "\A id: " attr(id); display: block; padding: 2px; background: #ffc;
+//   white-space: pre;
+// }

data/app/controllers/redditor/admin/base_controller.rb

@@ -0,0 +1,18 @@
+# coding: utf-8
+
+class Redditor::Admin::BaseController < ActionController::Base
+  layout false
+
+  before_filter :get_page
+
+  private
+
+    def get_page
+      @page = Redditor::Page.find(params[:page_id] || params[:id])
+    end
+
+    def content_block_params
+      params.require(:content_block).permit!
+    end
+
+end

data/app/controllers/redditor/admin/image_blocks_controller.rb

@@ -0,0 +1,37 @@
+# coding: utf-8
+
+class Redditor::Admin::ImageBlocksController < Redditor::Admin::BaseController
+
+  def new
+    @content_block = @page.images.build(content_block_params)
+    render "redditor/admin/pages/new"
+  end
+
+  def update
+    @content_block = @page.images.find(params[:id])
+    @content_block.update_attributes(content_block_params)
+    render "redditor/admin/pages/wrapper"
+  end
+
+  def create
+    @content_block = @page.images.build(content_block_params)
+    @content_block.update_attributes(src: params[:file])
+    render "redditor/admin/pages/wrapper"
+  end
+
+  def destroy
+    @content_block = @page.images.find(params[:id])
+    if @content_block.destroy
+      render :js => "$('#image_#{@content_block.id}').closest('dd').remove();"
+    else
+      render :js => "alert('Контент-блок не удален');"
+    end
+  end
+
+  def update_post
+    @content_block = @page.images.find(params[:id])
+    @content_block.update_attributes(src: params[:file])
+    render "redditor/admin/pages/wrapper"
+  end
+
+end

data/app/controllers/redditor/admin/images_controller.rb

@@ -0,0 +1,33 @@
+# coding: utf-8
+
+class Redditor::Admin::ImagesController < Redditor::Admin::BaseController
+
+  layout false
+
+  def sort
+    params[:slider_block_image].each_with_index do |id, idx|
+      p = Redditor::Image.find(id)
+      p.position = idx
+      p.save
+    end
+    render :nothing => true
+  end
+
+  def create
+    @slider_block = @page.slider_blocks.find(params[:slider_block_id])
+    @image = @slider_block.images.build(src: params[:file])
+    if @image.save
+      render "redditor/admin/pages/slider_block_image"
+    end
+  end
+
+  def destroy
+    @image = Redditor::Image.find(params[:id])
+    if @image.destroy
+      render :js => "$('#slider_block_image_#{@image.id}').remove()"
+    else
+      render :js => 'Ошибка! Изображение не было удалено.'
+    end
+  end
+
+end

data/app/controllers/redditor/admin/pages_controller.rb

@@ -0,0 +1,15 @@
+# coding: utf-8
+
+class Redditor::Admin::PagesController < Redditor::Admin::BaseController
+  layout false
+
+  def sort
+    params[:sort].each do |k, v|
+      v.each do |klass, info|
+        klass.camelcase.constantize.find_by_id(info[:index]).update_attributes(position: info[:position]) rescue nil
+      end
+    end
+
+    render :nothing => true
+  end
+end

data/app/controllers/redditor/admin/slider_blocks_controller.rb

@@ -0,0 +1,32 @@
+# coding: utf-8
+
+class Redditor::Admin::SliderBlocksController < Redditor::Admin::BaseController
+
+  def new
+    @content_block = @page.slider_blocks.build(content_block_params)
+    render "redditor/admin/pages/new"
+  end
+
+  def update
+    @content_block = @page.slider_blocks.find(params[:id])
+    @content_block.update_attributes(content_block_params)
+    render "redditor/admin/pages/wrapper"
+  end
+
+  def create
+    temp_last_postion = @page.try(:content_blocks).try(:last).try(:position).to_i + 1
+    @content_block = @page.slider_blocks.build(content_block_params)
+    @content_block.update_attributes(position: temp_last_postion)
+    render "redditor/admin/pages/new"
+  end
+
+  def destroy
+    @content_block = @page.slider_blocks.find(params[:id])
+    if @content_block.destroy
+      render :js => "$('#slider_block_#{@content_block.id}').closest('dd').remove();"
+    else
+      render :js => "alert('Контент-блок не удален');"
+    end
+  end
+
+end

data/app/controllers/redditor/admin/text_blocks_controller.rb

@@ -0,0 +1,31 @@
+#coding: utf-8
+
+class Redditor::Admin::TextBlocksController < Redditor::Admin::BaseController
+
+  def new
+    @content_block = @page.text_blocks.build(content_block_params)
+    render "redditor/admin/pages/new"
+  end
+
+  def update
+    @content_block = @page.text_blocks.find(params[:id])
+    @content_block.update_attributes(content_block_params)
+    render "redditor/admin/pages/wrapper"
+  end
+
+  def create
+    @content_block = @page.text_blocks.build(content_block_params)
+    @content_block.save
+    render "redditor/admin/pages/wrapper"
+  end
+
+  def destroy
+    @content_block = @page.text_blocks.find(params[:id])
+    if @content_block.destroy
+      render :js => "$('#text_block_#{@content_block.id}').closest('dd').remove();"
+    else
+      render :js => "alert('Контент-блок не удален');"
+    end
+  end
+
+end

data/app/controllers/redditor/admin/video_blocks_controller.rb

@@ -0,0 +1,31 @@
+#coding: utf-8
+
+class Redditor::Admin::VideoBlocksController < Redditor::Admin::BaseController
+
+  def new
+    @content_block = @page.video_blocks.build(content_block_params)
+    render "redditor/admin/pages/new"
+  end
+
+  def update
+    @content_block = @page.video_blocks.find(params[:id])
+    @content_block.update_attributes(content_block_params)
+    render "redditor/admin/pages/wrapper"
+  end
+
+  def create
+    @content_block = @page.video_blocks.build(content_block_params)
+    @content_block.save
+    render "redditor/admin/pages/wrapper"
+  end
+
+  def destroy
+    @content_block = @page.video_blocks.find(params[:id])
+    if @content_block.destroy
+      render :js => "$('#video_block_#{@content_block.id}').closest('dd').remove();"
+    else
+      render :js => "alert('Контент-блок не удален');"
+    end
+  end
+
+end

data/app/controllers/redditor/application_controller.rb

@@ -0,0 +1,4 @@
+module Redditor
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/helpers/redditor/application_helper.rb

@@ -0,0 +1,4 @@
+module Redditor
+  module ApplicationHelper
+  end
+end

data/app/helpers/redditor/fileapi_helper.rb

@@ -0,0 +1,17 @@
+#coding: utf-8
+module Redditor
+  module FileapiHelper
+
+    def fileapi url=nil
+      html = stylesheet_link_tag "redditor/fileapi/fileapi"
+      html += javascript_include_tag "redditor/fileapi/mailru"
+      if url.present?
+        html += javascript_tag do 
+          %Q{FU.config.uploadUrl = "#{url}"}.html_safe
+        end
+      end
+      content_for(:js, html)
+    end
+
+  end
+end

data/app/helpers/redditor/pages_helper.rb

@@ -0,0 +1,24 @@
+# coding: utf-8
+
+module Redditor
+  module PagesHelper
+    def button_tag_add_fields(name, f, association)
+      new_object = f.object.send(association).klass.new
+      id = new_object.object_id
+      fields = f.fields_for(association, new_object, child_index: id) do |builder|
+        content_tag(:dd, :id => "#{association.to_s.singularize}_#{id}") do
+          tag(:div, class: "handle") +
+          link_to("Удалить", "javascript:void(0);", onclick: "if (confirm('dfasdsa')) $(this).closest('dd').remove();") + "\s" +
+          link_to("Обновить", [:admin, @article.page, association], method: "post", class: "update-data", remote: true, data: {disable_with: "Обновляется"}) + "\s" +
+          render("admin/pages/" + association.to_s.singularize, f: builder)
+        end
+      end
+      
+      button_tag(name, class: "add_fields", type: "button", data: {id: id, fields: fields.gsub("\n", "")})
+    end
+
+    def redditor_validate f
+      render "redditor/admin/pages/validate", {f: f} 
+    end
+  end
+end

data/app/models/redditor/content_block.rb

@@ -0,0 +1,24 @@
+# coding: utf-8
+module Redditor
+  class ContentBlock < ActiveRecord::Base
+
+    def self.find_by_position_and_type(position, type, page_id)
+      type.to_s.sub("s_attributes", "").camelcase.constantize.where(page_id: page_id, position: position).first
+    end
+
+    def self.init_by_type(type, params)
+      res = type.to_s.sub("s_attributes", "").camelcase.constantize.new(params)
+      res.valid?
+      res
+    end
+
+    def self.check_by_position_and_type position, type, page_id
+      type.to_s.sub("s_attributes", "").camelcase.constantize.where(page_id: page_id, position: position).any?
+    end
+
+    # def self.model_name
+    #   ActiveModel::Name.new(self, nil, self.class.name.gsub("Redditor::", ''))
+    # end
+
+  end
+end

data/app/models/redditor/image.rb

@@ -0,0 +1,29 @@
+# coding: utf-8
+
+module Redditor
+  class Image < ActiveRecord::Base
+    self.table_name = "redditor_images"
+
+    after_initialize :default_values # чтобы файл загружался, пока через html5 не передаем позицию
+
+    # attr_accessible :descr, :imageable_id, :imageable_type, :position, :src, :temp_id
+    attr_accessor :temp_id
+
+    mount_uploader :src, RedditorUploader
+
+    validates :src, :presence => true
+
+    belongs_to :imageable, :polymorphic => true
+
+    default_scope -> { order(:position) }
+
+    def self.model_name
+      ActiveModel::Name.new(self, nil, 'Image')
+    end
+
+    private
+      def default_values
+        self.position ||= 1000
+      end
+  end
+end

data/app/models/redditor/page.rb

@@ -0,0 +1,28 @@
+# coding: utf-8
+
+module Redditor
+  class Page < ActiveRecord::Base
+    self.table_name = "redditor_pages"
+
+    # attr_accessible :pageable_id, :pageable_type, :metakey, :metadesc, :text_blocks_attributes, :video_blocks_attributes, :images_attributes, :slider_blocks_attributes
+
+    belongs_to :pageable, :polymorphic => true
+    has_many :text_blocks, :class_name => "Redditor::TextBlock"
+    has_many :video_blocks, :class_name => "Redditor::VideoBlock"
+    has_many :images, :as => :imageable
+    has_many :slider_blocks, :class_name => "Redditor::SliderBlock"
+    
+    accepts_nested_attributes_for :text_blocks, :allow_destroy => true
+    accepts_nested_attributes_for :video_blocks, :allow_destroy => true
+    accepts_nested_attributes_for :slider_blocks, :allow_destroy => true
+    accepts_nested_attributes_for :images, :allow_destroy => true
+
+    def self.model_name
+      ActiveModel::Name.new(self, nil, 'Page')
+    end
+
+    def content_blocks
+      (self.text_blocks + self.video_blocks + self.images + self.slider_blocks).sort {|x, y| x.position <=> y.position}
+    end
+  end
+end

data/app/models/redditor/slider_block.rb

@@ -0,0 +1,17 @@
+# coding: utf-8
+
+module Redditor
+  class SliderBlock < ActiveRecord::Base
+    self.table_name = "redditor_slider_blocks"
+
+    # attr_accessible :page_id, :position, :temp_id
+    attr_accessor :temp_id
+
+    belongs_to :page, :class_name => "Redditor::Page"
+    has_many :images, :as => :imageable, :dependent => :destroy
+
+    def self.model_name
+      ActiveModel::Name.new(self, nil, 'SliderBlock')
+    end
+  end
+end

data/app/models/redditor/text_block.rb

@@ -0,0 +1,20 @@
+# coding: utf-8
+
+module Redditor
+  class TextBlock < ActiveRecord::Base
+    self.table_name = "redditor_text_blocks"
+
+    # attr_accessible :body, :page_id, :position, :temp_id, :translations_attributes
+    attr_accessor :temp_id
+
+    belongs_to :page, :class_name => "Redditor::Page"
+
+    default_scope -> { order(:position) }
+
+    validates :position, :body, :presence => true
+    
+    def self.model_name
+      ActiveModel::Name.new(self, nil, 'TextBlock')
+    end
+  end
+end

data/app/models/redditor/video_block.rb

@@ -0,0 +1,27 @@
+#coding: utf-8
+
+class YoutubeValidator < ActiveModel::EachValidator
+  def validate_each(record, attribute, value)
+    if value =~ /[^A-z0-9_-]/
+      record.errors[attribute] << (options[:message] || "- используются недопустимые символы")
+    end
+  end
+end
+
+
+module Redditor
+  class VideoBlock < ActiveRecord::Base
+    self.table_name = "redditor_video_blocks"
+
+    # attr_accessible :height, :page_id, :position, :width, :youtube, :temp_id
+    attr_accessor :temp_id
+
+    validates :youtube, :length => { :is => 11 }, :youtube => true
+
+    belongs_to :page, :class_name => "Redditor::Page"
+
+    def self.model_name
+      ActiveModel::Name.new(self, nil, 'VideoBlock')
+    end
+  end
+end