Changelog UI fixes (CFM-489)

app/resources/locales/en_US/field.po

@@ -59,8 +59,8 @@ msgstr "Actor Identifier"
 msgid "changelog.deleted"
 msgstr "Deleted"
 
-msgid "changelog.parent"
-msgstr "Parent Record ID"
+msgid "changelog.active"
+msgstr "Active Record ID"
 
 msgid "changelog.revision"
 msgstr "Revision"

app/templates/element/changelog.php

@@ -92,11 +92,12 @@
               <td><?= $vv_obj->actor_identifier ?></td>
             </tr>
             <?php foreach($vv_archives as $archive): ?>
-              <tr>
+              <tr class="linked-row">
                 <td><?=
                     $this->Html->link(
                       $archive->id,
-                      ['action' => 'view', $archive->id]
+                      ['action' => 'view', $archive->id],
+                      ['class' => 'row-link']
                     )
                   ?></td>
                 <td><?= $archive->revision ?></td>
@@ -119,16 +120,16 @@
               <div class="fieldname"><?= __d('field', 'changelog.actor_identifier') ?></div>
               <div class="fieldval"><?= $vv_obj->actor_identifier ?></div>
             </li>
-            <li>
-              <div class="fieldname"><?= __d('field', 'changelog.parent') ?></div>
-              <div class="fieldval">
+            <li class="linked-row">
+              <div class="fieldname"><?= __d('field', 'changelog.active') ?></div>
+              <div class="fieldval changelog-active-link-container">
                 <?php if(!empty($vv_obj->$clAttr)): ?>
-                  <a class="changelog-parent-link" href="<?= $parentUrl ?>">
+                  <a class="changelog-active-link row-link" href="<?= $parentUrl ?>">
                     <div class="changelog-parent-id"><?= $vv_obj->$clAttr ?></div>
-                    <div class="changelog-parent-link-button btn btn-sm btn-primary">
-                      <?= __d('operation','changelog.return') ?>
-                    </div>
                   </a>
+                  <button class="changelog-active-link-button btn btn-sm btn-primary">
+                    <?= __d('operation','changelog.return') ?>
+                  </button>
                 <?php endif; ?>
               </div>
             </li>

app/templates/element/javascript.php

@@ -386,6 +386,12 @@
       }
       $('#changelog accordion-button').toggle();
     });
+
+    $('button.changelog-active-link-button').click(function(e) {
+      // Get the anchor from active link 
+      const activeLinkUrl = $('a.changelog-active-link').attr('href');
+      window.location.href = activeLinkUrl;
+    });
 
     // SETTINGS (from User Menu)
     // Dark Mode toggles (auto is default)

app/webroot/css/co-base.css

@@ -2831,6 +2831,12 @@ html.density-large .field-data {
 #changelog .accordion-body li:first-child {
   border-top: none;
 }
+.changelog-active-link-container {
+  display: flex;
+  gap: 1rem;
+  justify-content: space-between;
+  align-items: center;
+}
 /* FOOTER */
 footer {
   text-align: center;