|
|
@ -21,14 +21,14 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.S |
|
|
private readonly IGuidGenerator _guidGenerator; |
|
|
private readonly IGuidGenerator _guidGenerator; |
|
|
|
|
|
|
|
|
public AbpComponentDemoSectionTagHelper( |
|
|
public AbpComponentDemoSectionTagHelper( |
|
|
IVirtualFileProvider virtualFileProvider, |
|
|
IVirtualFileProvider virtualFileProvider, |
|
|
IGuidGenerator guidGenerator) |
|
|
IGuidGenerator guidGenerator) |
|
|
{ |
|
|
{ |
|
|
_virtualFileProvider = virtualFileProvider; |
|
|
_virtualFileProvider = virtualFileProvider; |
|
|
_guidGenerator = guidGenerator; |
|
|
_guidGenerator = guidGenerator; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output) |
|
|
public async override Task ProcessAsync(TagHelperContext context, TagHelperOutput output) |
|
|
{ |
|
|
{ |
|
|
output.TagName = null; |
|
|
output.TagName = null; |
|
|
|
|
|
|
|
|
@ -40,7 +40,7 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.S |
|
|
var codeBlockTabId = _guidGenerator.Create(); |
|
|
var codeBlockTabId = _guidGenerator.Create(); |
|
|
var tagHelperCodeBlockId = _guidGenerator.Create(); |
|
|
var tagHelperCodeBlockId = _guidGenerator.Create(); |
|
|
var bootstrapCodeBlockId = _guidGenerator.Create(); |
|
|
var bootstrapCodeBlockId = _guidGenerator.Create(); |
|
|
|
|
|
|
|
|
output.PreContent.AppendHtml("<div class=\"card\">"); |
|
|
output.PreContent.AppendHtml("<div class=\"card\">"); |
|
|
output.PreContent.AppendHtml("<div class=\"card-header\">"); |
|
|
output.PreContent.AppendHtml("<div class=\"card-header\">"); |
|
|
output.PreContent.AppendHtml("<div class=\"row\">"); |
|
|
output.PreContent.AppendHtml("<div class=\"row\">"); |
|
|
@ -58,14 +58,14 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.S |
|
|
output.PreContent.AppendHtml("<div class=\"card-body\">"); |
|
|
output.PreContent.AppendHtml("<div class=\"card-body\">"); |
|
|
output.PreContent.AppendHtml($"<div class=\"tab-content\" id=\"nav-preview-tabContent-{previewId}\">"); |
|
|
output.PreContent.AppendHtml($"<div class=\"tab-content\" id=\"nav-preview-tabContent-{previewId}\">"); |
|
|
output.PreContent.AppendHtml($"<div class=\"tab-pane fade show active\" id=\"nav-preview-{previewId}\" role=\"tabpanel\" aria-labelledby=\"nav-preview-tab-{previewId}\">"); |
|
|
output.PreContent.AppendHtml($"<div class=\"tab-pane fade show active\" id=\"nav-preview-{previewId}\" role=\"tabpanel\" aria-labelledby=\"nav-preview-tab-{previewId}\">"); |
|
|
|
|
|
|
|
|
/* component rendering here */ |
|
|
/* component rendering here */ |
|
|
|
|
|
|
|
|
output.PostContent.AppendHtml("</div>"); // tab-pane
|
|
|
output.PostContent.AppendHtml("</div>"); // tab-pane
|
|
|
output.PostContent.AppendHtml($"<div class=\"tab-pane fade\" id=\"nav-code-{codeBlockId}\" role=\"tabpanel\" aria-labelledby=\"nav-code-tab-{codeBlockId}\">"); |
|
|
output.PostContent.AppendHtml($"<div class=\"tab-pane fade\" id=\"nav-code-{codeBlockId}\" role=\"tabpanel\" aria-labelledby=\"nav-code-tab-{codeBlockId}\">"); |
|
|
|
|
|
|
|
|
/* CodeBlock tabs */ |
|
|
/* CodeBlock tabs */ |
|
|
|
|
|
|
|
|
output.PostContent.AppendHtml($"<ul class=\"nav nav-tabs\" id=\"code-block-tab-{codeBlockTabId}\" role=\"tablist\">"); |
|
|
output.PostContent.AppendHtml($"<ul class=\"nav nav-tabs\" id=\"code-block-tab-{codeBlockTabId}\" role=\"tablist\">"); |
|
|
output.PostContent.AppendHtml("<li class=\"nav-item\">"); |
|
|
output.PostContent.AppendHtml("<li class=\"nav-item\">"); |
|
|
output.PostContent.AppendHtml($"<a class=\"nav-link active\" id=\"tag-helper-tab-{tagHelperCodeBlockId}\" data-toggle=\"pill\" href=\"#tag-helper-{tagHelperCodeBlockId}\" role=\"tab\" aria-controls=\"tag-helper-{tagHelperCodeBlockId}\" aria-selected=\"true\">Abp Tag Helper</a>"); |
|
|
output.PostContent.AppendHtml($"<a class=\"nav-link active\" id=\"tag-helper-tab-{tagHelperCodeBlockId}\" data-toggle=\"pill\" href=\"#tag-helper-{tagHelperCodeBlockId}\" role=\"tab\" aria-controls=\"tag-helper-{tagHelperCodeBlockId}\" aria-selected=\"true\">Abp Tag Helper</a>"); |
|
|
@ -75,7 +75,7 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.S |
|
|
output.PostContent.AppendHtml("</li>"); |
|
|
output.PostContent.AppendHtml("</li>"); |
|
|
output.PostContent.AppendHtml("</ul>"); |
|
|
output.PostContent.AppendHtml("</ul>"); |
|
|
output.PostContent.AppendHtml($"<div class=\"tab-content\" id=\"code-block-tabContent-{codeBlockTabId}\">"); |
|
|
output.PostContent.AppendHtml($"<div class=\"tab-content\" id=\"code-block-tabContent-{codeBlockTabId}\">"); |
|
|
|
|
|
|
|
|
output.PostContent.AppendHtml($"<div class=\"tab-pane fade show active\" id=\"tag-helper-{tagHelperCodeBlockId}\" role=\"tabpanel\" aria-labelledby=\"tag-helper-tab-{tagHelperCodeBlockId}\">"); |
|
|
output.PostContent.AppendHtml($"<div class=\"tab-pane fade show active\" id=\"tag-helper-{tagHelperCodeBlockId}\" role=\"tabpanel\" aria-labelledby=\"tag-helper-tab-{tagHelperCodeBlockId}\">"); |
|
|
output.PostContent.AppendHtml("<pre class=\"p-4\">"); |
|
|
output.PostContent.AppendHtml("<pre class=\"p-4\">"); |
|
|
output.PostContent.AppendHtml("<code class=\"language-html\">"); |
|
|
output.PostContent.AppendHtml("<code class=\"language-html\">"); |
|
|
@ -83,7 +83,7 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.S |
|
|
output.PostContent.AppendHtml("</code>"); |
|
|
output.PostContent.AppendHtml("</code>"); |
|
|
output.PostContent.AppendHtml("</pre>"); |
|
|
output.PostContent.AppendHtml("</pre>"); |
|
|
output.PostContent.AppendHtml("</div>"); |
|
|
output.PostContent.AppendHtml("</div>"); |
|
|
|
|
|
|
|
|
output.PostContent.AppendHtml($"<div class=\"tab-pane fade\" id=\"bootstrap-{bootstrapCodeBlockId}\" role=\"tabpanel\" aria-labelledby=\"bootstrap-tab-{bootstrapCodeBlockId}\">"); |
|
|
output.PostContent.AppendHtml($"<div class=\"tab-pane fade\" id=\"bootstrap-{bootstrapCodeBlockId}\" role=\"tabpanel\" aria-labelledby=\"bootstrap-tab-{bootstrapCodeBlockId}\">"); |
|
|
output.PostContent.AppendHtml("<pre class=\"p-4\">"); |
|
|
output.PostContent.AppendHtml("<pre class=\"p-4\">"); |
|
|
output.PostContent.AppendHtml("<code class=\"language-html\">"); |
|
|
output.PostContent.AppendHtml("<code class=\"language-html\">"); |
|
|
@ -91,7 +91,7 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo.Views.Components.Themes.S |
|
|
output.PostContent.AppendHtml("</code>"); |
|
|
output.PostContent.AppendHtml("</code>"); |
|
|
output.PostContent.AppendHtml("</pre>"); |
|
|
output.PostContent.AppendHtml("</pre>"); |
|
|
output.PostContent.AppendHtml("</div>"); |
|
|
output.PostContent.AppendHtml("</div>"); |
|
|
|
|
|
|
|
|
output.PostContent.AppendHtml("</div>"); // tab-content
|
|
|
output.PostContent.AppendHtml("</div>"); // tab-content
|
|
|
output.PostContent.AppendHtml("</div>"); // tab-pane
|
|
|
output.PostContent.AppendHtml("</div>"); // tab-pane
|
|
|
output.PostContent.AppendHtml("</div>"); // tab-content
|
|
|
output.PostContent.AppendHtml("</div>"); // tab-content
|
|
|
|