1 files changed, 72 insertions, 0 deletions
diff --git a/app/assets/javascripts/runner/utils.js b/app/assets/javascripts/runner/utils.js
new file mode 100644
index 00000000000..6e4c8c45e7b
--- /dev/null
+++ b/app/assets/javascripts/runner/utils.js
@@ -0,0 +1,72 @@
+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 };
+};