fix: add scrambling to user names and projectIds

web/frontend/src/List.root.svelte

@@ -119,10 +119,10 @@
     <thead>
         <tr>
             <th scope="col">
-                <!-- {({ -->
+                {({
-                <!--     USER: "Username", -->
+                    USER: "Username",
-                <!--     PROJECT: "Project Name", -->
+                    PROJECT: "Project Name",
-                <!-- })[type]} -->
+                })[type]}
                 <Button
                     color={sorting.field == "id" ? "primary" : "light"}
                     size="sm"
@@ -216,14 +216,14 @@
                             >
                         {:else if type == "PROJECT"}
                             <a href="/monitoring/jobs/?project={row.id}"
-                                >{row.id}</a
+                                >{scrambleNames ? scramble(row.id) : row.id}</a
                             >
                         {:else}
                             {row.id}
                         {/if}
                     </td>
                     {#if type == "USER"}
-                        <td>{row?.name ? row.name : ""}</td>
+                        <td>{scrambleNames ? scramble(row?.name?row.name:"-") : row?.name?row.name:"-"}</td>
                     {/if}
                     <td>{row.totalJobs}</td>
                     <td>{row.totalWalltime}</td>

web/frontend/src/joblist/JobInfo.svelte

@@ -7,7 +7,10 @@
  -->
 <script context="module">
     export const scrambleNames = window.localStorage.getItem("cc-scramble-names")
-    export const scramble = (str) => [...str].reduce((x, c, i) => x * 7 + c.charCodeAt(0) * i * 21, 5).toString(32)
+    export const scramble = function(str) {
+        if (str === '-') return str
+        else return [...str].reduce((x, c, i) => x * 7 + c.charCodeAt(0) * i * 21, 5).toString(32).substr(0, 6)
+    }
 </script>
 <script>
     import Tag from '../Tag.svelte';