rails_admin_content_builder 1.0.3

data/app/assets/stylesheets/rails_admin/content_builder.scss

@@ -0,0 +1,238 @@
+@import 'medium-editor/medium-editor';
+@import 'medium-editor/themes/bootstrap';
+
+.cb-snippet {
+  position: fixed;
+  z-index: 100;
+  top: 50px;
+  bottom: 110px;
+  right: 0;
+
+  width: 180px;
+
+  padding: 20px;
+
+  background: #f8f8f8;
+  border-left: solid 1px rgba(0,0,0,.1);
+
+  overflow: hidden;
+  overflow-y: scroll;
+}
+
+.cb-snippet__btn {
+  display: block;
+  text-decoration: none;
+  margin-bottom: 20px;
+
+  transition: box-shadow .1s ease;
+
+  &:hover {
+    box-shadow: 0 0 0 2px rgba(0,0,0,.1);
+  }
+}
+
+.cb-snippet__image {
+  width: 100%;
+}
+
+
+.cb-controls {
+  position: fixed;
+  z-index: 100;
+  bottom: 0;
+  right: 0;
+
+  width: 180px;
+
+  padding: 20px;
+
+  background: #f8f8f8;
+  border-top: solid 1px rgba(0,0,0,.1);
+  border-left: solid 1px rgba(0,0,0,.1);
+}
+
+
+.cb-tools {
+  position: absolute;
+  z-index: 300;
+  top: 0;
+  left: -40px;
+
+  border-radius: .4rem;
+  background: darken(#fff, 7%);
+
+  overflow: hidden;
+}
+
+.cb-tools--center {
+  top: 50%;
+  left: 50%;
+  transform: translateX(-50%) translateY(-50%);
+
+  .cb-tools__btn {
+    display: inline-block;
+  }
+}
+
+.cb-tools--disabled {
+  z-index: 100;
+}
+
+.cb-tools__btn {
+  display: block;
+
+  font-size: 12px;
+  text-align: center;
+  text-transform: uppercase;
+
+  padding: 10px;
+
+  &:hover,
+  &:focus {
+    background: rgba(0,0,0,.05);
+    text-decoration: none;
+  }
+}
+
+.cb-tools__input {
+
+}
+
+.cb-tools__input--upload {
+  display: none !important;
+}
+
+
+.cb-container {
+  box-sizing: border-box;
+  padding: 0 220px 0 40px;
+}
+
+.cb-content {
+  position: relative;
+  max-width: 100%;
+  height: auto !important;
+
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+  }
+}
+
+
+.cb-text {
+  line-height: 1.6;
+
+  color: rgba(0,0,0,.7);
+  font-family: arial, sans-serif;
+  font-size: 16px;
+
+  margin-bottom: 30px;
+
+  p {
+    margin: 0 0 20px;
+
+    &:last-of-type {
+      margin: 0;
+    }
+  }
+}
+
+.cb-figure {
+  position: relative;
+  margin: 0 0 15px;
+
+  img {
+    width: 100%;
+  }
+}
+
+.cb-figure--left {
+  float: left;
+  width: 50%;
+  margin: 0 30px 20px 0;
+}
+
+.cb-figure--right {
+  float: right;
+  width: 50%;
+  margin: 0 0 20px 30px;
+}
+
+.cb-figure--center {
+  margin: 0 0 20px;
+}
+
+.cb-figure__clip {
+  position: relative;
+}
+
+.cb-figcaption {
+  margin: 6px 0 0;
+
+  color: rgba(0,0,0,.6);
+  font-size: 14px;
+
+  line-height: 1.4;
+  padding: 8px 14px;
+  background: rgba(0,0,0,.05);
+
+  p {
+    margin: 0;
+  }
+}
+
+
+.cb-video {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  padding-bottom: 56.25%;
+  background: image_url('cb-video-default.jpg') no-repeat center #e4e4e4;
+
+  iframe {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    vertical-align: middle;
+  }
+}
+
+.cb-video--center {
+  margin-bottom: 30px;
+}
+
+
+.cb-loading {
+  position: absolute;
+  z-index: 200;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  height: 100%;
+  background: image_url('cb-loading.svg') no-repeat center rgba(#fff, .95);
+}
+
+
+[contenteditable="true"] {
+  outline: none;
+
+  &:hover,
+  &:focus {
+    box-shadow: 0 0 0 1px rgba(0,0,0,.2);
+  }
+}
+
+
+.ui-sortable-placeholder {
+  margin: 20px 0;
+  height: 80px;
+
+  background: rgba(0,0,0,.05);
+  border: dashed 2px rgba(0,0,0,.05);
+}

data/app/controllers/rails_admin_content_builder/content_builder_controller.rb

@@ -0,0 +1,19 @@
+module RailsAdminContentBuilder
+  class ContentBuilderController < ::ApplicationController
+    def create_images
+      @content_builder = ContentBuilder.find(params[:id])
+      @image = @content_builder.content_builder_images.create(image: params[:content_builder_image])
+      if @image
+        render json: find_image(@image.id)
+      else
+        render json: @image.errors
+      end
+    end
+
+    private
+
+    def find_image(id)
+      ContentBuilderImage.find(id).image.to_json
+    end
+  end
+end

data/app/helpers/rails_admin_content_builder/content_builder_helpers.rb

@@ -0,0 +1,32 @@
+# Add ContentHelper in your Controller
+#
+#   class PostsController < ApplicationController
+#     include RailsAdminContentBuilder::ContentBuilderHelpers
+#
+#     def index
+#     end
+#   end
+module RailsAdminContentBuilder
+  module ContentBuilderHelpers
+    # Return content Object
+    #
+    #   @content = content_created
+    def content_created
+      RailsAdminContentBuilder::ContentBuilder
+    end
+
+    # Return all contents created
+    #
+    #   @content = all_contents_created
+    def all_contents_created
+      RailsAdminContentBuilder::ContentBuilder.where(status: true)
+    end
+
+    # Return specific contents created by slug
+    #
+    #   @content = find_content_created_by_slug('slug')
+    def find_content_created_by_slug(slug)
+      RailsAdminContentBuilder::ContentBuilder.where(status: true, slug: slug).first
+    end
+  end
+end

data/app/models/rails_admin_content_builder/content_builder.rb

@@ -0,0 +1,27 @@
+module RailsAdminContentBuilder
+  class ContentBuilder < ActiveRecord::Base
+    include SearchCop
+    extend FriendlyId
+
+    self.table_name = 'content_builders'
+
+    friendly_id :title, use: :slugged
+
+    validates :title, :date_publish, :content_builder_category, :written_by, presence: true
+
+    has_many :content_builder_images, inverse_of: :content_builder, dependent: :destroy
+    belongs_to :content_builder_category, inverse_of: :content_builders
+
+    search_scope :search do
+      attributes :title
+    end
+
+    def content_sanitized
+      white_list_sanitizer = Rails::Html::WhiteListSanitizer.new
+      white_list_sanitizer.sanitize(
+        self.content,
+        tags: %w(div b i a u p img figure figcaption a iframe),
+        attributes: %w(src class alt href allowfullscreen frameborder height width)).try(:html_safe)
+    end
+  end
+end

data/app/models/rails_admin_content_builder/content_builder_category.rb

@@ -0,0 +1,12 @@
+module RailsAdminContentBuilder
+  class ContentBuilderCategory < ActiveRecord::Base
+    extend FriendlyId
+    friendly_id :name, use: :slugged
+
+    self.table_name = 'content_builder_categories'
+
+    validates :name, presence: true
+
+    has_many :content_builders, inverse_of: :content_builder_category
+  end
+end

data/app/models/rails_admin_content_builder/content_builder_image.rb

@@ -0,0 +1,10 @@
+module RailsAdminContentBuilder
+  class ContentBuilderImage < ActiveRecord::Base
+    self.table_name = 'content_builder_images'
+
+    mount_uploader :image, ContentBuilderImageUploader
+
+    validates :image, presence: true
+    belongs_to :content_builder, inverse_of: :content_builder_images
+  end
+end

data/app/views/rails_admin/main/content_builder.html.erb

@@ -0,0 +1,42 @@
+<%= stylesheet_link_tag 'rails_admin/content_builder', 'data-turbolinks-track' => false %>
+<%= javascript_include_tag 'rails_admin/content_builder', 'data-turbolinks-track' => false %>
+
+<div class="cb-snippet">
+  <%= link_to '#', class: 'cb-snippet__btn', data: {snippet: '1'} do %>
+    <%= image_tag 'cb-snippet-text.jpg', class: 'cb-snippet__image' %>
+  <% end %>
+
+  <%= link_to '#', class: 'cb-snippet__btn', data: {snippet: '2'} do %>
+    <%= image_tag 'cb-snippet-image-text.jpg', class: 'cb-snippet__image' %>
+  <% end %>
+
+  <%= link_to '#', class: 'cb-snippet__btn', data: {snippet: '3'} do %>
+    <%= image_tag 'cb-snippet-text-image.jpg', class: 'cb-snippet__image' %>
+  <% end %>
+
+  <%= link_to '#', class: 'cb-snippet__btn', data: {snippet: '4'} do %>
+    <%= image_tag 'cb-snippet-image.jpg', class: 'cb-snippet__image' %>
+  <% end %>
+
+  <%= link_to '#', class: 'cb-snippet__btn', data: {snippet: '5'} do %>
+    <%= image_tag 'cb-snippet-video.jpg', class: 'cb-snippet__image' %>
+  <% end %>
+</div>
+
+<%= simple_form_for rails_admin.content_builder_url(@abstract_model.to_param, id: @object.id), html: { class: 'cb-form' }, remote: false do |f| %>
+  <div class="cb-controls">
+    <%= f.button :submit, t('admin.actions.content_builder.button.save'), name: 'save', class: 'btn btn-block btn-primary' %>
+    <% if @object.status %>
+      <%= f.button :submit, t('admin.actions.content_builder.button.unpublish'), name: 'unpublish', class: 'btn btn-block btn-danger' %>
+    <% else %>
+      <%= f.button :submit, t('admin.actions.content_builder.button.publish'), name: 'publish', class: 'btn btn-block btn-success' %>
+    <% end %>
+  </div>
+
+  <div class="cb-container">
+    <%= @object.content.try(:html_safe) %>
+  </div>
+
+  <%= f.input :id, as: :hidden, :input_html => { :name => "id", :value => @object.id } %>
+  <%= f.input :content, as: :hidden, :input_html => { :name => "content", :id => "content", :value => @object.content } %>
+<% end %>

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "rails_admin_content_builder"
+
+# 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,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/config/initializers/assets.rb

@@ -0,0 +1,11 @@
+Rails.application.config.assets.precompile += %w( cb-loading.svg )
+Rails.application.config.assets.precompile += %w( cb-snippet-text.jpg )
+Rails.application.config.assets.precompile += %w( cb-snippet-image-text.jpg )
+Rails.application.config.assets.precompile += %w( cb-snippet-text-image.jpg )
+Rails.application.config.assets.precompile += %w( cb-snippet-quote.jpg )
+Rails.application.config.assets.precompile += %w( cb-snippet-quote-text.jpg )
+Rails.application.config.assets.precompile += %w( cb-snippet-text-quote.jpg )
+Rails.application.config.assets.precompile += %w( cb-snippet-image.jpg )
+Rails.application.config.assets.precompile += %w( cb-snippet-video.jpg )
+Rails.application.config.assets.precompile += %w( cb-image-default.jpg )
+Rails.application.config.assets.precompile += %w( cb-video-default.jpg )

data/config/locales/content_builder.en.yml

@@ -0,0 +1,17 @@
+en:
+  admin:
+    actions:
+      content_builder:
+        title: "Create News"
+        menu: "Create New"
+        breadcrumb: "Create New"
+        delete_block: "Do you want to remove this content?"
+        success_save: "Successfully updated"
+        error_save: "Error updating"
+        written_by: "Writter By"
+        news_source: "News source"
+        summary: "Summary"
+        button:
+          save: "Save"
+          publish: "Publish"
+          unpublish: 'Unpublish'