Add tasks queue list page

6 files changed, 187 insertions, 0 deletions

diff --git a/app/assets/stylesheets/pages/tasks.scss b/app/assets/stylesheets/pages/tasks.scss
new file mode 100644
index 00000000000..702d7c55e59
--- /dev/null
+++ b/app/assets/stylesheets/pages/tasks.scss
@@ -0,0 +1,90 @@
+/**
+ * Dashboard tasks queue
+ *
+ */
+.tasks {
+  .panel {
+    border-top: none;
+    margin-bottom: 0;
+  }
+}
+
+.task-item {
+  font-size: $gl-font-size;
+  padding: $gl-padding-top 0 $gl-padding-top ($gl-avatar-size + $gl-padding-top);
+  border-bottom: 1px solid $table-border-color;
+  color: #7f8fa4;
+
+  &.task-inline {
+    .avatar {
+      position: relative;
+      top: -2px;
+    }
+
+    .task-title {
+      line-height: 40px;
+    }
+  }
+
+  a {
+    color: #4c4e54;
+  }
+
+  .avatar {
+    margin-left: -($gl-avatar-size + $gl-padding-top);
+  }
+
+  .task-title {
+    @include str-truncated(calc(100% - 174px));
+    font-weight: 600;
+
+    .author_name {
+      color: #333;
+    }
+  }
+
+  .task-body {
+    margin-right: 174px;
+
+    .task-note {
+      word-wrap: break-word;
+
+      pre {
+        border: none;
+        background: #f9f9f9;
+        border-radius: 0;
+        color: #777;
+        margin: 0 20px;
+        overflow: hidden;
+      }
+
+      p:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  &:last-child { border:none }
+}
+
+@media (max-width: $screen-xs-max) {
+  .task-item {
+    padding-left: $gl-padding;
+
+    .task-title {
+      white-space: normal;
+      overflow: visible;
+      max-width: 100%;
+    }
+
+    .avatar {
+      display: none;
+    }
+
+    .task-body {
+      margin: 0;
+      border-left: 2px solid #DDD;
+      padding-left: 10px;
+    }
+  }
+}
diff --git a/app/controllers/dashboard/tasks_controller.rb b/app/controllers/dashboard/tasks_controller.rb
new file mode 100644
index 00000000000..66d891e3dfa
--- /dev/null
+++ b/app/controllers/dashboard/tasks_controller.rb
@@ -0,0 +1,15 @@
+class Dashboard::TasksController < Dashboard::ApplicationController
+  def index
+    @tasks = case params[:state]
+      when 'done'
+        current_user.tasks.done
+      else
+        current_user.tasks.pending
+      end
+
+    @tasks = @tasks.page(params[:page]).per(PER_PAGE)
+
+    @pending_count = current_user.tasks.pending.count
+    @done_count = current_user.tasks.done.count
+  end
+end
diff --git a/app/helpers/tasks_helper.rb b/app/helpers/tasks_helper.rb
new file mode 100644
index 00000000000..4a87f8d4ca4
--- /dev/null
+++ b/app/helpers/tasks_helper.rb
@@ -0,0 +1,17 @@
+module TasksHelper
+  def link_to_author(task)
+    author = task.author
+
+    if author
+      link_to author.name, user_path(author.username)
+    else
+      task.author_name
+    end
+  end
+
+  def task_action_name(task)
+    target =  task.target_type.titleize.downcase
+
+    [task.action_name, target].join(" ")
+  end
+end
diff --git a/app/models/task.rb b/app/models/task.rb
index 5f102dd66b8..37e752bd350 100644
--- a/app/models/task.rb
+++ b/app/models/task.rb
@@ -15,15 +15,38 @@
 #
 
 class Task < ActiveRecord::Base
+  ASSIGNED  = 1
+
   belongs_to :author, class_name: "User"
   belongs_to :project
   belongs_to :target, polymorphic: true, touch: true
   belongs_to :user
 
+  delegate :name, :email, to: :author, prefix: true, allow_nil: true
+
   validates :action, :project, :target, :user, presence: true
 
+  default_scope { reorder(id: :desc) }
+
+  scope :pending, -> { with_state(:pending) }
+  scope :done, -> { with_state(:done) }
+
   state_machine :state, initial: :pending do
     state :pending
     state :done
   end
+
+  def action_name
+    case action
+    when ASSIGNED then 'assigned'
+    end
+  end
+
+  def body?
+    target.respond_to? :title
+  end
+
+  def target_iid
+    target.respond_to?(:iid) ? target.iid : target_id
+  end
 end
diff --git a/app/views/dashboard/tasks/_task.html.haml b/app/views/dashboard/tasks/_task.html.haml
new file mode 100644
index 00000000000..c7b952f0cb5
--- /dev/null
+++ b/app/views/dashboard/tasks/_task.html.haml
@@ -0,0 +1,17 @@
+%li{class: "task task-#{task.done? ? 'done' : 'pending'}", id: dom_id(task) }
+  .task-item{class: "#{task.body? ? 'task-block' : 'task-inline' }"}
+    = image_tag avatar_icon(task.author_email, 40), class: "avatar s40", alt:''
+
+    .task-title
+      %span.author_name= link_to_author task
+      %span.task_label{class: task.action_name}
+        = task_action_name(task)
+
+      %strong= link_to "##{task.target_iid}", [task.project.namespace.becomes(Namespace), task.project, task.target]
+
+      &middot; #{time_ago_with_tooltip(task.created_at)}
+
+    - if task.body?
+      .task-body
+        .task-note
+          = task.target.title
diff --git a/app/views/dashboard/tasks/index.html.haml b/app/views/dashboard/tasks/index.html.haml
new file mode 100644
index 00000000000..877c69185c4
--- /dev/null
+++ b/app/views/dashboard/tasks/index.html.haml
@@ -0,0 +1,25 @@
+- page_title "Tasks Queue"
+- header_title "Tasks Queue", dashboard_tasks_path
+
+.top-area
+  %ul.nav-links
+    %li{class: ("active" if params[:state].blank? || params[:state] == 'pending')}
+      = link_to dashboard_tasks_path(state: 'pending') do
+        Tasks (#{@pending_count})
+    %li{class: ("active" if params[:state] == 'done')}
+      = link_to dashboard_tasks_path(state: 'done') do
+        Done (#{@done_count})
+
+.tasks
+  - if @tasks.any?
+    - @tasks.group_by(&:project).each do |group|
+      .panel.panel-default
+        - project = group[0]
+        .panel-heading
+          = link_to project.name_with_namespace, namespace_project_path(project.namespace, project)
+
+        %ul.well-list.tasks-list
+          = render group[1]
+    = paginate @tasks, theme: "gitlab"
+  - else
+    .nothing-here-block No tasks to show