Skip to content

Commit 1389d86

Browse files
gvreddy04vijayreddy579
gvreddy04
authored and
vijayreddy579
committed
Copy to clipboard feature in demos + Remove ClassBuilder and StyleBuilder (#556)
1 parent d7f0ea4 commit 1389d86

File tree

139 files changed

+1102
-2258
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

139 files changed

+1102
-2258
lines changed

‎BlazorBootstrap.Demo.Hosted/Client/wwwroot/js/demo.js‎

Lines changed: 0 additions & 17 deletions
This file was deleted.

‎BlazorBootstrap.Demo.Hosted/Server/Pages/_Host.cshtml‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,8 @@
1717
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism.min.css" integrity="sha512-tN7Ec6zAFaVSG3TpNAKtk4DOHNpSwKHxxrsiw4GHKESGPs5njn/0sMCUMl2svV4wo4BK/rCP7juYz+zx+l6oeQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
1818
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.9.0/prism-vs.min.css" integrity="sha512-Jn4HzkCnzA7Bc+lbSQHAMeen0EhSTy71o9yJbXZtQx9VvozKVBV/2zfR3VyuDFIxGvHgbOMMNvb80l+jxFBC1Q==" crossorigin="anonymous" referrerpolicy="no-referrer" />
1919
<link href="_content/Blazor.Bootstrap/blazor.bootstrap.css" rel="stylesheet" asp-append-version="true" />
20-
<link href="_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css" rel="stylesheet" />
20+
<link href="_content/BlazorBootstrap.Demo.RCL/blazorbootstrap.demo.rcl.css" rel="stylesheet" asp-append-version="true" />
2121
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />
22-
<link href="css/demo.css" rel="stylesheet" asp-append-version="true" />
2322
<link href="BlazorBootstrap.Demo.Hosted.Client.styles.css" rel="stylesheet" asp-append-version="true" />
2423
<!-- Font Awesome -->
2524
<script src="https://kit.fontawesome.com/42379982c2.js" crossorigin="anonymous"></script>
@@ -49,15 +48,15 @@
4948
<component type="typeof(App)" render-mode="WebAssemblyPrerendered" />
5049

5150
<script src="_framework/blazor.webassembly.js" autostart="false" asp-append-version="true"></script>
52-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
51+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
5352
<!-- Add chart.js reference if chart components are used in your application. -->
5453
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.0.1/chart.umd.js" integrity="sha512-gQhCDsnnnUfaRzD8k1L5llCCV6O9HN09zClIzzeJ8OJ9MpGmIlCxm+pdCkqTwqJ4JcjbojFr79rl2F1mzcoLMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
5554
<!-- Add chartjs-plugin-datalabels.min.js reference if chart components with data label feature is used in your application. -->
5655
<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js" integrity="sha512-JPcRR8yFa8mmCsfrw4TNte1ZvF1e3+1SdGMslZvmrzDYxS69J7J49vkFL8u6u8PlPJK+H3voElBtUCzaXj+6ig==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
5756
<script src="_content/Blazor.Bootstrap/blazor.bootstrap.js" asp-append-version="true"></script>
57+
<script src="_content/BlazorBootstrap.Demo.RCL/blazorbootstrap.demo.rcl.js" asp-append-version="true"></script>
5858
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js" integrity="sha512-7Z9J3l1+EYfeaPKcGXu3MS/7T+w19WtKQY/n+xzmw4hZhJ9tyYmcUS+4QqAlzhicE5LAfMQSF3iFTK9bQdTxXg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
5959
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js" integrity="sha512-SkmBfuA2hqjzEVpmnMt/LINrjop3GKWqsuLSSB3e7iBmYK7JuWw4ldmmxwD9mdm2IRTTi0OxSAfEGvgEi0i2Kw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
60-
<script src="js/demo.js" asp-append-version="true"></script>
6160
<script>
6261
Blazor.start();
6362
</script>

‎BlazorBootstrap.Demo.RCL/Pages/Spinner/SpinnerDocumentation.razor‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component.
1010
</div>
1111

12-
@* <CarbonAds /> *@
12+
<CarbonAds />
1313

1414
<SectionHeading Size="HeadingSize.H2" Text="Border spinner" PageUrl="@pageUrl" HashTagName="border-spinner" />
1515
<div class="mb-3">Use the border spinners for a lightweight loading indicator.</div>

‎BlazorBootstrap.Demo.RCL/Shared/Components/CodeSnippet.cs‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,8 +70,10 @@ protected override void BuildRenderTree(RenderTreeBuilder builder)
7070

7171
protected override async Task OnAfterRenderAsync(bool firstRender)
7272
{
73+
if(firstRender)
74+
await JS.InvokeVoidAsync("highlightCode");
75+
7376
await base.OnAfterRenderAsync(firstRender);
74-
await JS.InvokeVoidAsync("highlightCode");
7577
}
7678

7779
#endregion

‎BlazorBootstrap.Demo.RCL/Shared/Components/Demo.cs‎

Lines changed: 0 additions & 169 deletions
This file was deleted.

‎BlazorBootstrap.Demo.RCL/Shared/Components/Demo.razor‎

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
@namespace BlazorBootstrap.Demo.RCL
2+
@inherits ComponentBase
3+
4+
<!--googleoff: index-->
5+
@if (ShowCodeOnly)
6+
{
7+
<div class="bd-example-snippet bd-code-snippet">
8+
<div class="d-flex align-items-center highlight-toolbar px-4 py-2 border">
9+
<small class="font-monospace text-body-secondary text-uppercase">razor</small>
10+
<div class="d-flex ms-auto">
11+
<Tooltip Title="@clipboardTooltipTitle" role="button" @onclick="CopyToClipboardAsync">
12+
<Icon Name="@clipboardTooltipIconName" Color="@clipboardTooltipIconColor" />
13+
</Tooltip>
14+
</div>
15+
</div>
16+
<div class="highlight">
17+
<pre>
18+
<code class="@LanguageCssClass">
19+
@if (codeSnippet is not null)
20+
{
21+
<text>@codeSnippet.Trim()</text>
22+
}
23+
</code>
24+
</pre>
25+
</div>
26+
</div>
27+
}
28+
else if (!Tabs)
29+
{
30+
<div class="bd-example-snippet bd-code-snippet">
31+
<div class="bb-example">
32+
<DynamicComponent Type="this.Type"/>
33+
</div>
34+
<div class="d-flex align-items-center highlight-toolbar px-4 py-2 border border-top-0">
35+
<small class="font-monospace text-body-secondary text-uppercase">razor</small>
36+
<div class="d-flex ms-auto">
37+
<Tooltip Title="@clipboardTooltipTitle" role="button" @onclick="CopyToClipboardAsync">
38+
<Icon Name="@clipboardTooltipIconName" Color="@clipboardTooltipIconColor" />
39+
</Tooltip>
40+
</div>
41+
</div>
42+
<div class="highlight">
43+
<pre>
44+
<code class="@LanguageCssClass">
45+
@if (codeSnippet is not null)
46+
{
47+
<text>@codeSnippet.Trim()</text>
48+
}
49+
</code>
50+
</pre>
51+
</div>
52+
</div>
53+
}
54+
else // Tabs = true
55+
{
56+
<Tabs EnableFadeEffect="true">
57+
<Tab IsActive="true">
58+
<TitleTemplate>
59+
<Icon Name="IconName.Display" Class="me-2" /><b>Example</b>
60+
</TitleTemplate>
61+
<Content>
62+
<div class="bb-example border-top-0 mt-0">
63+
<DynamicComponent Type="this.Type"/>
64+
</div>
65+
</Content>
66+
</Tab>
67+
<Tab>
68+
<TitleTemplate>
69+
<Icon Name="IconName.CodeSlash" Class="me-2" /><b>View Source</b>
70+
</TitleTemplate>
71+
<Content>
72+
<div class="position-relative d-block float-end mt-3 me-3 me-sm-4">
73+
<Tooltip Title="@clipboardTooltipTitle" role="button" @onclick="CopyToClipboardAsync">
74+
<Icon Name="@clipboardTooltipIconName" Color="@clipboardTooltipIconColor" />
75+
</Tooltip>
76+
</div>
77+
<div class="highlight">
78+
<pre class="mt-0 me-4">
79+
<code class="@LanguageCssClass">
80+
@if (codeSnippet is not null)
81+
{
82+
<text>@codeSnippet.Trim()</text>
83+
}
84+
</code>
85+
</pre>
86+
</div>
87+
</Content>
88+
</Tab>
89+
</Tabs>
90+
}
91+
<!--googleon: index-->

0 commit comments

Comments
 (0)