adds user-specific overrides for daily quota refresh

src/shared/views/partials/shared_header.ejs

@@ -33,7 +33,7 @@
       .pagination li a {
         display: block;
         padding: 0.5em 1em;
-          border-bottom: none;
+        border-bottom: none;
         text-decoration: none;
       }
       .pagination li.active a {
@@ -71,20 +71,24 @@
       td.actions:hover {
         background-color: #e0e6f6;
       }
+      tr > td,
+      tr > th {
+          border-right: 1px solid #dedede;
+      }
 
       @media (max-width: 800px) {
         body {
           padding: 0.5em;
         }
 
-          table.full-width {
-            width: 100%;
-            position: static;
-            left: auto;
-            right: auto;
-            margin-left: 0;
-            margin-right: 0;
-          }
+        table.full-width {
+          width: 100%;
+          position: static;
+          left: auto;
+          right: auto;
+          margin-left: 0;
+          margin-right: 0;
+        }
       }
 
       @media (prefers-color-scheme: dark) {
@@ -95,6 +99,13 @@
         th.active {
           background-color: #446;
         }
+        td.actions:hover {
+          background-color: #446;
+        }
+        tr > td,
+        tr > th {
+          border-right: 1px solid #444;
+        }
       }
     </style>
   </head>

src/shared/views/partials/shared_quota-info.ejs

@@ -1,4 +1,6 @@
-<p>Next refresh: <time><%- nextQuotaRefresh %></time></p>
+<p>
+  Next refresh: <time><%- nextQuotaRefresh %></time>
+</p>
 <table class="striped">
   <thead>
     <tr>
@@ -9,7 +11,7 @@
       <% } %>
       <th scope="col">Limit</th>
       <th scope="col">Remaining</th>
-      <th scope="col">Refresh Amount</th>
+      <th scope="col" colspan="<%= showRefreshEdit ? 2 : 1 %>">Refresh Amount</th>
     </tr>
   </thead>
   <tbody>
@@ -19,7 +21,7 @@
       <td><%- prettyTokens(user.tokenCounts[key]) %></td>
       <% if (showTokenCosts) { %>
       <td>$<%- tokenCost(key, user.tokenCounts[key]).toFixed(2) %></td>
-      <% } %>      
+      <% } %>
       <% if (!user.tokenLimits[key]) { %>
       <td colspan="2" style="text-align: center">unlimited</td>
       <% } else { %>
@@ -29,7 +31,20 @@
       <% if (user.type === "temporary") { %>
       <td>N/A</td>
       <% } else { %>
-      <td><%- prettyTokens(quota[key]) %></td>
+      <td><%- prettyTokens(user.tokenRefresh[key] || quota[key]) %></td>
+      <% } %>
+      <% if (showRefreshEdit) { %>
+      <td class="actions">
+        <a
+          title="Edit"
+          id="edit-refresh"
+          href="#"
+          data-field="tokenRefresh_<%= key %>"
+          data-token="<%= user.token %>"
+          data-modelFamily="<%= key %>"
+          >✏️</a
+        >
+      </td>
       <% } %>
     </tr>
     <% }) %>