feat: add endpoint column to transactions table

JarvusInnovations · Sep 12, 2020 · f4224ad · f4224ad
1 parent 42dd82e
commit f4224ad
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/html-templates/transactions/transactions.tpl b/html-templates/transactions/transactions.tpl
@@ -75,6 +75,7 @@
     <table>
         <thead>
             <tr>
+                <th class="col-endpoint">Endpoint</th>
                 <th class="col-request">Request</th>
                 <th class="col-timestamp">Timestamp</th>
                 <th class="col-response-code"><small>Response</small> Code</th>
@@ -88,6 +89,7 @@
         <tbody>
         {foreach item=Request from=$data}
             <tr>
+                <td class="col-endpoint">{contextLink $Request->Endpoint}</td>
                 <td class="col-request">{$Request->Method} <small>{$Request->Path|default:/}{tif $Request->Query ? "?$Request->Query"|query_string}</small></td>
                 <td class="col-timestamp">{$Request->Created|date_format:'%Y-%m-%d %H:%M:%S'}</td>
                 <td class="col-response-code">{$Request->ResponseCode}</td>

diff --git a/site-root/sass/site/modules/_tables.scss b/site-root/sass/site/modules/_tables.scss
@@ -16,20 +16,20 @@
     vertical-align: -.2em;
     white-space: nowrap;
     width: 16px;
-    
+
     // gimme crisp pixels
     image-rendering:optimizeSpeed;              /* Legal fallback                 */
     image-rendering:-moz-crisp-edges;           /* Firefox                        */
     image-rendering:-o-crisp-edges;             /* Opera                          */
     image-rendering:-webkit-optimize-contrast;  /* Chrome (and eventually Safari) */
     image-rendering:crisp-edges;                /* CSS3 Proposed                  */
     -ms-interpolation-mode:bicubic;             /* IE8+                           */
-    
+
     &:hover,
     &:focus {
         border-color: rgba($text-color, .2);
     }
-    
+
     &:active,
     &.selected {
         background-color: rgba($text-color, .1);
@@ -58,6 +58,10 @@
 	text-align: right;
 }
 
+.col-endpoint {
+    width: 200px
+}
+
 .col-key {
     width: 1%;
 }