gitlab-org--gitlab-foss/app/assets/javascripts/runner/utils.js

import { formatNumber } from '~/locale';
import { DEFAULT_TH_CLASSES } from '~/lib/utils/constants';
import { RUNNER_JOB_COUNT_LIMIT } from './constants';

/**
 * Formats a job count, limited to a max number
 *
 * @param {Number} jobCount
 * @returns Formatted string
 */
export const formatJobCount = (jobCount) => {
  if (typeof jobCount !== 'number') {
    return '';
  }
  if (jobCount > RUNNER_JOB_COUNT_LIMIT) {
    return `${formatNumber(RUNNER_JOB_COUNT_LIMIT)}+`;
  }
  return formatNumber(jobCount);
};

/**
 * Returns a GlTable fields with a given key and label
 *
 * @param {Object} options
 * @returns Field object to add to GlTable fields
 */
export const tableField = ({ key, label = '', thClasses = [] }) => {
  return {
    key,
    label,
    thClass: [DEFAULT_TH_CLASSES, ...thClasses],
    tdAttr: {
      'data-testid': `td-${key}`,
    },
  };
};

/**
 * Returns variables for a GraphQL query that uses keyset
 * pagination.
 *
 * https://docs.gitlab.com/ee/development/graphql_guide/pagination.html#keyset-pagination
 *
 * @param {Object} pagination - Contains before, after, page
 * @param {Number} pageSize
 * @returns Variables
 */
export const getPaginationVariables = (pagination, pageSize = 10) => {
  const { before, after } = pagination;

  // first + after: Next page
  // Get the first N items after item X
  if (after) {
    return {
      after,
      first: pageSize,
    };
  }

  // last + before: Prev page
  // Get the first N items before item X, when you click on Prev
  if (before) {
    return {
      before,
      last: pageSize,
    };
  }

  // first page
  // Get the first N items
  return { first: pageSize };
};