Render shortened target in compile compare page

Author: Kobzol

site/frontend/src/pages/compare/compile/table/comparisons-table.vue

@@ -2,7 +2,7 @@
 import {TestCaseComparison} from "../../data";
 import Tooltip from "../../tooltip.vue";
 import {ArtifactDescription} from "../../types";
-import {percentClass} from "../../shared";
+import {formatTarget, percentClass} from "../../shared";
 import {CompileBenchmarkMap, CompileTestCase} from "../common";
 import {computed} from "vue";
 import {testCaseKey} from "../common";
@@ -62,6 +62,7 @@ const unit = computed(() => {
           <th>Profile</th>
           <th>Scenario</th>
           <th v-if="showBackend">Backend</th>
+          <th>Target</th>
           <th>% Change</th>
           <th class="narrow">
             Significance Threshold
@@ -101,6 +102,9 @@ const unit = computed(() => {
               </td>
               <td>{{ comparison.testCase.scenario }}</td>
               <td v-if="showBackend">{{ comparison.testCase.backend }}</td>
+              <td :title="comparison.testCase.target">
+                {{ formatTarget(comparison.testCase.target) }}
+              </td>
               <td>
                 <div class="numeric-aligned">
                   <span v-bind:class="percentClass(comparison.percent)">

site/frontend/src/pages/compare/shared.ts

@@ -1,3 +1,5 @@
+import {Target} from "./compile/common";
+
 export function formatDate(dateString: string): string {
   const date = new Date(dateString);
   function padStr(i) {
@@ -93,3 +95,11 @@ export function benchmarkNameMatchesFilter(
     return benchmarkName.includes(trimmedFilterName);
   }
 }
+
+const TARGET_SHORTCUTS: {[target in Target]: string} = {
+  "x86_64-unknown-linux-gnu": "x64",
+};
+
+export function formatTarget(target: Target): string {
+  return TARGET_SHORTCUTS[target] ?? target;
+}