infractores 1.0.0

data/app/assets/stylesheets/5-pages/index.scss

@@ -0,0 +1,165 @@
+@import "1-utilities/variables";
+
+body.overflow{
+  overflow: hidden;
+}
+div.infractions {
+  padding-top: 50px;
+  .main-map{
+    position: relative;
+    z-index: 0;
+    .map{
+      background-color: $light_yellow;
+      position: fixed !important;
+      height: 100%;
+      width:100%;
+      top: 0;
+    }
+  }
+  h2 {
+    font-size: 3em;
+    text-align: center;
+    margin-top: 1em;
+    margin-bottom: 1em;
+  }
+  .list-container{
+    width: 50%;
+    position: relative;
+    z-index: 1;
+    background: rgba(247, 104, 92, 0.85);
+    max-width: 550px;
+    ul {
+      padding: 0px 0 50px 0;
+      width: 85%;
+      margin: auto;
+      li.infraction {
+        padding-top: 25%;
+        margin-top: -10%;
+        &.odd, &.even{
+          border: 0;
+          background: none;
+        }
+        .content{
+          list-style-type: none;
+          overflow: hidden;
+          background-color: $white;
+          border:0;
+          -webkit-border-radius: 4px;
+          -moz-border-radius: 4px;
+          border-radius: 4px;
+          min-height: 400px;
+          padding: 0;
+          margin: auto;
+          .show-infraction{
+            margin: 4%;
+            padding: 1% 3%;
+            border: 1px solid #F7685C;
+            display: inline-block;
+            font-size: 14px;
+            -webkit-border-radius: 4px;
+            -moz-border-radius: 4px;
+            border-radius: 4px;
+            &:hover, &:focus{
+              text-decoration: none;
+              background: $red;
+              color: $white;
+            }
+          }
+          p{
+            border-radius: 4px 4px 0 0;
+            text-transform: uppercase;
+            margin-bottom: 0;
+            color: $blue;
+            background-color: $light_red;
+            overflow: hidden;
+            span{
+            padding: 0.8em 1em;
+            float: left;
+             &.date{
+               float: right;
+               border-left: 2px solid $white;
+               background-color: $yellow;
+             }
+            }
+            a{
+              text-transform: lowercase;
+              color: $red;
+              font-weight: 500;
+            }
+          }
+          div.details {
+            a {
+              padding-right: 2px;
+              display: inline-block;
+              float: none;
+            }
+          }
+          .description {
+            width: 100%;
+            float: none;
+            min-height: 200px;
+            .tweet{margin:2%;}
+            a { padding-right: 3px; }
+          }
+          .infraction-map{
+            display: none;
+            border-top: 2px solid $red;
+            margin: 2%;
+            h4{
+              a{
+                display: block;
+                &:after{
+                  font-family: 'FontAwesome';
+                  content: "\f078";
+                  float: right;
+                }
+              }
+            }
+            .map {
+              display: none;
+              width: 100%;
+              height: 300px;
+              background-color: $light_yellow;
+            }
+          }
+        }
+      }
+    }
+
+  }
+}
+@media screen and (max-width: 768px){
+  div.infractions{
+    .list-container{
+      width: 100%;
+      max-width: none;
+      ul{
+        max-width: 500px;
+        li.infraction{
+          .content{
+            .infraction-map{
+              display: block;
+            }
+            .show-infraction{
+              display: none;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+@media screen and (max-width: 500px){
+  div.infractions{
+    .list-container{
+      ul{
+        li.infraction{
+          p{
+            span.date{display: none;}
+          }
+          .description{min-height: initial;}
+        }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/5-pages/show.scss

@@ -0,0 +1,29 @@
+.container.infractions-show {
+  img {
+    padding: 1em;
+    margin: 0.2em;
+  }
+
+  .detail {
+    padding: 1em;
+    border: 1px solid #CCC;
+    margin-bottom: 1em;
+  }
+
+  .row.bordered {
+    border: 1px solid #CCC;
+  }
+
+  .map {
+    margin-right: 1em;
+    margin-top: 1em;
+  }
+
+  .tweet {
+    min-height: 210px;
+  }
+
+  .source {
+    margin-left: 0;
+  }
+}

data/app/assets/stylesheets/application.css

@@ -0,0 +1,18 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require 'bootstrap_and_overrides'
+ *= require jquery.fancybox
+ *= require jquery.fancybox-buttons
+ *= require_tree .
+ *= require_self
+ */

data/app/assets/stylesheets/bootstrap_and_overrides.css

@@ -0,0 +1,7 @@
+/*
+  =require twitter-bootstrap-static/bootstrap
+
+  Use Font Awesome icons (default)
+  To use Glyphicons sprites instead of Font Awesome, replace with "require twitter-bootstrap-static/sprites"
+  =require twitter-bootstrap-static/fontawesome
+  */

data/app/controllers/application_controller.rb

@@ -0,0 +1,5 @@
+class ApplicationController < ActionController::Base
+  # Prevent CSRF attacks by raising an exception.
+  # For APIs, you may want to use :null_session instead.
+  protect_from_forgery with: :exception
+end

data/app/controllers/infractions_controller.rb

@@ -0,0 +1,23 @@
+class InfractionsController < ApplicationController
+  before_filter :load_scope, only: [:index]
+
+  # GET /infractions
+  def index
+    @infractions = @scope.legitimate.order("infractions.reported_at DESC")
+    @infraction_markers = @infractions.pluck(:lat, :lon, :id)
+  end
+
+  # GET /infractions/:id
+  def show
+    @infraction = Infraction.includes(:user).find_by(tweet_id: params[:id])
+  end
+
+  private
+
+  def load_scope
+    @scope = Infraction.includes(:evidences, :tweet, :user)
+    if params[:username]
+      @scope = @scope.where("users.username" => params[:username])
+    end
+  end
+end

data/app/controllers/users_controller.rb

@@ -0,0 +1,7 @@
+class UsersController < ApplicationController
+
+  # GET /users
+  def index
+    @users = User.where("infractions_count > 0").order("infractions_count DESC")
+  end
+end

data/app/helpers/application_helper.rb

@@ -0,0 +1,19 @@
+module ApplicationHelper
+
+  def calculate_class(*arr)
+    arr.any? {|x| current_page?("/#{x}") } ? 'active' : ''
+  end
+
+  def decorated_username(infraction)
+    username = infraction.username
+    "<a href='https://twitter.com/#{username}' target='_blank'>@#{username}</a>"
+  end
+
+  def screen_name
+    "@#{TwitterService.instance.screen_name}"
+  end
+
+  def screen_name_hashtag
+    "##{TwitterService.instance.screen_name}"
+  end
+end

data/app/helpers/infractions_helper.rb

@@ -0,0 +1,6 @@
+module InfractionsHelper
+
+  def decorated_time(infraction)
+    infraction.tweet.created_at
+  end
+end

data/app/models/evidence.rb

@@ -0,0 +1,23 @@
+class Evidence < ActiveRecord::Base
+  belongs_to :infraction
+
+  mount_uploader :media, EvidenceUploader
+
+  # Builds an [Array] of [Evidence] records from a [Tweet] using the media
+  # entities
+  #
+  # @param tweet [Tweet]
+  # @return [Array]
+  def self.build_from(tweet)
+    result = []
+
+    if extended_entities = tweet.source.extended_entities
+      extended_entities["media"].each do |media|
+        result << self.new(infraction: tweet.infraction,
+                           remote_media_url: media["media_url_https"])
+      end
+    end
+
+    result
+  end
+end

data/app/models/infraction.rb

@@ -0,0 +1,43 @@
+class Infraction < ActiveRecord::Base
+  belongs_to :tweet
+
+  has_many :evidences
+  has_one :user, through: :tweet
+
+  validates_presence_of :lon
+  validates_presence_of :lat
+  validates_presence_of :evidences
+
+  delegate :source_url, to: :tweet
+  delegate :username, :update_infractions_counter!, to: :user
+
+  after_save :update_infractions_counter!
+
+  scope :legitimate, -> { where(legitimate: true) }
+
+  # Builds an {Infraction} using the {Tweet}
+  #
+  # @param tweet [Tweet]
+  # @return [Infraction]
+  def self.build_from(tweet)
+    if tweet.source.geo
+      lat = tweet.source.geo["coordinates"][0]
+      lon = tweet.source.geo["coordinates"][1]
+    else
+      lat = lon = nil
+    end
+
+    result = self.new(
+      tweet: tweet,
+      description: tweet.source.text,
+      lat: lat,
+      lon: lon,
+      reported_at: tweet.source["created_at"]
+    )
+
+    result.evidences = Evidence.build_from(tweet)
+
+    result
+  end
+
+end

data/app/models/tweet.rb

@@ -0,0 +1,54 @@
+class Tweet < ActiveRecord::Base
+  self.primary_key = :id
+
+  validates :id, :json, :user_id, presence: true
+  validates :id, uniqueness: true
+
+  belongs_to :user
+  has_one :infraction
+
+  validates_presence_of :user
+
+  after_save :enqueue_infraction_job
+
+  # It uses a {Twitter::Tweet} to find and update an existing {Tweet} or create
+  # a new one
+  #
+  # @param tuit [Twitter::Tweet]
+  # @return [Tweet]
+  def self.find_or_create!(tuit)
+    opts = {
+      id: tuit.id }
+
+    if result = self.find_by(opts)
+      result.update_attributes!(json: tuit.to_json)
+    else
+      result = self.new(opts.merge(json: tuit.to_json))
+      user = User.find_or_create!(result)
+      result.user = user
+      result.save!
+    end
+
+    result
+  end
+
+  def source
+    @source ||= OpenStruct.new(JSON.load(json))
+  end
+
+  def source_url
+    "https://twitter.com/#{user.username}/status/#{source.id_str}"
+  end
+
+  def created_at
+    @created_at ||= Time.parse(source["created_at"])
+    @created_at.in_time_zone
+  end
+
+  private
+
+  def enqueue_infraction_job
+    TweetInspector.perform_async(self.id)
+  end
+
+end

data/app/models/user.rb

@@ -0,0 +1,34 @@
+class User < ActiveRecord::Base
+  has_many :tweets
+
+  validates :username, :name, :twitter_user_id, presence: true
+  has_many :infractions, through: :tweets
+
+  # It uses a {Tweet} to find and update an existing {User} or create
+  # a new one
+  #
+  # @param tuit [Tweet]
+  # @return [User]
+  def self.find_or_create!(tuit)
+    usr = OpenStruct.new(tuit.source["user"])
+
+    if result = User.find_by(twitter_user_id: usr.id)
+      result.update_attributes!(username: usr.screen_name,
+                                profile_image_url: usr.profile_image_url_https,
+                                name: usr.name)
+    else
+      result = User.new(username: usr.screen_name,
+                        profile_image_url: usr.profile_image_url_https,
+                        name: usr.name,
+                        twitter_user_id: usr.id)
+
+      result.save!
+    end
+
+    result
+  end
+
+  def update_infractions_counter!
+    update_column :infractions_count, infractions.legitimate.count
+  end
+end