blogg 0.0.3 → 0.1.0

data/app/assets/stylesheets/blogg/style.sass

@@ -0,0 +1,345 @@
+/*!
+ * Clean Blog v1.0.0 (http://startbootstrap.com)
+ * Copyright 2014 Start Bootstrap
+ * Licensed under Apache 2.0 (https://github.com/IronSummitMedia/startbootstrap/blob/gh-pages/LICENSE)
+
+body
+  font-family: 'Lora', 'Times New Roman', serif
+  font-size: 20px
+  color: #404040
+
+p
+  line-height: 1.5
+  margin: 30px 0
+  a
+    text-decoration: underline
+
+h1, h2, h3, h4, h5, h6
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
+  font-weight: 800
+
+a
+  color: #404040
+  &:hover, &:focus
+    color: #0085a1
+  img
+    &:hover, &:focus
+      cursor: zoom-in
+
+blockquote
+  color: #808080
+  font-style: italic
+  p
+    margin-top: 0
+
+hr.small
+  max-width: 100px
+  margin: 15px auto
+  border-width: 4px
+  border-color: white
+
+.post-actions >
+  a
+    text-decoration: none
+
+form
+  .form-group
+    .help-block
+      font-size: medium
+      a
+        text-decoration: none
+
+
+.navbar-custom
+  position: absolute
+  top: 0
+  left: 0
+  width: 100%
+  z-index: 3
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
+  .navbar-brand
+    font-weight: 800
+  .nav li a
+    text-transform: uppercase
+    font-size: 12px
+    font-weight: 800
+    letter-spacing: 1px
+
+@media only screen and (min-width: 768px)
+  .navbar-custom
+    background: transparent
+    border-bottom: 1px solid transparent
+    .navbar-brand
+      color: white
+      padding: 20px
+      &:hover, &:focus
+        color: rgba(255, 255, 255, 0.8)
+    .nav li a
+      color: white
+      padding: 20px
+      &:hover, &:focus
+        color: rgba(255, 255, 255, 0.8)
+
+@media only screen and (min-width: 1170px)
+  .navbar-custom
+    -webkit-transition: background-color 0.3s
+    -moz-transition: background-color 0.3s
+    transition: background-color 0.3s
+    /* Force Hardware Acceleration in WebKit
+    -webkit-transform: translate3d(0, 0, 0)
+    -moz-transform: translate3d(0, 0, 0)
+    -ms-transform: translate3d(0, 0, 0)
+    -o-transform: translate3d(0, 0, 0)
+    transform: translate3d(0, 0, 0)
+    -webkit-backface-visibility: hidden
+    backface-visibility: hidden
+    &.is-fixed
+      /* when the user scrolls down, we hide the header right above the viewport
+      position: fixed
+      top: -61px
+      background-color: rgba(255, 255, 255, 0.9)
+      border-bottom: 1px solid #f2f2f2
+      -webkit-transition: -webkit-transform 0.3s
+      -moz-transition: -moz-transform 0.3s
+      transition: transform 0.3s
+      .navbar-brand
+        color: #404040
+        &:hover, &:focus
+          color: #0085a1
+      .nav li a
+        color: #404040
+        &:hover, &:focus
+          color: #0085a1
+    &.is-visible
+      /* if the user changes the scrolling direction, we show the header
+      -webkit-transform: translate3d(0, 100%, 0)
+      -moz-transform: translate3d(0, 100%, 0)
+      -ms-transform: translate3d(0, 100%, 0)
+      -o-transform: translate3d(0, 100%, 0)
+      transform: translate3d(0, 100%, 0)
+
+.intro-header
+  background-color: #808080
+  background: no-repeat center center
+  background-attachment: scroll
+  -webkit-background-size: cover
+  -moz-background-size: cover
+  background-size: cover
+  -o-background-size: cover
+  margin-bottom: 50px
+  .site-heading, .post-heading, .page-heading
+    padding: 100px 0 50px
+    color: white
+  .site-heading, .page-heading
+    text-align: center
+  .site-heading h1, .page-heading h1
+    margin-top: 0
+    font-size: 50px
+  .site-heading .subheading, .page-heading .subheading
+    font-size: 24px
+    line-height: 1.1
+    display: block
+    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
+    font-weight: 300
+    margin: 10px 0 0
+  .post-heading
+    h1
+      font-size: 35px
+    .subheading, .meta
+      line-height: 1.1
+      display: block
+    .subheading
+      font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
+      font-size: 24px
+      margin: 10px 0 30px
+      font-weight: 600
+    .meta
+      font-family: 'Lora', 'Times New Roman', serif
+      font-style: italic
+      font-weight: 300
+      font-size: 20px
+      a
+        color: white
+
+@media only screen and (min-width: 768px)
+  .intro-header
+    .site-heading, .post-heading, .page-heading
+      padding: 150px 0
+
+@media only screen and (min-width: 768px)
+  .intro-header
+    .site-heading h1, .page-heading h1
+      font-size: 80px
+
+@media only screen and (min-width: 768px)
+  .intro-header .post-heading
+    h1
+      font-size: 55px
+    .subheading
+      font-size: 30px
+
+.post-preview >
+  a
+    color: #404040
+    &:hover, &:focus
+      text-decoration: none
+      color: #0085a1
+    >
+      .post-title
+        font-size: 30px
+        margin-top: 30px
+        margin-bottom: 10px
+      .post-subtitle
+        margin: 0
+        font-weight: 300
+        margin-bottom: 10px
+  .post-meta
+    color: #808080
+    font-size: 18px
+    font-style: italic
+    margin-top: 0
+    a
+      text-decoration: none
+      color: #808080
+      &:hover, &:focus
+        color: #0085a1
+        text-decoration: underline
+
+@media only screen and (min-width: 768px)
+  .post-preview > a > .post-title
+    font-size: 36px
+
+.section-heading
+  font-size: 36px
+  margin-top: 60px
+  font-weight: 700
+
+.caption
+  text-align: center
+  font-size: 14px
+  padding: 10px
+  font-style: italic
+  margin: 0
+  display: block
+  border-bottom-right-radius: 5px
+  border-bottom-left-radius: 5px
+
+footer
+  padding: 50px 0 65px
+  .list-inline
+    margin: 0
+    padding: 0
+  .copyright
+    font-size: 14px
+    text-align: center
+    margin-bottom: 0
+
+.floating-label-form-group
+  font-size: 14px
+  position: relative
+  margin-bottom: 0
+  padding-bottom: 0.5em
+  border-bottom: 1px solid #eeeeee
+  input, textarea
+    z-index: 1
+    position: relative
+    padding-right: 0
+    padding-left: 0
+    border: none
+    border-radius: 0
+    font-size: 1.5em
+    background: none
+    box-shadow: none !important
+    resize: none
+  label
+    display: block
+    z-index: 0
+    position: relative
+    top: 2em
+    margin: 0
+    font-size: 0.85em
+    line-height: 1.764705882em
+    vertical-align: middle
+    vertical-align: baseline
+    opacity: 0
+    -webkit-transition: top 0.3s ease,opacity 0.3s ease
+    -moz-transition: top 0.3s ease,opacity 0.3s ease
+    -ms-transition: top 0.3s ease,opacity 0.3s ease
+    transition: top 0.3s ease,opacity 0.3s ease
+  &:not(:first-child)
+    padding-left: 14px
+    border-left: 1px solid #eeeeee
+
+.floating-label-form-group-with-value label
+  top: 0
+  opacity: 1
+
+.floating-label-form-group-with-focus label
+  color: #0085a1
+
+form .row:first-child .floating-label-form-group
+  border-top: 1px solid #eeeeee
+
+.btn
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
+  text-transform: uppercase
+  font-size: 14px
+  font-weight: 800
+  letter-spacing: 1px
+  border-radius: 0
+  padding: 15px 25px
+
+.btn-lg
+  font-size: 16px
+  padding: 25px 35px
+
+.btn-default
+  &:hover, &:focus
+    background-color: #0085a1
+    border: 1px solid #0085a1
+    color: white
+
+.pager
+  margin: 20px 0 0
+  text-align: inherit
+  li >
+    a, span
+      font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
+      text-transform: uppercase
+      font-size: 14px
+      font-weight: 800
+      letter-spacing: 1px
+      padding: 15px 25px
+      background-color: white
+      border-radius: 0
+    a
+      &:hover, &:focus
+        color: white
+        background-color: #0085a1
+        border: 1px solid #0085a1
+  .disabled >
+    a
+      color: #808080
+      background-color: #404040
+      cursor: not-allowed
+      &:hover, &:focus
+        color: #808080
+        background-color: #404040
+        cursor: not-allowed
+    span
+      color: #808080
+      background-color: #404040
+      cursor: not-allowed
+
+\::-moz-selection, ::selection
+  color: white
+  text-shadow: none
+  background: #0085a1
+
+img
+  &::selection, &::-moz-selection
+    color: white
+    background: transparent
+
+body
+  webkit-tap-highlight-color: #0085a1

data/app/controllers/blogg/application_controller.rb

@@ -1,4 +1,16 @@
 module Blogg
   class ApplicationController < ActionController::Base
+
+    rescue_from CanCan::AccessDenied do |exception|
+      respond_to do |format|
+        format.html { redirect_to root_url, :alert => exception.message }
+      end
+    end
+
+    # layout Blogg.layout
+
+    def current_ability
+      @current_ability ||= UserAbility.new(current_user)
+    end
   end
 end

data/app/controllers/blogg/posts_controller.rb

@@ -2,86 +2,32 @@ require_dependency "blogg/application_controller"
 
 module Blogg
   class PostsController < ApplicationController
-    # GET /posts
-    # GET /posts.json
-    def index
-      @posts = Post.all
-  
-      respond_to do |format|
-        format.html # index.html.erb
-        format.json { render json: @posts }
-      end
-    end
-  
-    # GET /posts/1
-    # GET /posts/1.json
-    def show
-      @post = Post.find(params[:id])
-  
-      respond_to do |format|
-        format.html # show.html.erb
-        format.json { render json: @post }
-      end
-    end
-  
-    # GET /posts/new
-    # GET /posts/new.json
-    def new
-      @post = Post.new
-  
-      respond_to do |format|
-        format.html # new.html.erb
-        format.json { render json: @post }
-      end
+
+    respond_to :html
+    inherit_resources
+
+    load_and_authorize_resource
+    skip_authorize_resource :only => [:index, :show]
+
+    def destroy
+      destroy!(:notice => "Blog post was successfully deleted.")
     end
-  
-    # GET /posts/1/edit
-    def edit
-      @post = Post.find(params[:id])
+
+    def update
+      update!(:notice => "Blog post was successfully updated.")
     end
-  
-    # POST /posts
-    # POST /posts.json
+
     def create
       @post = Post.new(params[:post])
-  
-      respond_to do |format|
-        if @post.save
-          format.html { redirect_to @post, notice: 'Post was successfully created.' }
-          format.json { render json: @post, status: :created, location: @post }
-        else
-          format.html { render action: "new" }
-          format.json { render json: @post.errors, status: :unprocessable_entity }
-        end
-      end
-    end
-  
-    # PUT /posts/1
-    # PUT /posts/1.json
-    def update
-      @post = Post.find(params[:id])
-  
-      respond_to do |format|
-        if @post.update_attributes(params[:post])
-          format.html { redirect_to @post, notice: 'Post was successfully updated.' }
-          format.json { head :no_content }
-        else
-          format.html { render action: "edit" }
-          format.json { render json: @post.errors, status: :unprocessable_entity }
-        end
-      end
+      @post.author = current_user
+      create!(:notice => "Blog post was successfully created.")
     end
-  
-    # DELETE /posts/1
-    # DELETE /posts/1.json
-    def destroy
-      @post = Post.find(params[:id])
-      @post.destroy
-  
-      respond_to do |format|
-        format.html { redirect_to posts_url }
-        format.json { head :no_content }
-      end
+
+    protected
+
+    def collection
+      end_of_association_chain.articles
     end
+
   end
 end

data/app/helpers/blogg/application_helper.rb

@@ -1,4 +1,33 @@
+require 'redcarpet'
+require 'rouge'
+require 'rouge/plugins/redcarpet'
+
 module Blogg
   module ApplicationHelper
+
+    class HTML < Redcarpet::Render::HTML
+      include Rouge::Plugins::Redcarpet
+      def rouge_formatter(opts={})
+        opts ={
+          line_numbers: true,
+          wrap: true,
+        }
+        Rouge::Formatters::HTML.new(opts)
+      end
+    end
+
+    def markdown(text)
+      renderer = HTML.new(hard_wrap: true, filter_html: true)
+      options = {
+        autolink: true,
+        no_intra_emphasis: true,
+        fenced_code_blocks: true,
+        lax_html_blocks: true,
+        strikethrough: true,
+        superscript: true
+      }
+      Redcarpet::Markdown.new(renderer, options).render(text).html_safe
+    end
+
   end
 end

data/app/models/blogg/post.rb

@@ -1,5 +1,46 @@
+require "babosa"
+
 module Blogg
   class Post < ActiveRecord::Base
-    attr_accessible :text, :title
+
+    # Use FriendlyId for pretty urls
+    extend FriendlyId
+    friendly_id :title, use: :slugged
+
+    attr_accessible :text, :title, :subtitle, :image, :image_cache, :remove_image, :static
+    belongs_to :author, :class_name => Blogg.user_class
+    validates_presence_of :text, :title, :subtitle, :author
+
+    scope :static, where(static: true)
+    scope :articles, where(static: false)
+
+    mount_uploader :image, Blogg::ImageUploader
+
+    # Override FriendlyId method to transliterate slug with Babosa gem
+    def normalize_friendly_id(value)
+      case I18n.locale
+        when :ru, :uk
+          value.to_s.to_slug.normalize(transliterations: :russian).to_s
+        else
+          value.to_s.to_slug.normalize.to_s
+      end
+    end
+
+    def is_static?
+      static
+    end
+
+    def is_article?
+      !static
+    end
+
+    def next
+      self.class.articles.where("id > ?", id).first
+    end
+
+    def prev
+      self.class.articles.where("id < ?", id).last
+    end
+
   end
 end

data/app/models/user_ability.rb

@@ -0,0 +1,37 @@
+class UserAbility
+  include CanCan::Ability
+
+  def initialize(user)
+
+    user ||= User.new
+
+    unless user.new_record?
+      can :manage, Blogg::Post#, :author_id => user.id
+    else
+      can :read, Blogg::Post
+    end
+
+    # Define abilities for the passed in user here. For example:
+    #
+    #   user ||= User.new # guest user (not logged in)
+    #   if user.admin?
+    #     can :manage, :all
+    #   else
+    #     can :read, :all
+    #   end
+    #
+    # The first argument to `can` is the action you are giving the user permission to do.
+    # If you pass :manage it will apply to every action. Other common actions here are
+    # :read, :create, :update and :destroy.
+    #
+    # The second argument is the resource the user can perform the action on. If you pass
+    # :all it will apply to every resource. Otherwise pass a Ruby class of the resource.
+    #
+    # The third argument is an optional hash of conditions to further filter the objects.
+    # For example, here the user can only update published articles.
+    #
+    #   can :update, Article, :published => true
+    #
+    # See the wiki for details: https://github.com/ryanb/cancan/wiki/Defining-Abilities
+  end
+end

data/app/uploaders/blogg/image_uploader.rb

@@ -0,0 +1,26 @@
+class Blogg::ImageUploader < CarrierWave::Uploader::Base
+
+  include CarrierWave::MiniMagick
+
+  include Sprockets::Helpers::RailsHelper
+  include Sprockets::Helpers::IsolatedHelper
+
+  CarrierWave::SanitizedFile.sanitize_regexp = /[^[:word:]\.\-\+]/
+
+  storage :file
+
+  def store_dir
+    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
+  end
+
+  def extension_white_list
+    %w(jpg jpeg png)
+  end
+
+  def default_url
+    ActionController::Base.helpers.asset_path("blogg/fallback/" + [version_name, "default-image-header.jpg"].compact.join('_'))
+  end
+
+  process :resize_to_fit => [1000, 600]
+
+end

data/app/views/blogg/posts/_form.html.haml

@@ -0,0 +1,46 @@
+= form_for resource do |f|
+  - if resource.errors.any?
+    #error_explanation
+      %h2
+        = pluralize(@post.errors.count, "error")
+        prohibited this post from being saved:
+      %ul
+        - @post.errors.full_messages.each do |msg|
+          %li= msg
+  .form-group
+    = f.label :title
+    = f.text_field :title, class: 'form-control'
+  .form-group
+    = f.label :subtitle
+    = f.text_field :subtitle, class: 'form-control'
+  .form-group
+    = f.label :text
+    = f.text_area :text, class: 'form-control'
+    %p.help-block.text-right
+      = link_to 'https://daringfireball.net/projects/markdown/basics', target: '_blank' do
+        Markdown is supported
+        %i.fa.fa-info-circle
+  .form-group
+    = f.label :image
+    .row
+      .col-md-6
+        %br
+        = f.file_field :image
+        = f.hidden_field :image_cache
+      .col-md-6
+        - if @post.image?
+          = image_tag(@post.image_url, class: 'img-responsive')
+          .checkbox
+            %label
+              = f.check_box :remove_image
+              Remove existing image
+  .form-group
+    .checkbox
+      %label
+        = f.check_box :static
+        Static page
+    %hr
+
+  = f.submit 'Save changes', class: 'btn btn-success'
+  .pull-right
+    = link_to 'Cancel', resource, class: 'btn btn-warning'

data/app/views/blogg/posts/edit.html.haml

@@ -0,0 +1,6 @@
+= render 'blogg/shared/header', post: resource
+.container
+  .row
+    .col-lg-8.col-lg-offset-2.col-md-10.col-md-offset-1
+      %h1 Editing post
+      = render 'form'

data/app/views/blogg/posts/index.html.haml

@@ -0,0 +1,30 @@
+= render 'blogg/shared/header', post: nil
+.container
+  .row
+    .col-lg-8.col-lg-offset-2.col-md-10.col-md-offset-1
+      = render 'blogg/shared/flash_messages'
+      - collection.each do |post|
+        .post-preview
+          = link_to post do
+            %h2.post-title
+              = post.title
+            %h3.post-subtitle
+              = post.subtitle
+          %p.post-meta
+            = render 'blogg/shared/posted_by', post: post
+            - if Blogg.disqus
+              |
+              %i.fa.fa-comments-o.fa-fw.text-small
+              = link_to 'Comments', post_url(post, anchor: "disqus_thread"), "data-disqus-identifier": "post_#{post.created_at.to_i}"
+          - if can? :manage, post
+            %p.post-meta
+              %i.fa.fa-edit
+              = link_to t('blogg.posts.actions.edit'), edit_post_path(post)
+              %i.fa.fa-trash-o
+              = link_to t('blogg.posts.actions.delete'), post, method: :delete, data: { confirm: 'Are you sure?' }
+              %i.fa.fa-file-o
+              = link_to t('blogg.posts.actions.new'), new_post_path
+        %hr/
+      -# %ul.pager
+      -#   %li.next
+      -#     %a{:href => "#"} Older Posts →

data/app/views/blogg/posts/new.html.haml

@@ -0,0 +1,6 @@
+= render 'blogg/shared/header', post: nil
+.container
+  .row
+    .col-lg-8.col-lg-offset-2.col-md-10.col-md-offset-1
+      %h1 New post
+      = render 'form'