Git Repository Commits Page

Page Overview

This page displays the commit history for a Git repository within a GForge project. The commits page provides a chronological view of all code changes made to the repository, organized by date with the most recent commits appearing first. Each commit entry includes essential information such as the commit hash, author details, commit message, and associated tracker item references. The page serves as a comprehensive audit trail for development activity, allowing project members to track code changes, understand the evolution of the codebase, and identify specific modifications made over time. Users can navigate through different branches and tags using the branch selector, view individual commit details, and access linked tracker items that provide context for the changes. The interface supports pagination to handle repositories with extensive commit histories, and includes navigation tabs to access other repository functions like browsing files, viewing merge requests, and accessing repository information.

UI Elements

Header Section

  • Project Navigation Dropdown (top-left): A dropdown button with Git icon and caret that provides access to various project sections including Plan/Track, DevOps, Knowledge, Trackers, and Admin areas
  • Project Title (center-left): Displays the project name with "Git Repository" subtitle
  • Monitor Button (top-right): Eye icon button for monitoring repository changes
  • SCM Admin Button (top-right): Gear icon button for repository administration settings

Breadcrumb Navigation

  • Breadcrumb Trail (below header): Shows navigation path from project name to current "Commits" section

Repository Navigation Tabs

  • Browse Tab (left): Icon and text link to browse repository files
  • Commits Tab (center-left): Currently active tab showing commit history, highlighted with active styling
  • Merge Tab (center-right): Random icon with merge functionality access
  • Information Tab (right): Info icon providing repository details

Branch/Tag Selector

  • Branch Dropdown (below tabs): Button showing current branch "master" with dropdown arrow for selecting different branches or tags
  • Filter Input (within dropdown): Search field with magnifying glass icon for filtering branches and tags
  • Branch List (dropdown content): Scrollable list of available branches organized under "BRANCHES" header
  • Tag List (dropdown content): Scrollable list of available tags organized under "TAGS" header

Commit History Section

  • Date Headers (left side): Bold date labels organizing commits by day (e.g., "Jun 6, 2025")
  • Commit Panels (main area): White panels containing commit information for each date
  • Avatar Images (left column): Small circular user profile images for commit authors
  • Commit Hashes (main column): Long alphanumeric strings identifying each commit
  • Author Names (main column): Linked usernames of commit authors
  • Commit Messages (main column): Descriptive text explaining the changes, with tracker item links in brackets
  • Tracker Links (within messages): Clickable references to related tracker items (e.g., "[#53530]")

Pagination Controls

  • Previous Button (bottom-right): Left chevron button for navigating to earlier commits
  • Page Indicator (bottom-right): Shows current page range "1 – 20"
  • Next Button (bottom-right): Right chevron button for navigating to newer commits