tudla_hubstaff 0.1.0

data/app/components/tudla_hubstaff/task_activities_component.rb

@@ -0,0 +1,93 @@
+module TudlaHubstaff
+  class TaskActivitiesComponent < TudlaHubstaff::BaseComponent
+    PER_PAGE = 20
+
+    def initialize(tudla_task_id:, current_page: 1, per_page: PER_PAGE)
+      @tudla_task_id = tudla_task_id
+      @current_page = current_page.to_i
+      @per_page = per_page.to_i
+    end
+
+    attr_reader :tudla_task_id, :current_page, :per_page
+
+    def activities
+      @activities ||= fetch_activities
+    end
+
+    def total_count
+      @total_count ||= activities_scope.count
+    end
+
+    def total_pages
+      (total_count.to_f / per_page).ceil
+    end
+
+    def render?
+      tudla_task_id.present?
+    end
+
+    def start_item
+      return 0 if total_count.zero?
+      ((current_page - 1) * per_page) + 1
+    end
+
+    def end_item
+      [ current_page * per_page, total_count ].min
+    end
+
+    def show_previous?
+      current_page > 1
+    end
+
+    def show_next?
+      current_page < total_pages
+    end
+
+    def previous_page
+      current_page - 1
+    end
+
+    def next_page
+      current_page + 1
+    end
+
+    def format_duration(seconds)
+      return "0m" if seconds.nil? || seconds.zero?
+
+      hours = seconds / 3600
+      minutes = (seconds % 3600) / 60
+
+      if hours > 0
+        "#{hours}h #{minutes}m"
+      else
+        "#{minutes}m"
+      end
+    end
+
+    def format_date(date_string)
+      return "" if date_string.blank?
+      Date.parse(date_string).strftime("%b %d, %Y")
+    rescue ArgumentError
+      date_string
+    end
+
+    private
+
+    def fetch_activities
+      activities_scope
+        .order(last_updated_at: :desc)
+        .offset((current_page - 1) * per_page)
+        .limit(per_page)
+    end
+
+    def activities_scope
+      @activities_scope ||= begin
+        hubstaff_task_ids = TudlaHubstaff::Task
+          .where(tudla_task_id: tudla_task_id)
+          .pluck(:task_id)
+
+        TudlaHubstaff::Activity.where(task_id: hubstaff_task_ids)
+      end
+    end
+  end
+end

data/app/components/tudla_hubstaff/task_row_component.html.erb

@@ -0,0 +1,22 @@
+<tr id="<%= dom_id %>" class="tudla_hubstaff-task-row">
+  <td class="px-6 py-4 whitespace-nowrap">
+    <div class="text-sm font-medium text-gray-900"><%= task.summary %></div>
+    <div class="text-sm text-gray-500"><%= truncated_details %></div>
+  </td>
+  <td class="px-6 py-4 whitespace-nowrap">
+    <div class="text-sm text-gray-900"><%= task.project_type %></div>
+  </td>
+  <td class="px-6 py-4 whitespace-nowrap">
+    <%= render TudlaHubstaff::UI::StatusBadgeComponent.new(status: task.status) %>
+  </td>
+  <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
+    <button type="button"
+            class="text-indigo-600 hover:text-indigo-900"
+            data-action="click->task-mapping-modal#open"
+            data-task-id="<%= task.id %>"
+            data-task-name="<%= task.summary %>"
+            data-map-url="<%= map_tudla_task_task_path(task) %>">
+      Map to Tudla Task
+    </button>
+  </td>
+</tr>

data/app/components/tudla_hubstaff/task_row_component.rb

@@ -0,0 +1,17 @@
+module TudlaHubstaff
+  class TaskRowComponent < TudlaHubstaff::BaseComponent
+    def initialize(task:)
+      @task = task
+    end
+
+    attr_reader :task
+
+    def dom_id
+      "tudla_hubstaff_task_#{task.id}"
+    end
+
+    def truncated_details
+      task.details.to_s.truncate(50)
+    end
+  end
+end

data/app/components/tudla_hubstaff/ui/map_button_component.html.erb

@@ -0,0 +1,8 @@
+<button type="button"
+        class="tudla_hubstaff-map-button text-indigo-600 hover:text-indigo-900"
+        data-action="click-><%= stimulus_controller %>#open"
+        data-item-id="<%= item_id %>"
+        data-item-name="<%= item_name %>"
+        data-map-url="<%= map_url %>">
+  <%= button_text %>
+</button>

data/app/components/tudla_hubstaff/ui/map_button_component.rb

@@ -0,0 +1,21 @@
+module TudlaHubstaff
+  module UI
+    class MapButtonComponent < TudlaHubstaff::BaseComponent
+      def initialize(
+        item_id:,
+        item_name:,
+        map_url:,
+        stimulus_controller:,
+        button_text: "Map"
+      )
+        @item_id = item_id
+        @item_name = item_name
+        @map_url = map_url
+        @stimulus_controller = stimulus_controller
+        @button_text = button_text
+      end
+
+      attr_reader :item_id, :item_name, :map_url, :stimulus_controller, :button_text
+    end
+  end
+end

data/app/components/tudla_hubstaff/ui/mapping_modal_component.html.erb

@@ -0,0 +1,51 @@
+<div id="<%= id %>"
+     class="tudla_hubstaff-mapping-modal fixed inset-0 z-50 overflow-y-auto hidden"
+     data-<%= stimulus_controller %>-target="modal">
+  <!-- Backdrop -->
+  <div class="fixed inset-0 bg-black/50 transition-opacity"
+       data-action="click-><%= stimulus_controller %>#close"></div>
+
+  <!-- Modal Content -->
+  <div class="fixed inset-0 z-10 overflow-y-auto">
+    <div class="flex min-h-full items-center justify-center p-4">
+      <div class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all w-full max-w-lg">
+        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+          <h3 class="text-lg font-medium leading-6 text-gray-900 mb-4">
+            <%= title %>: <span data-<%= stimulus_controller %>-target="itemName"></span>
+          </h3>
+
+          <!-- Search Filter -->
+          <div class="mb-4">
+            <input type="text"
+                   placeholder="<%= search_placeholder %>"
+                   class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
+                   data-<%= stimulus_controller %>-target="searchInput"
+                   data-action="input-><%= stimulus_controller %>#filterItems">
+          </div>
+
+          <!-- Items List -->
+          <div class="max-h-80 overflow-y-auto">
+            <div data-<%= stimulus_controller %>-target="itemsList" class="space-y-2">
+              <!-- Items will be loaded here -->
+            </div>
+            <div data-<%= stimulus_controller %>-target="loading" class="hidden text-center py-4">
+              <span class="text-gray-500"><%= loading_text %></span>
+            </div>
+          </div>
+
+          <!-- Modal Pagination -->
+          <div data-<%= stimulus_controller %>-target="pagination" class="flex justify-between items-center mt-4 pt-4 border-t border-gray-200">
+          </div>
+        </div>
+
+        <div class="bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
+          <button type="button"
+                  class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto"
+                  data-action="click-><%= stimulus_controller %>#close">
+            <%= cancel_text %>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/components/tudla_hubstaff/ui/mapping_modal_component.rb

@@ -0,0 +1,34 @@
+module TudlaHubstaff
+  module UI
+    class MappingModalComponent < TudlaHubstaff::BaseComponent
+      renders_one :search_input
+      renders_one :items_list
+      renders_one :pagination
+
+      def initialize(
+        id:,
+        title:,
+        stimulus_controller:,
+        available_items_url:,
+        search_placeholder: "Filter by name...",
+        loading_text: "Loading...",
+        cancel_text: "Cancel"
+      )
+        @id = id
+        @title = title
+        @stimulus_controller = stimulus_controller
+        @available_items_url = available_items_url
+        @search_placeholder = search_placeholder
+        @loading_text = loading_text
+        @cancel_text = cancel_text
+      end
+
+      attr_reader :id, :title, :stimulus_controller, :available_items_url,
+                  :search_placeholder, :loading_text, :cancel_text
+
+      def target_prefix
+        stimulus_controller.gsub("-", "_").camelize(:lower)
+      end
+    end
+  end
+end

data/app/components/tudla_hubstaff/ui/modal_component.html.erb

@@ -0,0 +1,36 @@
+<div id="<%= id %>"
+     class="tudla_hubstaff-modal fixed inset-0 z-50 overflow-y-auto hidden"
+     <% if stimulus_controller %>data-<%= stimulus_controller %>-target="modal"<% end %>>
+  <!-- Backdrop -->
+  <div class="fixed inset-0 bg-black/50 transition-opacity"
+       <% if stimulus_controller %>data-action="click-><%= stimulus_controller %>#close"<% end %>></div>
+
+  <!-- Modal Content -->
+  <div class="fixed inset-0 z-10 overflow-y-auto">
+    <div class="flex min-h-full items-center justify-center p-4">
+      <div class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all w-full max-w-lg">
+        <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+          <% if header? %>
+            <%= header %>
+          <% elsif title %>
+            <h3 class="text-lg font-medium leading-6 text-gray-900 mb-4">
+              <%= title %>
+            </h3>
+          <% end %>
+
+          <% if body? %>
+            <%= body %>
+          <% else %>
+            <%= content %>
+          <% end %>
+        </div>
+
+        <% if footer? %>
+          <div class="bg-gray-50 px-4 py-3 sm:flex sm:flex-row-reverse sm:px-6">
+            <%= footer %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>

data/app/components/tudla_hubstaff/ui/modal_component.rb

@@ -0,0 +1,17 @@
+module TudlaHubstaff
+  module UI
+    class ModalComponent < TudlaHubstaff::BaseComponent
+      renders_one :header
+      renders_one :body
+      renders_one :footer
+
+      def initialize(id:, title: nil, stimulus_controller: nil)
+        @id = id
+        @title = title
+        @stimulus_controller = stimulus_controller
+      end
+
+      attr_reader :id, :title, :stimulus_controller
+    end
+  end
+end

data/app/components/tudla_hubstaff/ui/pagination_component.html.erb

@@ -0,0 +1,19 @@
+<nav class="tudla_hubstaff-pagination flex items-center justify-between border-t border-gray-200 px-4 py-3 sm:px-6 mt-4" aria-label="Pagination">
+  <div class="hidden sm:block">
+    <p class="text-sm text-gray-700">
+      Showing <span class="font-medium"><%= start_item %></span> to
+      <span class="font-medium"><%= end_item %></span> of
+      <span class="font-medium"><%= total_count %></span> results
+    </p>
+  </div>
+  <div class="flex flex-1 justify-between sm:justify-end gap-2">
+    <% if show_previous? %>
+      <%= link_to "Previous", previous_page_path,
+          class: "relative inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50" %>
+    <% end %>
+    <% if show_next? %>
+      <%= link_to "Next", next_page_path,
+          class: "relative inline-flex items-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50" %>
+    <% end %>
+  </div>
+</nav>

data/app/components/tudla_hubstaff/ui/pagination_component.rb

@@ -0,0 +1,47 @@
+module TudlaHubstaff
+  module UI
+    class PaginationComponent < TudlaHubstaff::BaseComponent
+      def initialize(pagy:, path_helper:, path_params: {})
+        @pagy = pagy
+        @path_helper = path_helper
+        @path_params = path_params
+      end
+
+      attr_reader :pagy, :path_helper, :path_params
+
+      delegate :last, :count, :from, :to, :previous, :next, to: :pagy
+
+      def render?
+        last > 1
+      end
+
+      def start_item
+        from
+      end
+
+      def end_item
+        to
+      end
+
+      def total_count
+        count
+      end
+
+      def previous_page_path
+        send(path_helper, path_params.merge(page: previous))
+      end
+
+      def next_page_path
+        send(path_helper, path_params.merge(page: self.next))
+      end
+
+      def show_previous?
+        previous.present?
+      end
+
+      def show_next?
+        self.next.present?
+      end
+    end
+  end
+end

data/app/components/tudla_hubstaff/ui/status_badge_component.html.erb

@@ -0,0 +1,3 @@
+<span class="tudla_hubstaff-status-badge px-2 inline-flex text-xs leading-5 font-semibold rounded-full <%= style_classes %>">
+  <%= display_text %>
+</span>

data/app/components/tudla_hubstaff/ui/status_badge_component.rb

@@ -0,0 +1,26 @@
+module TudlaHubstaff
+  module UI
+    class StatusBadgeComponent < TudlaHubstaff::BaseComponent
+      STYLES = {
+        active: "bg-green-100 text-green-800",
+        pending: "bg-gray-100 text-gray-800",
+        inactive: "bg-gray-100 text-gray-800",
+        default: "bg-gray-100 text-gray-800"
+      }.freeze
+
+      def initialize(status:)
+        @status = status.to_s.downcase
+      end
+
+      attr_reader :status
+
+      def style_classes
+        STYLES[status.to_sym] || STYLES[:default]
+      end
+
+      def display_text
+        status.presence || "pending"
+      end
+    end
+  end
+end

data/app/components/tudla_hubstaff/ui/table_component.html.erb

@@ -0,0 +1,20 @@
+<% if rows? %>
+  <div class="tudla_hubstaff-table bg-white shadow rounded-lg overflow-hidden">
+    <table class="min-w-full divide-y divide-gray-200" <%= "id=\"#{id}\"" if id %>>
+      <% if header? %>
+        <thead class="bg-gray-50">
+          <%= header %>
+        </thead>
+      <% end %>
+      <tbody class="bg-white divide-y divide-gray-200">
+        <% rows.each do |row| %>
+          <%= row %>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <div class="text-center py-12">
+    <p class="text-gray-500"><%= empty_message %></p>
+  </div>
+<% end %>

data/app/components/tudla_hubstaff/ui/table_component.rb

@@ -0,0 +1,15 @@
+module TudlaHubstaff
+  module UI
+    class TableComponent < TudlaHubstaff::BaseComponent
+      renders_one :header
+      renders_many :rows
+
+      def initialize(id: nil, empty_message: "No items found.")
+        @id = id
+        @empty_message = empty_message
+      end
+
+      attr_reader :id, :empty_message
+    end
+  end
+end

data/app/components/tudla_hubstaff/ui.rb

@@ -0,0 +1,4 @@
+module TudlaHubstaff
+  module UI
+  end
+end

data/app/components/tudla_hubstaff/user_activities_list_component.html.erb

@@ -0,0 +1,70 @@
+<%= turbo_frame_tag turbo_frame_id do %>
+  <div class="tudla_hubstaff-user-activities-list" data-controller="activity-task-mapping-modal" data-available-tasks-url="<%= available_tudla_tasks_activities_path %>">
+    <div class="flex items-center justify-between mb-4">
+      <div class="flex items-center space-x-4">
+        <%= link_to "All", filter_path(unmapped: false),
+            class: "px-3 py-1 text-sm rounded-md #{unmapped_only ? 'text-gray-600 hover:bg-gray-100' : 'bg-indigo-600 text-white'}",
+            data: { turbo_frame: turbo_frame_id } %>
+        <%= link_to "Unmapped Only", filter_path(unmapped: true),
+            class: "px-3 py-1 text-sm rounded-md #{unmapped_only ? 'bg-indigo-600 text-white' : 'text-gray-600 hover:bg-gray-100'}",
+            data: { turbo_frame: turbo_frame_id } %>
+      </div>
+    </div>
+
+    <% if activities.any? %>
+      <div class="bg-white shadow rounded-lg overflow-hidden">
+        <table class="min-w-full divide-y divide-gray-200">
+          <thead class="bg-gray-50">
+            <tr>
+              <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Date</th>
+              <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Task</th>
+              <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tracked</th>
+              <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Activity</th>
+              <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+            </tr>
+          </thead>
+          <tbody class="bg-white divide-y divide-gray-200">
+            <% activities.each do |activity| %>
+              <%= render TudlaHubstaff::ActivityRowComponent.new(activity: activity) %>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+
+      <% if total_pages > 1 %>
+        <div class="tudla_hubstaff-pagination flex items-center justify-between mt-4 px-4 py-3 bg-white border border-gray-200 rounded-lg sm:px-6">
+          <div class="text-sm text-gray-700">
+            Showing <span class="font-medium"><%= start_item %></span> to <span class="font-medium"><%= end_item %></span> of <span class="font-medium"><%= total_count %></span> activities
+          </div>
+          <div class="flex space-x-2">
+            <% if show_previous? %>
+              <%= link_to "Previous", pagination_path(page: previous_page),
+                  class: "text-indigo-600 hover:text-indigo-900",
+                  data: { turbo_frame: turbo_frame_id } %>
+            <% else %>
+              <span class="text-gray-400 cursor-not-allowed">Previous</span>
+            <% end %>
+            <% if show_next? %>
+              <%= link_to "Next", pagination_path(page: next_page),
+                  class: "text-indigo-600 hover:text-indigo-900",
+                  data: { turbo_frame: turbo_frame_id } %>
+            <% else %>
+              <span class="text-gray-400 cursor-not-allowed">Next</span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+
+      <%= render TudlaHubstaff::UI::MappingModalComponent.new(
+        id: "activity-task-mapping-modal",
+        title: "Map Activity Task",
+        stimulus_controller: "activity-task-mapping-modal",
+        available_items_url: available_tudla_tasks_activities_path
+      ) %>
+    <% else %>
+      <div class="text-center py-12 bg-white rounded-lg border border-gray-200">
+        <p class="text-gray-500">No activities found for this user.</p>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/components/tudla_hubstaff/user_activities_list_component.rb

@@ -0,0 +1,92 @@
+module TudlaHubstaff
+  class UserActivitiesListComponent < TudlaHubstaff::BaseComponent
+    PER_PAGE = 10
+
+    def initialize(user_id:, current_page: 1, per_page: PER_PAGE, unmapped_only: false)
+      @user_id = user_id
+      @current_page = current_page.to_i
+      @per_page = per_page.to_i
+      @unmapped_only = unmapped_only
+    end
+
+    attr_reader :user_id, :current_page, :per_page, :unmapped_only
+
+    def activities
+      @activities ||= fetch_activities
+    end
+
+    def total_count
+      @total_count ||= activities_scope.count
+    end
+
+    def total_pages
+      (total_count.to_f / per_page).ceil
+    end
+
+    def render?
+      user_id.present?
+    end
+
+    def start_item
+      return 0 if total_count.zero?
+      ((current_page - 1) * per_page) + 1
+    end
+
+    def end_item
+      [ current_page * per_page, total_count ].min
+    end
+
+    def show_previous?
+      current_page > 1
+    end
+
+    def show_next?
+      current_page < total_pages
+    end
+
+    def previous_page
+      current_page - 1
+    end
+
+    def next_page
+      current_page + 1
+    end
+
+    def turbo_frame_id
+      "user_#{user_id}_activities"
+    end
+
+    def pagination_path(page:)
+      user_activities_activities_path(user_id: user_id, page: page, unmapped_only: unmapped_only)
+    end
+
+    def filter_path(unmapped:)
+      user_activities_activities_path(user_id: user_id, page: 1, unmapped_only: unmapped)
+    end
+
+    private
+
+    def tudla_hubstaff_user
+      @tudla_hubstaff_user ||= TudlaHubstaff::User.find_by(tudla_user_id: user_id)
+    end
+
+    def fetch_activities
+      activities_scope
+        .order(updated_at: :desc)
+        .offset((current_page - 1) * per_page)
+        .limit(per_page)
+    end
+
+    def activities_scope
+      return TudlaHubstaff::Activity.none if tudla_hubstaff_user.blank?
+      @activities_scope ||= begin
+        scope = TudlaHubstaff::Activity.where(user_id: tudla_hubstaff_user.user_id)
+        if unmapped_only
+          unmapped_task_ids = TudlaHubstaff::Task.where(tudla_task_id: nil).pluck(:task_id)
+          scope = scope.where(task_id: unmapped_task_ids)
+        end
+        scope
+      end
+    end
+  end
+end

data/app/components/tudla_hubstaff/user_row_component.html.erb

@@ -0,0 +1,22 @@
+<tr id="<%= dom_id %>" class="tudla_hubstaff-user-row">
+  <td class="px-6 py-4 whitespace-nowrap">
+    <div class="text-sm font-medium text-gray-900"><%= user.name %></div>
+    <div class="text-sm text-gray-500"><%= user.first_name %> <%= user.last_name %></div>
+  </td>
+  <td class="px-6 py-4 whitespace-nowrap">
+    <div class="text-sm text-gray-900"><%= user.email %></div>
+  </td>
+  <td class="px-6 py-4 whitespace-nowrap">
+    <%= render TudlaHubstaff::UI::StatusBadgeComponent.new(status: user.status) %>
+  </td>
+  <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
+    <button type="button"
+            class="text-indigo-600 hover:text-indigo-900"
+            data-action="click->user-mapping-modal#open"
+            data-user-id="<%= user.id %>"
+            data-user-name="<%= user.name %>"
+            data-map-url="<%= map_tudla_user_user_path(user) %>">
+      Map to Tudla User
+    </button>
+  </td>
+</tr>

data/app/components/tudla_hubstaff/user_row_component.rb

@@ -0,0 +1,13 @@
+module TudlaHubstaff
+  class UserRowComponent < TudlaHubstaff::BaseComponent
+    def initialize(user:)
+      @user = user
+    end
+
+    attr_reader :user
+
+    def dom_id
+      "tudla_hubstaff_user_#{user.id}"
+    end
+  end
+end