tudla_hubstaff 0.1.0

data/app/javascript/tudla_hubstaff/controllers/project_mapping_modal_controller.js

@@ -0,0 +1,180 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["modal", "projectName", "projectsList", "loading", "pagination", "searchInput"]
+
+  connect() {
+    this.currentPage = 1
+    this.currentProjectId = null
+    this.searchTimeout = null
+  }
+
+  open(event) {
+    this.currentProjectId = event.currentTarget.dataset.projectId
+    this._mapUrl = event.currentTarget.dataset.mapUrl
+    const projectName = event.currentTarget.dataset.projectName
+
+    this.projectNameTarget.textContent = projectName
+    this.searchInputTarget.value = ""
+    this.currentPage = 1
+
+    this.modalTarget.classList.remove("hidden")
+    this.loadProjects()
+  }
+
+  close() {
+    this.modalTarget.classList.add("hidden")
+    this.projectsListTarget.innerHTML = ""
+    this.paginationTarget.innerHTML = ""
+  }
+
+  filterProjects() {
+    clearTimeout(this.searchTimeout)
+    this.searchTimeout = setTimeout(() => {
+      this.currentPage = 1
+      this.loadProjects()
+    }, 300)
+  }
+
+  async loadProjects() {
+    this.loadingTarget.classList.remove("hidden")
+    this.projectsListTarget.innerHTML = ""
+
+    const nameFilter = this.searchInputTarget.value
+    const url = new URL(this.availableProjectsUrl, window.location.origin)
+    url.searchParams.set("page", this.currentPage)
+    if (nameFilter) {
+      url.searchParams.set("name", nameFilter)
+    }
+
+    try {
+      const response = await fetch(url, {
+        headers: {
+          "Accept": "application/json",
+          "X-CSRF-Token": this.csrfToken
+        }
+      })
+
+      if (!response.ok) throw new Error("Failed to load projects")
+
+      const data = await response.json()
+      this.renderProjects(data.projects)
+      this.renderPagination(data.current_page, data.total_pages)
+    } catch (error) {
+      this.projectsListTarget.innerHTML = `<p class="text-red-500 text-center py-4">Failed to load projects</p>`
+    } finally {
+      this.loadingTarget.classList.add("hidden")
+    }
+  }
+
+  renderProjects(projects) {
+    if (projects.length === 0) {
+      this.projectsListTarget.innerHTML = `<p class="text-gray-500 text-center py-4">No projects found</p>`
+      return
+    }
+
+    this.projectsListTarget.innerHTML = projects.map(project => `
+      <button type="button"
+              class="w-full text-left px-4 py-3 rounded-md border border-gray-200 hover:bg-indigo-50 hover:border-indigo-300 transition-colors"
+              data-action="click->project-mapping-modal#selectProject"
+              data-tudla-project-id="${project.id}">
+        <div class="font-medium text-gray-900">${this.escapeHtml(project.name)}</div>
+      </button>
+    `).join("")
+  }
+
+  renderPagination(currentPage, totalPages) {
+    if (totalPages <= 1) {
+      this.paginationTarget.innerHTML = ""
+      return
+    }
+
+    let html = `<span class="text-sm text-gray-500">Page ${currentPage} of ${totalPages}</span><div class="flex gap-2">`
+
+    if (currentPage > 1) {
+      html += `<button type="button"
+                       class="px-3 py-1 text-sm rounded-md bg-white border border-gray-300 hover:bg-gray-50"
+                       data-action="click->project-mapping-modal#prevPage">
+                 Previous
+               </button>`
+    }
+
+    if (currentPage < totalPages) {
+      html += `<button type="button"
+                       class="px-3 py-1 text-sm rounded-md bg-white border border-gray-300 hover:bg-gray-50"
+                       data-action="click->project-mapping-modal#nextPage">
+                 Next
+               </button>`
+    }
+
+    html += "</div>"
+    this.paginationTarget.innerHTML = html
+  }
+
+  prevPage() {
+    if (this.currentPage > 1) {
+      this.currentPage--
+      this.loadProjects()
+    }
+  }
+
+  nextPage() {
+    this.currentPage++
+    this.loadProjects()
+  }
+
+  selectProject(event) {
+    event.preventDefault()
+    event.stopPropagation()
+    
+    const tudlaProjectId = event.currentTarget.dataset.tudlaProjectId
+    const mapUrl = this._mapUrl
+    
+    if (!mapUrl) {
+      alert("Error: Map URL not set. Please try again.")
+      return
+    }
+    
+    const xhr = new XMLHttpRequest()
+    const fullUrl = window.location.origin + mapUrl
+    const csrfToken = this.csrfToken
+    
+    xhr.open("PATCH", fullUrl, true)
+    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
+    xhr.setRequestHeader("Accept", "text/html, application/xhtml+xml")
+    xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
+    if (csrfToken) {
+      xhr.setRequestHeader("X-CSRF-Token", csrfToken)
+    }
+    
+    xhr.onload = () => {
+      if (xhr.status >= 200 && xhr.status < 300) {
+        alert("Success! Project mapped.")
+        window.location.href = window.location.pathname
+      } else {
+        alert("Failed to map project. Status: " + xhr.status)
+      }
+    }
+    
+    xhr.onerror = () => {
+      alert("Network error mapping project.")
+    }
+    
+    xhr.send(`tudla_project_id=${encodeURIComponent(tudlaProjectId)}`)
+    this.close()
+  }
+
+  escapeHtml(text) {
+    const div = document.createElement("div")
+    div.textContent = text
+    return div.innerHTML
+  }
+
+  get availableProjectsUrl() {
+    return this.element.dataset.availableProjectsUrl || "/tudla_hubstaff/projects/available_tudla_projects"
+  }
+
+  get csrfToken() {
+    return document.querySelector('meta[name="csrf-token"]')?.content || ""
+  }
+}

data/app/javascript/tudla_hubstaff/controllers/task_mapping_modal_controller.js

@@ -0,0 +1,181 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["modal", "taskName", "tasksList", "loading", "pagination", "searchInput"]
+
+  connect() {
+    this.currentPage = 1
+    this.currentTaskId = null
+    this.searchTimeout = null
+  }
+
+  open(event) {
+    this.currentTaskId = event.currentTarget.dataset.taskId
+    this._mapUrl = event.currentTarget.dataset.mapUrl
+    const taskName = event.currentTarget.dataset.taskName
+
+    this.taskNameTarget.textContent = taskName
+    this.searchInputTarget.value = ""
+    this.currentPage = 1
+
+    this.modalTarget.classList.remove("hidden")
+    this.loadTasks()
+  }
+
+  close() {
+    this.modalTarget.classList.add("hidden")
+    this.tasksListTarget.innerHTML = ""
+    this.paginationTarget.innerHTML = ""
+  }
+
+  filterTasks() {
+    clearTimeout(this.searchTimeout)
+    this.searchTimeout = setTimeout(() => {
+      this.currentPage = 1
+      this.loadTasks()
+    }, 300)
+  }
+
+  async loadTasks() {
+    this.loadingTarget.classList.remove("hidden")
+    this.tasksListTarget.innerHTML = ""
+
+    const nameFilter = this.searchInputTarget.value
+    const url = new URL(this.availableTasksUrl, window.location.origin)
+    url.searchParams.set("page", this.currentPage)
+    if (nameFilter) {
+      url.searchParams.set("name", nameFilter)
+    }
+
+    try {
+      const response = await fetch(url, {
+        headers: {
+          "Accept": "application/json",
+          "X-CSRF-Token": this.csrfToken
+        }
+      })
+
+      if (!response.ok) throw new Error("Failed to load tasks")
+
+      const data = await response.json()
+      this.renderTasks(data.tasks)
+      this.renderPagination(data.current_page, data.total_pages)
+    } catch (error) {
+      this.tasksListTarget.innerHTML = `<p class="text-red-500 text-center py-4">Failed to load tasks</p>`
+    } finally {
+      this.loadingTarget.classList.add("hidden")
+    }
+  }
+
+  renderTasks(tasks) {
+    if (tasks.length === 0) {
+      this.tasksListTarget.innerHTML = `<p class="text-gray-500 text-center py-4">No tasks found</p>`
+      return
+    }
+
+    this.tasksListTarget.innerHTML = tasks.map(task => `
+      <button type="button"
+              class="w-full text-left px-4 py-3 rounded-md border border-gray-200 hover:bg-indigo-50 hover:border-indigo-300 transition-colors"
+              data-action="click->task-mapping-modal#selectTask"
+              data-tudla-task-id="${task.id}">
+        <div class="font-medium text-gray-900">${this.escapeHtml(task.name)}</div>
+        <div class="text-sm text-gray-500">${this.escapeHtml(task.project_name || "")}</div>
+      </button>
+    `).join("")
+  }
+
+  renderPagination(currentPage, totalPages) {
+    if (totalPages <= 1) {
+      this.paginationTarget.innerHTML = ""
+      return
+    }
+
+    let html = `<span class="text-sm text-gray-500">Page ${currentPage} of ${totalPages}</span><div class="flex gap-2">`
+
+    if (currentPage > 1) {
+      html += `<button type="button"
+                       class="px-3 py-1 text-sm rounded-md bg-white border border-gray-300 hover:bg-gray-50"
+                       data-action="click->task-mapping-modal#prevPage">
+                 Previous
+               </button>`
+    }
+
+    if (currentPage < totalPages) {
+      html += `<button type="button"
+                       class="px-3 py-1 text-sm rounded-md bg-white border border-gray-300 hover:bg-gray-50"
+                       data-action="click->task-mapping-modal#nextPage">
+                 Next
+               </button>`
+    }
+
+    html += "</div>"
+    this.paginationTarget.innerHTML = html
+  }
+
+  prevPage() {
+    if (this.currentPage > 1) {
+      this.currentPage--
+      this.loadTasks()
+    }
+  }
+
+  nextPage() {
+    this.currentPage++
+    this.loadTasks()
+  }
+
+  selectTask(event) {
+    event.preventDefault()
+    event.stopPropagation()
+    
+    const tudlaTaskId = event.currentTarget.dataset.tudlaTaskId
+    const mapUrl = this._mapUrl
+    
+    if (!mapUrl) {
+      alert("Error: Map URL not set. Please try again.")
+      return
+    }
+    
+    const xhr = new XMLHttpRequest()
+    const fullUrl = window.location.origin + mapUrl
+    const csrfToken = this.csrfToken
+    
+    xhr.open("PATCH", fullUrl, true)
+    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
+    xhr.setRequestHeader("Accept", "text/html, application/xhtml+xml")
+    xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
+    if (csrfToken) {
+      xhr.setRequestHeader("X-CSRF-Token", csrfToken)
+    }
+    
+    xhr.onload = () => {
+      if (xhr.status >= 200 && xhr.status < 300) {
+        alert("Success! Task mapped.")
+        window.location.href = window.location.pathname
+      } else {
+        alert("Failed to map task. Status: " + xhr.status)
+      }
+    }
+    
+    xhr.onerror = () => {
+      alert("Network error mapping task.")
+    }
+    
+    xhr.send(`tudla_task_id=${encodeURIComponent(tudlaTaskId)}`)
+    this.close()
+  }
+
+  escapeHtml(text) {
+    const div = document.createElement("div")
+    div.textContent = text
+    return div.innerHTML
+  }
+
+  get availableTasksUrl() {
+    return this.element.dataset.availableTasksUrl || "/tudla_hubstaff/tasks/available_tudla_tasks"
+  }
+
+  get csrfToken() {
+    return document.querySelector('meta[name="csrf-token"]')?.content || ""
+  }
+}

data/app/javascript/tudla_hubstaff/controllers/user_mapping_modal_controller.js

@@ -0,0 +1,181 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["modal", "userName", "usersList", "loading", "pagination", "searchInput"]
+
+  connect() {
+    this.currentPage = 1
+    this.currentUserId = null
+    this.searchTimeout = null
+  }
+
+  open(event) {
+    this.currentUserId = event.currentTarget.dataset.userId
+    this._mapUrl = event.currentTarget.dataset.mapUrl
+    const userName = event.currentTarget.dataset.userName
+
+    this.userNameTarget.textContent = userName
+    this.searchInputTarget.value = ""
+    this.currentPage = 1
+
+    this.modalTarget.classList.remove("hidden")
+    this.loadUsers()
+  }
+
+  close() {
+    this.modalTarget.classList.add("hidden")
+    this.usersListTarget.innerHTML = ""
+    this.paginationTarget.innerHTML = ""
+  }
+
+  filterUsers() {
+    clearTimeout(this.searchTimeout)
+    this.searchTimeout = setTimeout(() => {
+      this.currentPage = 1
+      this.loadUsers()
+    }, 300)
+  }
+
+  async loadUsers() {
+    this.loadingTarget.classList.remove("hidden")
+    this.usersListTarget.innerHTML = ""
+
+    const nameFilter = this.searchInputTarget.value
+    const url = new URL(this.availableUsersUrl, window.location.origin)
+    url.searchParams.set("page", this.currentPage)
+    if (nameFilter) {
+      url.searchParams.set("name", nameFilter)
+    }
+
+    try {
+      const response = await fetch(url, {
+        headers: {
+          "Accept": "application/json",
+          "X-CSRF-Token": this.csrfToken
+        }
+      })
+
+      if (!response.ok) throw new Error("Failed to load users")
+
+      const data = await response.json()
+      this.renderUsers(data.users)
+      this.renderPagination(data.current_page, data.total_pages)
+    } catch (error) {
+      this.usersListTarget.innerHTML = `<p class="text-red-500 text-center py-4">Failed to load users</p>`
+    } finally {
+      this.loadingTarget.classList.add("hidden")
+    }
+  }
+
+  renderUsers(users) {
+    if (users.length === 0) {
+      this.usersListTarget.innerHTML = `<p class="text-gray-500 text-center py-4">No users found</p>`
+      return
+    }
+
+    this.usersListTarget.innerHTML = users.map(user => `
+      <button type="button"
+              class="w-full text-left px-4 py-3 rounded-md border border-gray-200 hover:bg-indigo-50 hover:border-indigo-300 transition-colors"
+              data-action="click->user-mapping-modal#selectUser"
+              data-tudla-user-id="${user.id}">
+        <div class="font-medium text-gray-900">${this.escapeHtml(user.name)}</div>
+        <div class="text-sm text-gray-500">${this.escapeHtml(user.email || "")}</div>
+      </button>
+    `).join("")
+  }
+
+  renderPagination(currentPage, totalPages) {
+    if (totalPages <= 1) {
+      this.paginationTarget.innerHTML = ""
+      return
+    }
+
+    let html = `<span class="text-sm text-gray-500">Page ${currentPage} of ${totalPages}</span><div class="flex gap-2">`
+
+    if (currentPage > 1) {
+      html += `<button type="button"
+                       class="px-3 py-1 text-sm rounded-md bg-white border border-gray-300 hover:bg-gray-50"
+                       data-action="click->user-mapping-modal#prevPage">
+                 Previous
+               </button>`
+    }
+
+    if (currentPage < totalPages) {
+      html += `<button type="button"
+                       class="px-3 py-1 text-sm rounded-md bg-white border border-gray-300 hover:bg-gray-50"
+                       data-action="click->user-mapping-modal#nextPage">
+                 Next
+               </button>`
+    }
+
+    html += "</div>"
+    this.paginationTarget.innerHTML = html
+  }
+
+  prevPage() {
+    if (this.currentPage > 1) {
+      this.currentPage--
+      this.loadUsers()
+    }
+  }
+
+  nextPage() {
+    this.currentPage++
+    this.loadUsers()
+  }
+
+  selectUser(event) {
+    event.preventDefault()
+    event.stopPropagation()
+    
+    const tudlaUserId = event.currentTarget.dataset.tudlaUserId
+    const mapUrl = this._mapUrl
+    
+    if (!mapUrl) {
+      alert("Error: Map URL not set. Please try again.")
+      return
+    }
+    
+    const xhr = new XMLHttpRequest()
+    const fullUrl = window.location.origin + mapUrl
+    const csrfToken = this.csrfToken
+    
+    xhr.open("PATCH", fullUrl, true)
+    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
+    xhr.setRequestHeader("Accept", "text/html, application/xhtml+xml")
+    xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
+    if (csrfToken) {
+      xhr.setRequestHeader("X-CSRF-Token", csrfToken)
+    }
+    
+    xhr.onload = () => {
+      if (xhr.status >= 200 && xhr.status < 300) {
+        alert("Success! User mapped.")
+        window.location.href = window.location.pathname
+      } else {
+        alert("Failed to map user. Status: " + xhr.status)
+      }
+    }
+    
+    xhr.onerror = () => {
+      alert("Network error mapping user.")
+    }
+    
+    xhr.send(`tudla_user_id=${encodeURIComponent(tudlaUserId)}`)
+    this.close()
+  }
+
+  escapeHtml(text) {
+    const div = document.createElement("div")
+    div.textContent = text
+    return div.innerHTML
+  }
+
+  get availableUsersUrl() {
+    return this.element.dataset.availableUsersUrl || "/tudla_hubstaff/users/available_tudla_users"
+  }
+
+  get csrfToken() {
+    return document.querySelector('meta[name="csrf-token"]')?.content || ""
+  }
+}

data/app/jobs/tudla_hubstaff/application_job.rb

@@ -0,0 +1,4 @@
+module TudlaHubstaff
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/jobs/tudla_hubstaff/fetch_updated_activities_job.rb

@@ -0,0 +1,40 @@
+module TudlaHubstaff
+  class FetchUpdatedActivitiesJob < ApplicationJob
+    queue_as :default
+
+    def perform
+      current_time = Time.current
+
+      OrganizationUpdate.find_each do |organization_update|
+        process_organization_update(organization_update, current_time)
+      end
+    end
+
+    private
+
+    def process_organization_update(organization_update, current_time)
+      return if organization_update.last_updated_at.nil?
+
+      config = Config.find_by(organization_id: organization_update.organization_id)
+      return unless config
+
+      ApplicationRecord.transaction do
+        api_client = build_api_client(config)
+        start_time = organization_update.last_updated_at.iso8601
+        stop_time = current_time.iso8601
+
+        FetchUpdatedActivitiesService.new(api_client, start_time, stop_time).call
+
+        organization_update.update!(last_updated_at: current_time)
+      end
+    rescue StandardError => e
+      Rails.logger.error("Failed to fetch updated activities for organization #{organization_update.organization_id}: #{e.message}")
+      Rails.logger.error(e.backtrace.join("\n"))
+    end
+
+    def build_api_client(config)
+      connection = ApiConnection.new(config.personal_access_token).connection
+      ApiClient.new(config.organization_id, connection)
+    end
+  end
+end

data/app/mailers/tudla_hubstaff/application_mailer.rb

@@ -0,0 +1,6 @@
+module TudlaHubstaff
+  class ApplicationMailer < ActionMailer::Base
+    default from: "from@example.com"
+    layout "mailer"
+  end
+end

data/app/models/tudla_hubstaff/activity.rb

@@ -0,0 +1,6 @@
+module TudlaHubstaff
+  class Activity < ApplicationRecord
+    validates :activity_id, presence: true, uniqueness: true
+    validates :date, :user_id, presence: true
+  end
+end

data/app/models/tudla_hubstaff/application_record.rb

@@ -0,0 +1,5 @@
+module TudlaHubstaff
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/models/tudla_hubstaff/config.rb

@@ -0,0 +1,8 @@
+module TudlaHubstaff
+  class Config < ApplicationRecord
+    belongs_to :tudla_organization, polymorphic: true
+
+    validates :tudla_organization_type, :tudla_organization_id, :organization_id, presence: true
+    validates :personal_access_token, presence: true
+  end
+end

data/app/models/tudla_hubstaff/organization_update.rb

@@ -0,0 +1,5 @@
+module TudlaHubstaff
+  class OrganizationUpdate < ApplicationRecord
+    validates :organization_id, presence: true
+  end
+end

data/app/models/tudla_hubstaff/project.rb

@@ -0,0 +1,14 @@
+module TudlaHubstaff
+  class Project < ApplicationRecord
+    validates :name, :project_type, presence: true
+    validates :project_id, presence: true, uniqueness: true
+
+    enum :project_type, {
+      project: "project",
+      work_order: "work_order",
+      work_break: "work_break"
+    }
+
+    # Rails 8 automatic identification of JSON columns
+  end
+end

data/app/models/tudla_hubstaff/task.rb

@@ -0,0 +1,9 @@
+module TudlaHubstaff
+  class Task < ApplicationRecord
+    validates :project_id, :project_type, :summary, presence: true
+    validates :task_id, presence: true, uniqueness: true
+
+    # Rails 8 automatic identification of JSON columns
+    # No explicit serialize needed if using json/jsonb type
+  end
+end

data/app/models/tudla_hubstaff/user.rb

@@ -0,0 +1,16 @@
+module TudlaHubstaff
+  class User < ApplicationRecord
+    normalizes :email, with: ->(email) { email.strip.downcase }
+
+    validates :name, :first_name, :last_name, presence: true
+    validates :time_zone, presence: true
+    validates :status, presence: true
+    validates :user_id, presence: true, uniqueness: true
+
+    enum :status, {
+      active: "active",
+      inactive: "inactive",
+      pending: "pending"
+    }, default: :active
+  end
+end