talkie 0.1.0

data/Rakefile

@@ -0,0 +1,23 @@
+#!/usr/bin/env rake
+
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+APP_RAKEFILE = File.expand_path('../spec/dummy/Rakefile', __FILE__)
+
+load 'rails/tasks/engine.rake'
+
+Bundler::GemHelper.install_tasks
+
+Dir[File.join(File.dirname(__FILE__), 'tasks/**/*.rake')].each {|f| load f }
+
+require 'rspec/core'
+require 'rspec/core/rake_task'
+
+desc 'Run all specs in spec directory (excluding plugin specs)'
+RSpec::Core::RakeTask.new(spec: 'app:db:test:prepare')
+
+task default: :spec

data/app/assets/javascripts/talkie/application.js

@@ -0,0 +1,5 @@
+$("body").on("click", ".talkie-comment-reply-link", function(e){
+  e.preventDefault();
+
+  $(this).parent().parent().find("> .talkie-comments-reply-form-container").toggle();
+});

data/app/assets/stylesheets/talkie/_comment.scss

@@ -0,0 +1,103 @@
+.talkie {
+  &-comments-count {
+    color: $talkie-comments-count-color;
+    margin: $talkie-comments-count-margin;
+  }
+
+  &-comment-holder {
+    border-bottom: $talkie-comment-holder-border-bottom;
+    margin-bottom: $talkie-comment-holder-margin-bottom;
+    padding-bottom: $talkie-comment-holder-padding-bottom;
+    width: 90%;
+  }
+
+  &-comment-body {
+    color: $talkie-comment-body-color;
+    font-size: $talkie-comment-body-font-size;
+    line-height: $talkie-comment-body-line-height;
+    margin: $talkie-comment-body-margin;
+  }
+
+  &-comment-delete {
+    color: $talkie-comment-delete-color;
+    display: inline-block;
+    font: $talkie-comment-delete-font;
+    margin-left: $talkie-comment-delete-margin-left;
+    text-decoration: none;
+  }
+
+  &-comment-content {
+    margin-left: $talkie-comment-content-margin-left;
+
+    &::after {
+      content: "";
+      clear: both;
+      display: table;
+    }
+  }
+
+  &-comment-footer {
+    margin-top: $talkie-comment-footer-margin-top;
+
+    .talkie-comment-reply {
+      margin-bottom: $talkie-comment-reply-margin-bottom;
+    }
+
+    .talkie-comment-reply-link {
+      color: $talkie-comment-reply-link-color;
+      font: $talkie-comment-reply-link-font;
+      text-transform: $talkie-comment-reply-link-text-transform;
+      text-decoration: none;
+      -webkit-transition: $talkie-comment-reply-link-transition; /* Safari */
+      transition: $talkie-comment-reply-link-transition;
+
+      &:hover {
+        color: $talkie-comment-reply-link-hover-color;
+      }
+    }
+
+    .talkie-comments-reply-form-container {
+      border-bottom: none;
+    }
+  }
+
+  &-comment-created-at {
+    font-size: $talkie-comment-created-at-font-size;
+    text-transform: $talkie-comment-created-at-text-transform;
+  }
+
+  &-comment-creator {
+    &-avatar {
+      float: left;
+
+      img {
+        border-radius: $talkie-comment-creator-avatar-border-radius;
+      }
+    }
+
+    &-link {
+      color: $talkie-comment-creator-link-color;
+      display: block;
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
+// Nesting resets
+.talkie-comment-holder
+.talkie-comment-holder {
+  border-bottom: none;
+  margin-bottom: 0;
+  width: 100%;
+}
+
+.talkie-comment-content
+.talkie-comment-content
+.talkie-comment-content
+.talkie-comment-content {
+  margin-left: 0;
+}

data/app/assets/stylesheets/talkie/_form.scss

@@ -0,0 +1,50 @@
+.talkie {
+  &-comments-form-container,
+  &-comments-reply-form-container {
+    border-bottom: $talkie-form-border-bottom;
+    padding-bottom: $talkie-form-padding-bottom;
+    margin-bottom: $talkie-form-margin-bottom;
+
+    textarea {
+      background-color: $talkie-form-textarea-background-color;
+      border: $talkie-form-textarea-border;
+      border-radius: $talkie-form-textarea-border-radius;
+      box-sizing: border-box;
+      color: $talkie-form-textarea-color;
+      display: inline-block;
+      font-size: $talkie-form-textarea-font-size;
+      height: $talkie-form-textarea-height;
+      line-height: $talkie-form-textarea-line-height;
+      margin-bottom: 10px;
+      padding: 10px;
+      vertical-align: top;
+      width: 100%;
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      -webkit-border-radius: $talkie-form-textarea-border-radius;
+      -moz-border-radius: $talkie-form-textarea-border-radius;
+      -webkit-appearance: none;
+    }
+  }
+
+  &-comments-form-submit {
+    background-color: $talkie-form-submit-background-color;
+    border: $talkie-form-submit-border;
+    border-radius: $talkie-form-submit-border-radius;
+    color: $talkie-form-submit-color;
+    font-size: $talkie-form-submit-font-size;
+    font-weight: $talkie-form-submit-font-weight;
+    margin: $talkie-form-submit-margin;
+    padding: $talkie-form-submit-padding;
+    text-align: center;
+    text-shadow: $talkie-form-submit-text-shadow;
+    vertical-align: top;
+
+    -webkit-border-radius: $talkie-form-submit-border-radius;
+    -moz-border-radius: $talkie-form-submit-border-radius;
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+}

data/app/assets/stylesheets/talkie/_variables.scss

@@ -0,0 +1,71 @@
+// Form variable styles
+
+$talkie-form-border-bottom: 1px solid #EEE !default;
+$talkie-form-padding-bottom: 10px !default;
+$talkie-form-margin-bottom: 10px !default;
+
+$talkie-form-textarea-background-color: #FFF !default;
+$talkie-form-textarea-border: 1px solid #E5E5E5 !default;
+$talkie-form-textarea-border-radius: 5px !default;
+$talkie-form-textarea-color: #222 !default;
+$talkie-form-textarea-font-size: 13px !default;
+$talkie-form-textarea-height: 60px !default;
+$talkie-form-textarea-line-height: 1.5 !default;
+
+$talkie-form-submit-background-color: #4D90F0 !default;
+$talkie-form-submit-border: 1px solid #3079ED !default;
+$talkie-form-submit-color: #FFF !default;
+$talkie-form-submit-border-radius: 2px !default;
+$talkie-form-submit-font-weight: bold !default;
+$talkie-form-submit-margin: 0 8px 6px 0!default;
+$talkie-form-submit-font-size: 11px !default;
+$talkie-form-submit-padding: 10px 12px !default;
+$talkie-form-submit-text-shadow: 0 1px rgba(0,0,0,.1) !default;
+
+// Comment
+//
+// Comments count
+$talkie-comments-count-color: #333 !default;
+$talkie-comments-count-margin: 0 0 40px 0 !default;
+
+// Comment holder
+$talkie-comment-holder-border-bottom: 1px solid #EEE !default;
+$talkie-comment-holder-margin-bottom: 40px !default;
+$talkie-comment-holder-padding-bottom: 20px !default;
+
+// Comment body
+$talkie-comment-body-color: #222 !default;
+$talkie-comment-body-font-size: 16px !default;
+$talkie-comment-body-line-height: 1.2 !default;
+$talkie-comment-body-margin: 25px 0 0 0 !default;
+
+// Comment delete
+$talkie-comment-delete-color: #666 !default;
+$talkie-comment-delete-font: 11px 'Source Sans Pro', sans-serif !default;
+$talkie-comment-delete-margin-left: 10px !default;
+
+// Comment content
+$talkie-comment-content-margin-left: 60px !default;
+
+// Comment footer
+$talkie-comment-footer-margin-top: 20px !default;
+
+// Comment reply
+$talkie-comment-reply-margin-bottom: 20px !default;
+
+// Comment reply link
+$talkie-comment-reply-link-color: #666 !default;
+$talkie-comment-reply-link-font: 11px 'Source Sans Pro', sans-serif !default;
+$talkie-comment-reply-link-text-transform: uppercase !default;
+$talkie-comment-reply-link-transition: color 0.2s !default;
+$talkie-comment-reply-link-hover-color: #222 !default;
+
+// Comment created at
+$talkie-comment-created-at-font-size: 10px !default;
+$talkie-comment-created-at-text-transform: uppercase !default;
+
+// Creator Avatar
+$talkie-comment-creator-avatar-border-radius: 1000px !default;
+
+// Creator link
+$talkie-comment-creator-link-color: #222 !default;

data/app/assets/stylesheets/talkie/application.scss

@@ -0,0 +1,3 @@
+@import "variables";
+@import "form";
+@import "comment";

data/app/controllers/talkie/comments_controller.rb

@@ -0,0 +1,45 @@
+module Talkie
+  class CommentsController < TalkieController
+    before_action :current_comment, only: [:destroy]
+
+    def create
+      @comment = Talkie::Comment.new(comment_params)
+      @comment.creator = current_user
+
+      respond_to do |format|
+        if @comment.save
+          make_child_comment if reply?
+          format.html { redirect_to main_app.polymorphic_path(@comment.commentable), notice: "Comment was successfully added." }
+          format.js
+        else
+          format.html { redirect_to :back, notice: "Something went wrong, blank comments are not allowed" }
+          format.js
+        end
+      end
+    end
+
+    def destroy
+      current_comment.destroy
+      redirect_to main_app.polymorphic_path(current_comment.commentable)
+    end
+
+    private
+
+    def comment_params
+      params.require(:comment).permit(:body, :commentable_id, :commentable_type)
+    end
+
+    def reply?
+      params[:parent_comment_id].present?
+    end
+
+    def make_child_comment
+      parent_comment = Comment.find params[:parent_comment_id]
+      @comment.move_to_child_of(parent_comment)
+    end
+
+    def current_comment
+      @current_comment ||= Talkie::Comment.find_by(id: params[:id])
+    end
+  end
+end

data/app/controllers/talkie_controller.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+class TalkieController < ApplicationController
+  include Talkie::Controller
+
+  before_action :authorize!
+
+  protected
+
+  def authorize!
+    if !current_permission.allow?(params[:action], current_comment)
+      redirect_back fallback_location: main_app.root_url, status: :unauthorized
+    end
+  end
+
+  def current_comment
+    nil
+  end
+end

data/app/helpers/talkie/application_helper.rb

@@ -0,0 +1,20 @@
+module Talkie
+  module ApplicationHelper
+    def link_to_creator(creator, options = {})
+      creator_handler = creator.send Talkie.comment_creator_handler
+      creator_path = Talkie.creator_path.call(creator, main_app)
+
+      link_to creator_handler, creator_path, options
+    end
+
+    def avatar_image_tag(creator)
+      creator_handler = creator.send Talkie.comment_creator_handler
+
+      image_tag avatar_url(creator), alt: creator_handler, title: creator_handler
+    end
+
+    def avatar_url(creator)
+      Talkie.creator_avatar_url.call(creator)
+    end
+  end
+end

data/app/models/talkie/comment.rb

@@ -0,0 +1,13 @@
+module Talkie
+  class Comment < ActiveRecord::Base
+    default_scope Talkie.default_comments_scope
+
+    acts_as_nested_set :scope => [:commentable_id, :commentable_type],
+                       :counter_cache => :children_count
+
+    belongs_to :creator, polymorphic: true, inverse_of: :comments
+    belongs_to :commentable, polymorphic: true, inverse_of: :comments
+
+    validates :body, :creator, :commentable, presence: true
+  end
+end

data/app/views/talkie/comments/_comment.html.erb

@@ -0,0 +1,44 @@
+<div class="talkie-comment-holder">
+  <% if display_user_avatar? %>
+    <div class="talkie-comment-creator-avatar">
+      <%= avatar_image_tag comment.creator %>
+    </div>
+  <% end %>
+
+  <div class="talkie-comment-content">
+    <header class="talkie-comment-header">
+      <% if display_user_handler? %>
+        <div class="talkie-comment-creator">
+          <%= link_to_creator comment.creator, class: "talkie-comment-creator-link" %>
+        </div>
+      <% end %>
+      <small class="talkie-comment-created-at"><%= l comment.created_at, format: :long %></small>
+
+    </header>
+    <p class="talkie-comment-body">
+      <%= comment.body %>
+    </p>
+
+    <div class="talkie-comment-footer">
+      <% if nested_enabled? %>
+        <div class="talkie-comment-reply">
+          <a href="#" class="talkie-comment-reply-link"><%= t("talkie.comment.reply") %></a>
+          <% if allow? :destroy, comment %>
+            <%= link_to t("talkie.comment.delete"), [talkie, comment], method: :delete, class: "talkie-comment-delete" %>
+          <% end %>
+        </div>
+        <div class="talkie-comments-reply-form-container" style="display:none">
+          <%= form_for [talkie, Talkie::Comment.new] do |f| %>
+            <%= f.hidden_field :commentable_id, value: commentable.id %>
+            <%= f.hidden_field :commentable_type, value: commentable.class.name %>
+            <%= hidden_field_tag :parent_comment_id, comment.id %>
+
+            <%= f.text_area :body, placeholder: t("talkie.comment.form.body_placeholder") %>
+            <%= submit_tag t("talkie.comment.form.reply"), class: 'talkie-comments-form-submit' %>
+          <% end %>
+        </div>
+        <%= render comment.children %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/talkie/comments/_form.html.erb

@@ -0,0 +1,11 @@
+<div class="talkie-comments-form-container">
+  <%= form_for [talkie, Talkie::Comment.new] do |f| %>
+    <%= f.hidden_field :commentable_id, value: commentable.id %>
+    <%= f.hidden_field :commentable_type, value: commentable.class.name %>
+
+    <%= f.text_area :body, placeholder: t("talkie.comments.form.body_placeholder") %>
+    <%= f.submit t("talkie.comments.form.submit"), class: "talkie-comments-form-submit" %>
+  <% end %>
+</div>
+
+<h5 class="talkie-comments-count"><%= pluralize commentable.comments.size, t("talkie.comments.count.singular"), plural: t("talkie.comments.count.plural") %></h5>

data/app/views/talkie/comments/_template.html.erb

@@ -0,0 +1,3 @@
+<%= render "talkie/comments/form" %>
+
+<%= render root_comments %>

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "talkie"
+
+# 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(__FILE__)