Implemented Carousel Global Link Target #22

sjefvanleeuwen · sjefvanleeuwen · commit ff8224cd2968 · 2020-10-27T18:38:10.000+01:00
diff --git a/src/Blazor.AdminLte.Site.Shared/Pages/Ui/General.razor b/src/Blazor.AdminLte.Site.Shared/Pages/Ui/General.razor
@@ -18,7 +18,7 @@
             <Card HeaderBackgroundColor="Color.Primary">
                 <Title><CardTitle>Carousel</CardTitle></Title>
                 <Body>
-                    <Carousel Items="items1" Identifier="blabla2" />
+                    <Carousel Items="items1" LinkTarget="_blank" Identifier="blabla2" />
                 </Body>
             </Card>
         </Column>
diff --git a/src/Blazor.AdminLte/UIElements/Accordian-Carousel/Carousel.razor b/src/Blazor.AdminLte/UIElements/Accordian-Carousel/Carousel.razor
@@ -11,7 +11,7 @@
         @for (int i = 0; i < Items.Count; i++)
         {
         <div class="carousel-item@(i == Items.Count - 1 ? " active carousel-item-left" : string.Empty) @(i==0 ? " carousel-item-next carousel-item-left" : string.Empty)">
-            <a href="@Items[i].Link">
+            <a href="@Items[i].Link" target="@LinkTarget">
                 <img class='d-block w-100' src="@Items[i].Image" alt="@Items[i].Alt">
             </a>
         </div>
@@ -29,12 +29,13 @@
 @code {
     [Parameter] public string Identifier { get; set; } = "carouselExampleIndicators";
     [Parameter] public CarouselItemCollection Items { get; set; }
+    [Parameter] public string LinkTarget { get; set; }
 
     protected override Task OnAfterRenderAsync(bool firstRender)
     {
         if (firstRender)
         {
-           JS.InvokeVoidAsync("carousel", "#" + Identifier);
+            JS.InvokeVoidAsync("carousel", "#" + Identifier);
         }
         return base.OnAfterRenderAsync(firstRender);
     }

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@`
`11`	`11`	`@for (int i = 0; i < Items.Count; i++)`
`12`	`12`	`{`
`13`	`13`	`<div class="carousel-item@(i == Items.Count - 1 ? " active carousel-item-left" : string.Empty) @(i==0 ? " carousel-item-next carousel-item-left" : string.Empty)">`
`14`		`- <a href="@Items[i].Link">`
	`14`	`+ <a href="@Items[i].Link" target="@LinkTarget">`
`15`	`15`	`<img class='d-block w-100' src="@Items[i].Image" alt="@Items[i].Alt">`
`16`	`16`	`</a>`
`17`	`17`	`</div>`
`@@ -29,12 +29,13 @@`
`29`	`29`	`@code {`
`30`	`30`	`[Parameter] public string Identifier { get; set; } = "carouselExampleIndicators";`
`31`	`31`	`[Parameter] public CarouselItemCollection Items { get; set; }`
	`32`	`+ [Parameter] public string LinkTarget { get; set; }`
`32`	`33`
`33`	`34`	`protected override Task OnAfterRenderAsync(bool firstRender)`
`34`	`35`	`{`
`35`	`36`	`if (firstRender)`
`36`	`37`	`{`
`37`		`- JS.InvokeVoidAsync("carousel", "#" + Identifier);`
	`38`	`+ JS.InvokeVoidAsync("carousel", "#" + Identifier);`
`38`	`39`	`}`
`39`	`40`	`return base.OnAfterRenderAsync(firstRender);`
`40`	`41`	`}`