rails_execution 0.1.1

data/app/helpers/rails_execution/rendering_helper.rb

@@ -0,0 +1,94 @@
+module RailsExecution
+  module RenderingHelper
+
+    def render_user_info(user, avatar_size: '40x40')
+      content_tag :div, class: 'user-info' do
+        concat render_owner_avatar(user, size: avatar_size)
+        concat render_owner_name(user)
+      end
+    end
+
+    def render_owner_avatar(owner, size: '32x32')
+      return nil if owner.blank?
+
+      avatar_url = RailsExecution.configuration.owner_avatar.call(owner)
+      return nil if avatar_url.blank?
+
+      image_tag avatar_url, size: size, class: 'bd-placeholder-img flex-shrink-0 me-2 rounded'
+    end
+
+    def render_owner_name(owner)
+      return nil if owner.blank?
+      return nil if RailsExecution.configuration.owner_name_method.blank?
+
+      content_tag :span, owner.public_send(RailsExecution.configuration.owner_name_method)
+    end
+
+    def render_notification_message(mode, message)
+      case mode
+      when 'alert'
+        content_tag :div, class: 'alert alert-warning align-items-center' do
+          concat content_tag(:i, nil, class: 'bi bi-x-octagon mr-2')
+          concat content_tag(:span, message, class: 'ms-2')
+        end
+      when 'notice'
+        content_tag :div, class: 'alert alert-success align-items-center' do
+          concat content_tag(:i, nil, class: 'bi bi-check-circle mr-2')
+          concat content_tag(:span, message, class: 'ms-2')
+        end
+      end
+    end
+
+    def task_reviewed_status(task)
+      @task_reviewed_status ||= {}
+      @task_reviewed_status[task] ||= task.task_reviews.find_by(owner_id: current_owner&.id)&.status&.inquiry
+    end
+
+    def re_page_actions(&block)
+      content_for :page_actions do
+        content_tag :span, class: 'ms-2' do
+          capture(&block)
+        end
+      end
+    end
+
+    def re_card_content(id: nil, &block)
+      content_tag :div, id: id, class: 'my-3 p-3 bg-body rounded shadow-sm' do
+        capture(&block)
+      end
+    end
+
+    def re_render_paging(relation)
+      render partial: 'rails_execution/shared/paging', locals: { page: relation.re_current_page, total_pages: relation.re_total_pages }
+    end
+
+    def re_attachment_file_acceptable_types
+      ::RailsExecution.configuration.acceptable_file_types.keys.join(',')
+    end
+
+    def re_get_file_name(url)
+      URI(url).path.split('/').last
+    end
+
+    def re_badge_color(status)
+      color = status_to_color(status.to_s.downcase.to_sym)
+      content_tag :small, status.to_s.titleize, class: "fw-light badge rounded-pill text-bg-#{color}"
+    end
+
+    private
+
+    def status_to_color(text)
+      {
+        bad: 'danger',
+        good: 'success',
+        closed: 'danger',
+        created: 'primary',
+        rejected: 'danger',
+        approved: 'success',
+        reviewing: 'secondary',
+        completed: 'success',
+      }[text] || 'secondary'
+    end
+
+  end
+end

data/app/models/rails_execution/activity.rb

@@ -0,0 +1,8 @@
+class RailsExecution::Activity < RailsExecution::AppModel
+
+  belongs_to :task
+
+  validates :task, presence: true
+  validates :message, presence: true
+
+end

data/app/models/rails_execution/comment.rb

@@ -0,0 +1,8 @@
+class RailsExecution::Comment < RailsExecution::AppModel
+
+  belongs_to :task
+
+  validates :task, presence: true
+  validates :content, presence: true
+
+end

data/app/models/rails_execution/task.rb

@@ -0,0 +1,71 @@
+class RailsExecution::Task < RailsExecution::AppModel
+
+  PROCESSING_STATUSES = %w(created reviewing approved rejected)
+
+  has_many :activities, class_name: 'RailsExecution::Activity'
+  has_many :comments, class_name: 'RailsExecution::Comment'
+  has_many :task_reviews, class_name: 'RailsExecution::TaskReview'
+  attr_accessor :reviewer_ids
+
+  validates :title, presence: true
+  validates :status, presence: true
+
+  enum status: {
+    created: 'created',
+    reviewing: 'reviewing',
+    approved: 'approved',
+    rejected: 'rejected',
+    completed: 'completed',
+    closed: 'closed',
+  }, _prefix: :is
+
+  enum syntax_status: {
+    bad: 'bad',
+    good: 'good',
+  }, _prefix: true
+
+  scope :processing, -> { where(status: PROCESSING_STATUSES) }
+
+  before_update :re_assign_status
+  after_commit :create_activity, on: :create, if: :owner
+
+  def in_processing?
+    PROCESSING_STATUSES.include?(self.status)
+  end
+
+  def assign_reviewers(ids)
+    ids.each do |id|
+      next if id.blank?
+
+      task_review = self.task_reviews.find_or_initialize_by({
+        owner_id: id,
+        owner_type: ::RailsExecution.configuration.owner_model.to_s,
+      })
+      task_review.status ||= :reviewing
+    end
+  end
+
+  def reviewer_ids
+    self.task_reviews.pluck(:owner_id)
+  end
+
+  def add_files(attachments, current_owner)
+    ::RailsExecution.configuration.file_uploader.new(self, attachments, owner: current_owner).call
+  end
+
+  private
+
+  def create_activity
+    self.activities.create(owner: self.owner, message: 'Created the task')
+  end
+
+  def re_assign_status
+    return if self.is_completed? || self.is_closed?
+
+    if self.is_approved? && self.script_changed?
+      self.status = :reviewing
+      self.task_reviews.update_all(status: :reviewing)
+    end
+  end
+
+end

data/app/models/rails_execution/task_review.rb

@@ -0,0 +1,14 @@
+class RailsExecution::TaskReview < RailsExecution::AppModel
+
+  belongs_to :task
+
+  validates :task, presence: true
+  validates :status, presence: true
+
+  enum status: {
+    reviewing: 'reviewing',
+    approved: 'approved',
+    rejected: 'rejected',
+  }, _prefix: :is
+
+end

data/app/views/layouts/execution.html.haml

@@ -0,0 +1,16 @@
+!!!
+%html
+  %head
+    %title Rails Execution
+    %meta{ name: :viewport, content: 'width=device-width, initial-scale=1' }
+    = csrf_meta_tags
+    = favicon_link_tag 'executions/favicon.png'
+    = stylesheet_link_tag 'https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css'
+    = stylesheet_link_tag 'executions/base'
+    = javascript_include_tag 'executions/base'
+
+  %body.bg-light.fw-light.pb-5
+    = render partial: 'rails_execution/shared/header'
+    %main.container
+      = render partial: 'rails_execution/shared/flash'
+      = yield

data/app/views/rails_execution/comments/_comment.html.haml

@@ -0,0 +1,23 @@
+- comment_key = comment.cache_key.parameterize(separator: '_').remove('-')
+
+.media.media-comment.d-flex{ id: comment_key }
+  = render_owner_avatar(comment.owner, size: '50x50')
+  .media-body.rounded.shadow-sm.g-bg-secondary.g-pa-15.w-100
+    - if comment.owner == current_owner
+      = link_to '#edit-comment', class: 'edit-comment' do
+        %i.bi.bi-gear.fs-5.text-dark
+    .review-comment-content
+      .g-mb-15.mb-2
+        .user-info.g-color-gray-dark-v1.mb-0= render_owner_name(comment.owner)
+        .fs-13.text-muted= comment.created_at.strftime('%Y/%m/%d %H:%M')
+      %p.content-markdown= comment.content
+      %p.content-html.normal-text
+    .edit-comment-form.hidden
+      = form_for comment, url: task_comment_path(current_task, comment, comment_key: comment_key), remote: true do |f|
+        = f.text_area :content, { id: "#{comment_key}_content" }
+        .mt-3.text-end
+          %a.btn.btn-outline-default.text-danger.cancel-edit-mode{ href: '#cancel-edit-form' } Cancel
+          = f.submit 'Update', class: 'btn btn-outline-success'
+
+  :javascript
+    window.comments.renderMarkdown("##{comment_key}");

data/app/views/rails_execution/comments/create.js.haml

@@ -0,0 +1,6 @@
+- if @new_comment.errors.empty?
+  window.location.href = '#{task_path(current_task)}';
+- else
+  $("#new-comment").replaceWith("#{j render(partial: 'rails_execution/tasks/new_comment', locals: { comment: @new_comment, alert: @alert })}");
+  hljs.highlightAll();
+  window.comments.initAddNewComment('comment_content');

data/app/views/rails_execution/comments/update.js.haml

@@ -0,0 +1,2 @@
+$("##{params[:comment_key]}").replaceWith("#{j render(partial: 'comment', locals: { comment: @comment })}");
+hljs.highlightAll();

data/app/views/rails_execution/dashboards/charts/_insights.html.haml

@@ -0,0 +1,27 @@
+= re_card_content do
+  %h5.section-title Insights
+  %canvas{ id: :insights_chart, height: 300 }
+
+:javascript
+  $.get("#{insights_dashboards_path(:json)}", function(data) {
+    new Chart(document.getElementById('insights_chart').getContext('2d'), {
+      type: 'line',
+      data: data,
+      options: {
+        responsive: true,
+        plugins: {
+          legend: false,
+        },
+        layout: {
+          padding: 20,
+        },
+        scales: {
+          y: {
+            min: 0,
+            ticks: { stepSize: 1 },
+            grid: { display: false },
+          },
+        },
+      },
+    });
+  });

data/app/views/rails_execution/dashboards/home.html.haml

@@ -0,0 +1,24 @@
+= re_card_content do
+  %h5.section-title Overview
+  .row
+    .col
+      .card.text-center
+        .card-header= link_to 'In Processing', tasks_path
+        .card-body
+          %span.fs-2.fw-lighter= @in_processing_count
+          %span tasks
+    .col
+      .card.text-center
+        .card-header= link_to 'Completed', completed_tasks_path
+        .card-body
+          %span.fs-2.fw-lighter= @tasks_count['completed'].to_i
+          %span tasks
+    .col
+      .card.text-center
+        .card-header= link_to 'Closed', closed_tasks_path
+        .card-body
+          %span.fs-2.fw-lighter= @tasks_count['closed'].to_i
+          %span tasks
+
+- if show_insights_chart?
+  = render partial: 'rails_execution/dashboards/charts/insights'

data/app/views/rails_execution/dashboards/insights.json.jbuilder

@@ -0,0 +1,8 @@
+json.labels @tasks_by_week.keys.map { |year, week| Date.commercial(year, week, 1).strftime('Week: %d/%m') }
+json.datasets [{
+  label: 'Created tasks',
+  data: @tasks_by_week.values,
+  borderWidth: 1,
+  borderColor: 'rgba(255, 99, 132, 1)',
+  backgroundColor: 'rgba(255, 99, 132, 0.2)',
+}]

data/app/views/rails_execution/shared/_flash.html.haml

@@ -0,0 +1,7 @@
+#flash-messages
+  - flash.each do |key, message|
+    = render_notification_message(key, message)
+:javascript
+  setTimeout(function() {
+    $('#flash-messages .alert').slideUp();
+  }, 3000);

data/app/views/rails_execution/shared/_header.html.haml

@@ -0,0 +1,13 @@
+%header.p-3.mb-3.border-bottom.bg-white
+  .container
+    .d-flex.flex-wrap.align-items-center.justify-content-center.justify-content-lg-start
+      = link_to root_path, class: 'd-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none' do
+        = image_tag 'executions/logo.png', size: '30x30'
+      %ul.nav.col-12.col-lg-auto.me-lg-auto.mb-2.justify-content-center.mb-md-0.ms-3
+        %li= link_to 'Dashboard', root_path, class: "nav-link px-2 link-#{ current_page?(root_path) ? 'secondary' : 'dark' }"
+        %li= link_to 'Processing', tasks_path, class: "nav-link px-2 link-#{ current_page?(tasks_path) ? 'secondary' : 'dark' }"
+        %li= link_to 'Completed', completed_tasks_path, class: "nav-link px-2 link-#{ current_page?(completed_tasks_path) ? 'secondary' : 'dark' }"
+        %li= link_to 'Closed', closed_tasks_path, class: "nav-link px-2 link-#{ current_page?(closed_tasks_path) ? 'secondary' : 'dark' }"
+      .col-md-3.text-end
+        = yield :page_actions
+        = link_to 'New Task', new_task_path, class: 'btn btn-outline-primary ms-2', disabled: !can_create_task?

data/app/views/rails_execution/shared/_paging.html.haml

@@ -0,0 +1,35 @@
+- return if total_pages <= 1
+- original_params = params.permit!.to_h
+
+- gap_number = 2
+- page_numbers = (1..total_pages).to_a
+- begin_paging = (1..(1 + gap_number)).to_a
+- middle_paging = page_numbers & ((page - gap_number)..(page + gap_number)).to_a
+- end_paging = page_numbers & ((total_pages - gap_number)..total_pages).to_a
+
+- if begin_paging.last < middle_paging.first.pred
+  - begin_paging[-1] = 'gap1'
+- if middle_paging.last < end_paging.first.pred
+  - end_paging[0] = 'gap2'
+- page_numbers = begin_paging + middle_paging + end_paging
+
+%nav.execution-paging
+  %ul.pagination.justify-content-center
+    - if page > 1
+      %li.page-item
+        = link_to original_params.merge(page: page.pred), class: 'page-link' do
+          %i.bi.bi-chevron-left
+
+    - page_numbers.uniq.each do |page_num|
+      - if page == page_num
+        - item_css = 'active'
+      - elsif page_num.to_s.start_with?('gap')
+        - page_num, item_css = '...', 'disabled'
+
+      %li.page-item{ class: item_css }
+        = link_to page_num, original_params.merge(page: page_num), class: 'page-link'
+
+    - if page < total_pages
+      %li.page-item
+        = link_to original_params.merge(page: page.next), class: 'page-link' do
+          %i.bi.bi-chevron-right

data/app/views/rails_execution/tasks/_actions.html.haml

@@ -0,0 +1,12 @@
+- unless current_task.is_completed?
+  = re_card_content do
+    .text-center
+      - if can_execute_task?(current_task)
+        = link_to 'Execute NOW!!!', execute_task_path(current_task), class: 'btn btn-primary', method: :patch, data: { confirm: 'Are you sure?' }
+      - else
+        %p.text-danger.mb-0.fw-bold
+          %i.bi.bi-x-octagon.me-1
+          Not ready to Execute!
+        %span.fs-13.text-muted.fw-lighter.mb-0
+          %i.bi.bi-megaphone
+          = how_to_executable(current_task)

data/app/views/rails_execution/tasks/_activities.html.haml

@@ -0,0 +1,22 @@
+- if task_logs.any?
+  = re_card_content do
+    %h5.section-title Logs
+    %ul.list-unstyled#task-logs
+      - task_logs.each do |task_log|
+        %li.fs-13.row.mb-3
+          .col.text-muted
+            %i.bi.bi-journal-text
+            = re_get_file_name(task_log)
+          .col-3.text-end= link_to 'Download', task_log, target: :_blank, class: 'text-muted click2download'
+
+= re_card_content id: 'activities-section' do
+  %h5.section-title Activities
+  %ul.list-unstyled
+    - current_task.activities.descending.preload(:owner).each do |activitiy|
+      %li.row
+        .col
+          = render_user_info(activitiy.owner, avatar_size: '20x20')
+          %p.normal-text.mt-1= activitiy.message
+        .col-3.text-end.activitiy-time
+          %span.fs13px.text-muted= activitiy.created_at.strftime('%Y/%m/%d')
+          %p.text-muted= activitiy.created_at.strftime('%H:%M')

data/app/views/rails_execution/tasks/_attachment_file_fields.html.haml

@@ -0,0 +1,3 @@
+%li.row.mb-2
+  .col= text_field :attachments, :name, { class: 'form-control file-name', placeholder: 'Name', name: "attachments[0][name]" }
+  .col-6.overflow-hidden= file_field :attachments, :file, { class: 'form-control file-upload', accept: re_attachment_file_acceptable_types, name: "attachments[0][file]" }

data/app/views/rails_execution/tasks/_attachment_files.html.haml

@@ -0,0 +1,12 @@
+- if RailsExecution.configuration.file_upload && task_attachment_files.any?
+  = re_card_content do
+    %h5.section-title.mb-3 Attachment files
+    %ul.list-unstyled.mt-3
+      - task_attachment_files.each do |name, url|
+        %li.row.normal-text
+          .col
+            %i.bi.fs-3.text-muted{ class: "bi-file-text bi-filetype-#{url.split('.').last}" }
+            = name
+          .col-3.text-end
+            %p.mb-0= link_to 'Download', url, class: 'text-muted'
+            %small Filename: #{re_get_file_name(url)}

data/app/views/rails_execution/tasks/_comments.html.haml

@@ -0,0 +1,15 @@
+= render partial: 'new_comment', locals: { comment: (new_comment || current_task.comments.new) }
+= render current_task.comments.ascending
+
+:javascript
+  hljs.highlightAll();
+  window.comments.initAddNewComment('comment_content');
+
+  $(document).on('click', '.media-comment a.edit-comment', function() {
+    window.comments.clickEditComment(this);
+    return false;
+  });
+  $(document).on('click', '.media-comment a.cancel-edit-mode', function() {
+    window.comments.cancelEditMode(this);
+    return false;
+  });

data/app/views/rails_execution/tasks/_form.html.haml

@@ -0,0 +1,55 @@
+= form_for task, html: { enctype: 'multipart/form-data' } do |f|
+  .row
+    - if task.errors.any?
+      .col-12.text-danger.small.mt-3= task.errors.full_messages.join("\n")
+
+    .col
+      .mb-3.mt-4= f.text_field :title, { class: 'form-control', placeholder: 'Title', required: true }
+      .mb-3.mt-4= f.text_area :description, { class: 'form-control', placeholder: 'Description', rows: 10 }
+    - if show_form_sidebar?(task)
+      .col-4
+        - unless in_solo_mode?
+          %h5.mb-2.mt-4.section-title Reviewers
+          #reviewers.mb-3
+            - if reviewers.any?
+              = f.collection_select :task_review_ids, reviewers, :id, :name, { selected: task.reviewer_ids }, { multiple: true, class: 'select2 col-12' }
+            - else
+              %p.small.text-muted Nobody can add
+
+        - if RailsExecution.configuration.file_upload
+          %h5.mb-2.mt-4.section-title Attachment files
+          %ul.list-unstyled.mt-3
+            - task_attachment_files.each do |name, url|
+              %li.row.normal-text
+                .col
+                  %i.bi.fs-3.text-muted{ class: "bi-file-text bi-filetype-#{url.split('.').last}" }
+                  = name
+                .col-6.text-end
+                  %p.mb-0= link_to 'Download', url, class: 'text-muted'
+                  %small Filename: #{re_get_file_name(url)}
+          #attachment_files.mb-3
+            %ul.list-unstyled= render partial: 'attachment_file_fields'
+
+            .mt-3.text-center
+              %hr.smoothly
+              = link_to 'More file', '#add-more-file', data: { fields_html: render(partial: 'attachment_file_fields') }, class: 'btn text-primary', id: 'js-add-more-file'
+
+
+    - if task.new_record? || task.in_processing?
+      .col-md-12.mb-3.mt-3
+        .row
+          .col
+            %h5.section-title Script
+          .col.text-end= render partial: 'tips'
+        = f.text_area :script, { class: 'form-control hidden', rows: 3, id: 'main-script' }
+        #script-editor-container
+          #script-editor= task.script
+          = link_to '#full-screen', class: 'btn', id: 'click2full' do
+            %i.bi.bi-arrows-fullscreen
+            %i.bi.bi-arrows-angle-contract
+
+  .mb-3.mt-3.text-end
+    %hr
+    = f.submit (task.new_record? ? 'Create' : 'Update'), class: 'btn btn-success'
+
+= render partial: 'form_scripts', locals: { task: task }

data/app/views/rails_execution/tasks/_form_scripts.html.haml

@@ -0,0 +1,34 @@
+:javascript
+  $('#task_task_review_ids').select2({});
+  new EasyMDE({
+    element: document.getElementById('task_description'),
+    status: false,
+    showIcons: ['code'],
+    placeholder: "Type description here...",
+    renderingConfig: {
+      codeSyntaxHighlighting: true,
+    }
+  });
+
+- if task.new_record? || task.in_processing?
+  :javascript
+    var editor = ace.edit("script-editor", { printMarginColumn: false });
+    var RubyMode = ace.require("ace/mode/ruby").Mode;
+    editor.setTheme("ace/theme/solarized_dark");
+    editor.session.setMode(new RubyMode());
+    editor.renderer.setPadding(15);
+    editor.renderer.setShowPrintMargin(false);
+    editor.getSession().on("change", function () {
+      $("#main-script").val(editor.getValue());
+    });
+
+    $('#click2full').click(function() {
+      $('#script-editor-container').toggleClass('fullscreen');
+      return false;
+    });
+
+    $('#js-add-more-file').click(function() {
+      AddMoreFile();
+      return false;
+    });
+

data/app/views/rails_execution/tasks/_new_comment.html.haml

@@ -0,0 +1,8 @@
+#new-comment
+  = re_card_content do
+    = form_for comment || current_task.comments.new, url: task_comments_path(current_task), remote: true do |f|
+      = f.text_area :content, { rows: 3 }
+      .mt-3
+        .text-start.text-danger= alert
+        .text-end= f.submit 'Comment', class: 'btn btn-outline-success'
+

data/app/views/rails_execution/tasks/_reviewers.html.haml

@@ -0,0 +1,23 @@
+- if display_reviewers?(current_task)
+  = re_card_content do
+    %h5.section-title Reviewers
+    %ul.list-unstyled.mt-3
+      - if reviewing_accounts.empty?
+        %li.mt-2.small.text-muted.text-center Nobody!
+      - else
+        - reviewing_accounts.each do |task_review|
+          %li.mt-2
+            .row
+              .col= render_user_info(task_review.owner, avatar_size: '20x20')
+              .col-3.text-end= re_badge_color(task_review.status)
+
+- if display_decide?(current_task)
+  = re_card_content do
+    %h5.section-title What is your decision?
+    .row.mt-3
+      .col= render_user_info(current_owner, avatar_size: '20x20')
+      .col-6.text-end
+        - unless task_reviewed_status(current_task)&.rejected?
+          = link_to 'Reject', reject_task_path(current_task), method: :patch, data: { confirm: 'Are you sure?' }, class: 'btn btn-sm btn-danger'
+        - unless task_reviewed_status(current_task)&.approved?
+          = link_to 'Approve', approve_task_path(current_task), method: :patch, data: { confirm: 'Are you sure?' }, class: 'btn btn-sm btn-success'

data/app/views/rails_execution/tasks/_script_content.html.haml

@@ -0,0 +1,15 @@
+= re_card_content do
+  - if current_task.script.blank?
+    %p.text-center.text-muted.mt-3
+      %i.bi.bi-quote.fs-5
+      Script is empty!
+  - else
+    %h5.section-title.mb-3 Script
+    #task-detail
+      = link_to '#full-screen', class: 'btn', id: 'click2full' do
+        %i.bi.bi-arrows-fullscreen
+        %i.bi.bi-arrows-angle-contract
+      #script-editor.collapsed= current_task.script
+      = link_to '#detail', class: 'btn', id: 'click2detail' do
+        %i.bi.bi-arrow-bar-down.me-2
+        Click to detail

data/app/views/rails_execution/tasks/_show_scripts.html.haml

@@ -0,0 +1,27 @@
+- if current_task.script.present?
+  :javascript
+    window.editor = ace.edit("script-editor", {
+      wrap: true,
+      readOnly: true,
+      printMarginColumn: false,
+    });
+    var RubyMode = ace.require("ace/mode/ruby").Mode;
+    editor.setTheme("ace/theme/solarized_dark");
+    editor.session.setMode(new RubyMode());
+
+    $('#click2detail').click(function() {
+      this.remove();
+      $('#script-editor').removeClass('collapsed');
+      window.editor.resize();
+      return false;
+    })
+    $('#click2full').click(function() {
+      $('#task-detail').toggleClass('fullscreen');
+      window.editor.resize();
+      return false;
+    })
+
+- if current_task.description.present?
+  :javascript
+    $('#description-html').html(marked.parse($('#description-markdown').html()));
+    hljs.highlightAll();

data/app/views/rails_execution/tasks/_status.html.haml

@@ -0,0 +1,19 @@
+= re_card_content do
+  %h5.section-title All checks
+  %ul.list-unstyled.mt-3
+    %li.mt-2.row
+      .col
+        .user-info
+          = image_tag 'executions/robot.png', size: '20x20', class: 'bd-placeholder-img flex-shrink-0 me-2 rounded'
+          %span Task status
+      .col-3.text-end= re_badge_color(current_task.status)
+    %li.mt-2.row
+      .col
+        .user-info
+          = image_tag 'executions/robot.png', size: '20x20', class: 'bd-placeholder-img flex-shrink-0 me-2 rounded'
+          %span Syntax
+      .col-3.text-end
+        - if current_task.syntax_status_good?
+          %i.fs-5.bi.bi-check-lg.text-success
+        - else
+          %i.fs-5.bi.bi-exclamation-triangle.text-danger

data/app/views/rails_execution/tasks/_task.html.haml

@@ -0,0 +1,18 @@
+%li.border-bottom.d-flex.pt-2.pb-2{ class: "task-is-#{task.status}" }
+  .p-2.pt-3
+    %span.fs-4.text-muted ##{task.id}
+  .p-2
+    = link_to task_path(task) do
+      = render_owner_avatar(task.owner, size: '50x50')
+  .p-2
+    = link_to task_path(task) do
+      %p.mb-0.text-black
+        = task.title.truncate(100)
+        - if task.syntax_status_good?
+          %i.bi.bi-check2.text-success
+        - elsif task.syntax_status_bad?
+          %i.bi.bi-exclamation-octagon.text-danger
+    %span.small.text-muted created on #{time_ago_in_words(task.created_at)} by #{render_owner_name(task.owner)}
+  .p-2.ms-auto.text-end
+    %span.me-1= task.comments.size
+    %i.bi.bi-chat-left-dots