From 8c07af9505bb68aa072fae0b45f9e3e5c13e8a79 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Thu, 31 Aug 2017 11:31:41 +0200
Subject: [PATCH 1/2] fake loading the auditTrail

---
 .../components/content/edit.controller.js     |  8 ++-
 .../src/views/components/content/edit.html    | 67 ++++++++++---------
 2 files changed, 43 insertions(+), 32 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/content/edit.controller.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/content/edit.controller.js
index 25e8b76521..2d5532259d 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/content/edit.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/content/edit.controller.js
@@ -177,8 +177,12 @@
       // get available templates
       $scope.availableTemplates = getAvailableTemplates($scope.content);
 
-      // get the auditTrail
-      setAuditTrailActionColor($scope.auditTrail);
+      // get the auditTrail - fake loading
+      $scope.loadingAuditTrail = true;
+      $timeout(function(){
+        setAuditTrailActionColor($scope.auditTrail);        
+        $scope.loadingAuditTrail = false;
+      }, 2000);
 
     }
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/content/edit.html b/src/Umbraco.Web.UI.Client/src/views/components/content/edit.html
index 7291ffbbb0..4a5597a091 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/content/edit.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/content/edit.html
@@ -34,39 +34,46 @@
                                 </umb-box>
                                 <umb-box>
                                     <umb-box-header title="History"></umb-box-header>
-                                    <umb-box-content class="block-form">
-                                        <!-- item 1 -->
-                                        <div class="history-item" ng-repeat="item in auditTrail" ng-class="{'last-history-item': $last}">
-                                            <div class="history-row">
-                                                <umb-avatar
-                                                    color="secondary"
-                                                    size="xs"
-                                                    name="{{item.user.name}}"
-                                                    img-src="{{item.user.avatars[3]}}"
-                                                    img-srcset="{{item.user.avatars[4]}} 2x, {{item.user.avatars[4]}} 3x">
-                                                </umb-avatar>
-                                                <div class="name-date-container">
-                                                    <h1>{{ item.user.name }}</h1>
-                                                    <h2>{{ item.date }}</h2>
+                                    <umb-box-content class="block-form" style="position: relative;">
+
+                                        <umb-load-indicator ng-if="loadingAuditTrail"></umb-load-indicator>
+
+                                        <div ng-if="!loadingAuditTrail">
+                                            <div class="history-item" ng-repeat="item in auditTrail" ng-class="{'last-history-item': $last}">
+                                                <div class="history-row">
+                                                    <umb-avatar
+                                                        color="secondary"
+                                                        size="xs"
+                                                        name="{{item.user.name}}"
+                                                        img-src="{{item.user.avatars[3]}}"
+                                                        img-srcset="{{item.user.avatars[4]}} 2x, {{item.user.avatars[4]}} 3x">
+                                                    </umb-avatar>
+                                                    <div class="name-date-container">
+                                                        <h1>{{ item.user.name }}</h1>
+                                                        <h2>{{ item.date }}</h2>
+                                                    </div>
+                                                        <umb-badge
+                                                            size="s"
+                                                            color="{{item.actionColor}}">
+                                                            {{ item.action }}
+                                                        </umb-badge>
+                                                    <h4>{{ item.description }}</h4>
                                                 </div>
-                                                    <umb-badge
-                                                        size="s"
-                                                        color="{{item.actionColor}}">
-                                                        {{ item.action }}
-                                                    </umb-badge>
-                                                <h4>{{ item.description }}</h4>
+                                                <div class="history-line"></div>
                                             </div>
-                                            <div class="history-line"></div>
+
+                                            <div class="flex justify-center">
+                                                <umb-pagination
+                                                    page-number="pagination.pageNumber"
+                                                    total-pages="pagination.totalPages"
+                                                    on-next="nextPage"
+                                                    on-prev="prevPage"
+                                                    on-go-to-page="goToPage">
+                                                </umb-pagination>
+                                            </div>
+
                                         </div>
-                                        <div class="flex justify-center">
-                                        <umb-pagination
-                                            page-number="pagination.pageNumber"
-                                            total-pages="pagination.totalPages"
-                                            on-next="nextPage"
-                                            on-prev="prevPage"
-                                            on-go-to-page="goToPage">
-                                        </umb-pagination>
-                                    </div>
+
                                     </umb-box-content>    
                                 </umb-box>           
                             </div>

From 4454290820a6304692c4a4c0ddc289c9bcd0d1cb Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Thu, 31 Aug 2017 11:56:03 +0200
Subject: [PATCH 2/2] make link to document block element, add hover state +
 open in new tab

---
 .../src/views/components/content/edit.html            | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/content/edit.html b/src/Umbraco.Web.UI.Client/src/views/components/content/edit.html
index 0a35a9d3f2..2126f07632 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/content/edit.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/content/edit.html
@@ -27,9 +27,14 @@
                                 <umb-box>
                                     <umb-box-header title="Links"></umb-box-header>
                                     <umb-box-content class="block-form">
-                                        <div ng-repeat="url in content.urls">
-                                           <i class="icon icon-window-popin"></i> <a href="{{ url }}" >{{ url }}</a>
-                                        </div>
+                                        <ul class="nav nav-stacked" style="margin-bottom: 0;">
+                                            <li ng-repeat="url in content.urls">
+                                                <a href="{{url}}" target="_blank">
+                                                    <i class="icon icon-window-popin"></i>
+                                                    <span>{{url}}</span>
+                                                </a>
+                                            </li>
+                                        </ul>
                                     </umb-box-content>    
                                 </umb-box>
                                 <umb-box>