Fixes #103, re-adding clickurl to component view

Author: markusobviuse

src/Our.Umbraco.TheDashboard/Client/src/dashboard/the-dashboard.element.ts

@@ -165,19 +165,25 @@ export class TheDashboardDashboardElement extends UmbElementMixin(LitElement) {
           ${when(this.counters,()=>html`
             ${repeat(this.counters!.counters,
               (item)=>item.text,
-              (counter)=>html`
-                <div class="counter">
-                  <div>
-                    <span class="dot ${counter.style}">${counter.count}</span>
-                  </div>
-                  <div>
-                    <p>
-                      ${when(counter.localizationKey,()=>html`${this.localize.term(counter.localizationKey)}`)}
-                      ${when(!counter.localizationKey,()=>html`${counter.text}`)}
-                    </p>
+              (counter)=>{
+
+                const text = counter.localizationKey != '' ? this.localize.term(counter.localizationKey) : counter.text;
+
+                return html`
+                  <div class="counter">
+                    <div>
+                      <span class="dot ${counter.style}">${counter.count}</span>
+                    </div>
+                    <div>
+                      <p>
+                        ${when(counter.clickUrl,
+                          ()=>html`<a href=${counter.clickUrl}>${text}</a>`,
+                          ()=>html`${text}`
+                        )}
+                      </p>
+                    </div>
                   </div>
-                </div>
-            `)}
+              `})}
           `)}
         </div>
       </div>

src/Our.Umbraco.TheDashboard/Counters/DashboardCounterModel.cs

@@ -26,8 +26,10 @@ public DashboardCounterModel()
     public string ClickUrl { get; set; }
 
     /// <summary>
-    /// Provides a way to "click" on a element in the backoffice UI by providing a CSS selector. Ie. *[data-element=tab-contentIntro] > a to show the intro dashboard.
+    /// Provides a way to "click" on an element in the backoffice UI by providing a CSS selector.
+    /// Ie. *[data-element=tab-contentIntro] > a to show the intro dashboard.
     /// </summary>
+    [Obsolete("This not in use since v14, will be removed in the future")]
     public string ClickElement { get; set; }
 
     public string Style { get; set; }

src/Our.Umbraco.TheDashboard/Counters/Implement/MembersNewLastWeekDashboardCounter.cs

@@ -19,7 +19,7 @@ public DashboardCounterModel GetModel(IScope scope)
         {
             LocalizationKey = "theDashboard_newMembersLastWeek",
             Count = count,
-            ClickUrl = "section/member-management",
+            ClickUrl = "section/member-management/workspace/member-root",
             Style = DashboardCounterModel.CounterStyles.Selected
         };
     }

src/Our.Umbraco.TheDashboard/Counters/Implement/MembersTotalDashboardCounter.cs

@@ -16,7 +16,7 @@ public DashboardCounterModel GetModel(IScope scope)
         {
             LocalizationKey = "theDashboard_membersOnWebsite",
             Count = count,
-            ClickUrl = "section/member-management",
+            ClickUrl = "section/member-management/workspace/member-root",
             Style = DashboardCounterModel.CounterStyles.Selected
         };
     }