From 04158bbcd75e79490c9621e6c3d0b2e0913a9312 Mon Sep 17 00:00:00 2001 From: Vikram Reddy Date: Mon, 4 Nov 2024 21:39:44 +0530 Subject: [PATCH] Demo.RCL - Routing updates --- .../Components/Layout/MainLayout.razor.cs | 4 +-- .../Pages/Badge/BadgeDocumentation.razor | 2 +- .../Breadcrumb/BreadcrumbDocumentation.razor | 2 +- .../Pages/Buttons/ButtonDocumentation.razor | 10 ++++--- .../Pages/Callout/CalloutDocumentation.razor | 10 ++++--- .../Pages/Card/CardDocumentation.razor | 10 ++++--- .../Carousel/CarouselDocumentation.razor | 10 ++++--- .../BarCharts/BarChartDocumentation.razor | 10 ++++--- .../Pages/Charts/ChartsDocumentation.razor | 26 ++++++++++--------- .../DoughnutChartDocumentation.razor | 10 ++++--- .../LineCharts/LineChartDocumentation.razor | 10 ++++--- .../PieCharts/PieChartDocumentation.razor | 10 ++++--- .../PolarAreaChartDocumentation.razor | 10 ++++--- .../RadarCharts/RadarChartDocumentation.razor | 10 ++++--- .../ScatterChartDocumentation.razor | 10 ++++--- .../Collapse/CollapseDocumentation.razor | 10 ++++--- .../ConfirmDialogDocumentation.razor | 10 ++++--- .../Dropdowns/DropdownDocumentation.razor | 10 ++++--- .../AutoCompleteDocumentation.razor | 14 ++++++---- .../CurrencyInputDocumentation.razor | 14 ++++++---- .../DateInput/DateInputDocumentation.razor | 14 ++++++---- .../NumberInputDocumentation.razor | 14 ++++++---- .../RangeInput/RangeInputDocumentation.razor | 12 ++++++--- .../Form/Switch/SwitchDocumentation.razor | 14 ++++++---- .../TimeInput/TimeInputDocumentation.razor | 14 ++++++---- .../GettingStartedDocumentation.razor | 13 +++++----- .../Grid_Overview_Documentation.razor | 15 ++++++----- .../Grid_DataBinding_Documentation.razor | 9 ++++--- .../Grid_Filters_Documentation.razor | 9 ++++--- .../04-paging/Grid_Paging_Documentation.razor | 9 ++++--- .../Grid_Sorting_Documentation.razor | 9 ++++--- .../Grid_Selection_Documentation.razor | 9 ++++--- .../Grid_Alignment_Documentation.razor | 9 ++++--- .../Grid_GridSettings_Documentation.razor | 9 ++++--- .../Grid_CustomCSSClass_Documentation.razor | 9 ++++--- .../10-events/Grid_Events_Documentation.razor | 9 ++++--- .../Grid_Translations_Documentation.razor | 9 ++++--- .../Grid_FixedHeader_Documentation.razor | 9 ++++--- .../Grid_FreezeColumns_Documentation.razor | 9 ++++--- .../Grid_DetailView_Documentation.razor | 9 ++++--- .../Grid_Nested_Documentation.razor | 9 ++++--- .../99-other/Grid_Other_Documentation.razor | 9 ++++--- .../Pages/Icons/IconDocumentation.razor | 10 ++++--- .../Pages/Images/ImageDocumentation.razor | 10 ++++--- .../server/LayoutServerDocumentation.razor | 10 ++++--- .../LayoutWebAssemblyDocumentation.razor | 10 ++++--- .../Pages/Maps/GoogleMapDocumentation.razor | 10 ++++--- .../Markdown/MarkdownDocumentation.razor | 10 ++++--- .../Pages/Modal/ModalDocumentation.razor | 10 ++++--- .../Offcanvas/OffcanvasDocumentation.razor | 10 ++++--- .../Pagination/PaginationDocumentation.razor | 10 ++++--- .../PdfViewer/PdfViewerDocumentation.razor | 10 ++++--- .../PlaceholderDocumentation.razor | 10 ++++--- .../Pages/Preload/PreloadDocumentation.razor | 10 ++++--- .../Progress/ProgressDocumentation.razor | 10 ++++--- .../Pages/Ribbon/RibbonDocumentation.razor | 10 ++++--- .../ScriptLoaderDocumentation.razor | 10 ++++--- .../ModalServiceDocumentation.razor | 14 ++++++---- .../Pages/Sidebar/SidebarDocumentation.razor | 10 ++++--- .../Sidebar2/Sidebar2Documentation.razor | 10 ++++--- .../SortableListDocumentation.razor | 10 ++++--- .../Spinners/SpinnersDocumentation.razor | 10 ++++--- .../Pages/Tabs/TabsDocumentation.razor | 10 ++++--- .../Pages/Toasts/ToastsDocumentation.razor | 10 ++++--- .../Tooltips/TooltipsDocumentation.razor | 10 ++++--- .../ColorUtil/ColorUtilDocumentation.razor | 10 ++++--- .../Constants/RouteConstants.cs | 8 ++++-- 67 files changed, 407 insertions(+), 278 deletions(-) diff --git a/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor.cs b/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor.cs index d02c5f06a..7ceae60b7 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor.cs +++ b/BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor.cs @@ -17,7 +17,7 @@ internal override IEnumerable GetNavItems() new (){ Id = "301", Text = "Images", Href = "/images", IconName = IconName.Image, ParentId = "3" }, new (){ Id = "4", Text = "Forms", IconName = IconName.InputCursorText, IconColor = IconColor.Success }, - new (){ Id = "400", Text = "Auto Complete", Href = "/autocomplete", IconName = IconName.InputCursorText, ParentId = "4" }, + new (){ Id = "400", Text = "Auto Complete", Href = "/form/autocomplete", IconName = IconName.InputCursorText, ParentId = "4" }, new (){ Id = "401", Text = "Currency Input", Href = "/form/currency-input", IconName = IconName.CurrencyDollar, ParentId = "4" }, new (){ Id = "402", Text = "Date Input", Href = "/form/date-input", IconName = IconName.CalendarDate, ParentId = "4" }, new (){ Id = "403", Text = "Number Input", Href = "/form/number-input", IconName = IconName.InputCursor, ParentId = "4" }, @@ -90,7 +90,7 @@ internal override IEnumerable GetNavItems() new (){ Id = "605", Text = "Scatter Chart", Href = "/charts/scatter-chart", IconName = IconName.GraphUpArrow, ParentId = "6", Match = NavLinkMatch.All }, new(){ Id = "7", Text = "Services", IconName = IconName.WrenchAdjustableCircleFill, IconColor = IconColor.Success }, - new (){ Id = "700", Text = "Modal Service", Href = "/modal-service", IconName = IconName.WindowStack, ParentId = "7" }, + new (){ Id = "700", Text = "Modal Service", Href = "/services/modal-service", IconName = IconName.WindowStack, ParentId = "7" }, new(){ Id = "19", Text = "Utilities", IconName = IconName.GearWideConnected, IconColor = IconColor.Info }, new (){ Id = "1900", Text = "Color Utility", Href = "/utils/color-utility", IconName = IconName.Palette2, ParentId = "19" }, diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Badge/BadgeDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Badge/BadgeDocumentation.razor index ae2137efd..1ac1ad314 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Badge/BadgeDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Badge/BadgeDocumentation.razor @@ -61,7 +61,7 @@ @code { - private const string pageUrl = "/badge"; + private const string pageUrl = RouteConstants.Demos_Badge_Documentation; private const string pageTitle = "Blazor Badge"; private const string pageDescription = "The Blazor Bootstrap Badge component shows the small count and labels."; private const string metaTitle = "Blazor Badge Component"; diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Breadcrumb/BreadcrumbDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Breadcrumb/BreadcrumbDocumentation.razor index 1190327fd..2afe81ab4 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Breadcrumb/BreadcrumbDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Breadcrumb/BreadcrumbDocumentation.razor @@ -24,7 +24,7 @@ @code { - private const string pageUrl = RouteConstants.Demos_Breadcrumb_Documentation; + private const string pageUrl = RouteConstants.Demos_Breadcrumb_Documentation; private const string pageTitle = "Blazor Breadcrumb"; private const string pageDescription = "Indicate the current page's location within a navigational hierarchy that automatically adds separators."; private const string metaTitle = "Blazor Breadcrumb Component"; diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Buttons/ButtonDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Buttons/ButtonDocumentation.razor index fcd9bd931..70447a4ac 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Buttons/ButtonDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Buttons/ButtonDocumentation.razor @@ -87,8 +87,10 @@ @code { - private string pageUrl = "/buttons"; - private string title = "Blazor Button Component"; - private string description = "Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc."; - private string imageUrl = "https://i.imgur.com/Ne7FJ5H.jpg"; + private const string pageUrl = RouteConstants.Demos_Buttons_Documentation; + private const string pageTitle = "Blazor Button"; + private const string pageDescription = "Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc."; + private const string metaTitle = "Blazor Button Component"; + private const string metaDescription = "Use Blazor Bootstrap button styles for actions in forms, dialogs, and more with support for multiple sizes, states, etc."; + private const string imageUrl = "https://i.imgur.com/Ne7FJ5H.jpg"; } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Callout/CalloutDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Callout/CalloutDocumentation.razor index ab7a6793f..4f8d07e87 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Callout/CalloutDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Callout/CalloutDocumentation.razor @@ -24,8 +24,10 @@ @code { - private string pageUrl = "/callout"; - private string title = "Blazor Callout Component"; - private string description = "Blazor Bootstrap callout component provides content presentation in a visually distinct manner."; - private string imageUrl = "https://i.imgur.com/y2jI9ix.png"; + private const string pageUrl = RouteConstants.Demos_Callout_Documentation; + private const string pageTitle = "Blazor Callout"; + private const string pageDescription = "Blazor Bootstrap callout component provides content presentation in a visually distinct manner."; + private const string metaTitle = "Blazor Callout Component"; + private const string metaDescription = "Blazor Bootstrap callout component provides content presentation in a visually distinct manner."; + private const string imageUrl = "https://i.imgur.com/y2jI9ix.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Card/CardDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Card/CardDocumentation.razor index ebc8a781a..a1ff52e0b 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Card/CardDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Card/CardDocumentation.razor @@ -90,8 +90,10 @@ @code { - private string pageUrl = "/card"; - private string title = "Blazor Card Component"; - private string description = "BootstrapBootstrap's cards provide a flexible and extensible content container with multiple variants and options."; - private string imageUrl = "https://i.imgur.com/RhytwPa.png"; + private const string pageUrl = RouteConstants.Demos_Card_Documentation; + private const string pageTitle = "Blazor Card"; + private const string pageDescription = "BootstrapBootstrap's cards provide a flexible and extensible content container with multiple variants and options."; + private const string metaTitle = "Blazor Card Component"; + private const string metaDescription = "BootstrapBootstrap's cards provide a flexible and extensible content container with multiple variants and options."; + private const string imageUrl = "https://i.imgur.com/RhytwPa.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Carousel/CarouselDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Carousel/CarouselDocumentation.razor index 58094ff22..5e51dbf0a 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Carousel/CarouselDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Carousel/CarouselDocumentation.razor @@ -96,8 +96,10 @@ @code { - private string pageUrl = "/carousel"; - private string title = "Blazor Carousel Component"; - private string description = "Blazor Carousel component is a slideshow component that cycles through elements, images, or slides of text."; - private string imageUrl = "https://i.imgur.com/YoZd9Hy.png"; + private const string pageUrl = RouteConstants.Demos_Carousel_Documentation; + private const string pageTitle = "Blazor Carousel"; + private const string pageDescription = "Blazor Carousel component is a slideshow component that cycles through elements, images, or slides of text."; + private const string metaTitle = "Blazor Carousel Component"; + private const string metaDescription = "Blazor Carousel component is a slideshow component that cycles through elements, images, or slides of text."; + private const string imageUrl = "https://i.imgur.com/YoZd9Hy.png"; } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor index 1de4dba79..dfe93ffdd 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/BarCharts/BarChartDocumentation.razor @@ -43,8 +43,10 @@ @code { - private string pageUrl = "/charts/bar-chart"; - private string title = "Blazor Bar Chart"; - private string description = "A Blazor Bootstrap bar chart component is used to represent data values as vertical bars. It is sometimes used to show trend data and to compare multiple data sets side by side."; - private string imageUrl = "https://i.imgur.com/IX3bajc.png"; + private const string pageUrl = RouteConstants.Demos_BarChart_Documentation; + private const string pageTitle = "Blazor Bar Chart"; + private const string pageDescription = "A Blazor Bootstrap bar chart component is used to represent data values as vertical bars. It is sometimes used to show trend data and to compare multiple data sets side by side."; + private const string metaTitle = "Blazor Bar Chart Component"; + private const string metaDescription = "A Blazor Bootstrap bar chart component is used to represent data values as vertical bars. It is sometimes used to show trend data and to compare multiple data sets side by side."; + private const string imageUrl = "https://i.imgur.com/IX3bajc.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor index 2b136c4a9..08262de8b 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ChartsDocumentation.razor @@ -17,13 +17,13 @@
At this moment we are supporting seven blazor chart types.
    -
  1. Bar Chart
    2. -
  2. Doughnut Chart
    3. -
  3. Line Chart
    4. -
  4. Pie Chart
    5. -
  5. Polar Area Chart
    6. -
  6. Radar Chart
    7. -
  7. Scatter Chart
    8. +
  8. Bar Chart
    9. +
  9. Doughnut Chart
    10. +
  10. Line Chart
    11. +
  11. Pie Chart
    12. +
  12. Polar Area Chart
    13. +
  13. Radar Chart
    14. +
  14. Scatter Chart
@@ -32,12 +32,14 @@
- Refer to the getting started guide for setting up charts. + Refer to the getting started guide for setting up charts.
@code { - private string pageUrl = "/charts"; - private string title = "Blazor Charts"; - private string description = "Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly."; - private string imageUrl = "https://i.imgur.com/IX3bajc.png"; + private const string pageUrl = RouteConstants.Demos_Charts_Documentation; + private const string pageTitle = "Blazor Charts"; + private const string pageDescription = "Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly."; + private const string metaTitle = "Blazor Chart Components"; + private const string metaDescription = "Blazor Bootstrap charts are well-designed chart components on top of Chart.js to visualize data. It contains a rich UI gallery of charts that cater to all charting scenarios. Its high performance helps render large amounts of data quickly."; + private const string imageUrl = "https://i.imgur.com/IX3bajc.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor index 2d6dd83cd..67b387f3c 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/DoughnutCharts/DoughnutChartDocumentation.razor @@ -30,8 +30,10 @@ @code { - private string pageUrl = "/charts/doughnut-chart"; - private string title = "Blazor Doughnut Charts"; - private string description = "A Blazor donut chart component is a circular chart that shows the proportional values of different categories. It is similar to a pie chart, but the center of the donut chart is hollow. This makes it easier to see the individual values of each category."; - private string imageUrl = "https://i.imgur.com/xEPhAsW.png"; + private const string pageUrl = RouteConstants.Demos_DoughnutChart_Documentation; + private const string pageTitle = "Blazor Doughnut Chart"; + private const string pageDescription = "A Blazor donut chart component is a circular chart that shows the proportional values of different categories. It is similar to a pie chart, but the center of the donut chart is hollow. This makes it easier to see the individual values of each category."; + private const string metaTitle = "Blazor Doughnut Chart Component"; + private const string metaDescription = "A Blazor donut chart component is a circular chart that shows the proportional values of different categories. It is similar to a pie chart, but the center of the donut chart is hollow. This makes it easier to see the individual values of each category."; + private const string imageUrl = "https://i.imgur.com/xEPhAsW.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor index d5130001d..dec2f0db9 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/LineCharts/LineChartDocumentation.razor @@ -48,8 +48,10 @@ @code { - private readonly string pageUrl = "/charts/line-chart"; - private readonly string title = "Blazor Line Chart"; - private readonly string description = "A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value."; - private readonly string imageUrl = "https://i.imgur.com/8b7jH0D.png"; + private const string pageUrl = RouteConstants.Demos_LineChart_Documentation; + private const string pageTitle = "Blazor Line Chart"; + private const string pageDescription = "A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value."; + private const string metaTitle = "Blazor Line Chart Component"; + private const string metaDescription = "A Blazor Bootstrap line chart component is a graphical representation of data that uses a series of connected points to show how the data changes over time. It is a type of x-y chart, where the x-axis represents the independent variable, such as time, and the y-axis represents the dependent variable, such as the value."; + private const string imageUrl = "https://i.imgur.com/8b7jH0D.png"; } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor index 810eb1bfa..2568e9a88 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PieCharts/PieChartDocumentation.razor @@ -36,8 +36,10 @@ @code { - private string pageUrl = "/charts/pie-chart"; - private string title = "Blazor Pie Chart"; - private string description = "A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories."; - private string imageUrl = "https://i.imgur.com/ieBupT2.png"; + private const string pageUrl = RouteConstants.Demos_PieChart_Documentation; + private const string pageTitle = "Blazor Pie Chart"; + private const string pageDescription = "A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories."; + private const string metaTitle = "Blazor Pie Chart"; + private const string metaDescription = "A Blazor Bootstrap pie chart component is a circular chart that shows the proportional values of different categories."; + private const string imageUrl = "https://i.imgur.com/ieBupT2.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor index dab253a8f..cd9ec0226 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/PolarAreaCharts/PolarAreaChartDocumentation.razor @@ -27,8 +27,10 @@ @code { - private string pageUrl = "/charts/polar-area-chart"; - private string title = "Blazor Polar Area Chart"; - private string description = "A Blazor Bootstrap polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value."; - private string imageUrl = "https://i.imgur.com/xLAqwGi.png"; + private const string pageUrl = RouteConstants.Demos_PolarAreaChart_Documentation; + private const string pageTitle = "Blazor Polar Area Chart"; + private const string pageDescription = "A Blazor Bootstrap polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value."; + private const string metaTitle = "Blazor Polar Area Chart Component"; + private const string metaDescription = "A Blazor Bootstrap polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value."; + private const string imageUrl = "https://i.imgur.com/xLAqwGi.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor index 4e1679f54..143ffa262 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/RadarCharts/RadarChartDocumentation.razor @@ -27,8 +27,10 @@ @code { - private readonly string pageUrl = "/charts/radar-chart"; - private readonly string title = "Blazor Radar Chart"; - private readonly string description = "A Blazor Bootstrap radar chart component is a way of showing multiple data points and the variation between them. They are often useful for comparing the points of two or more different data sets."; - private readonly string imageUrl = "https://i.imgur.com/Urrb79M.png"; + private const string pageUrl = RouteConstants.Demos_RadarChart_Documentation; + private const string pageTitle = "Blazor Radar Chart"; + private const string pageDescription = "A Blazor Bootstrap radar chart component is a way of showing multiple data points and the variation between them. They are often useful for comparing the points of two or more different data sets."; + private const string metaTitle = "Blazor Radar Chart Component"; + private const string metaDescription = "A Blazor Bootstrap radar chart component is a way of showing multiple data points and the variation between them. They are often useful for comparing the points of two or more different data sets."; + private const string imageUrl = "https://i.imgur.com/Urrb79M.png"; } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor index fcfe0dccd..a10918a2a 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Charts/ScatterCharts/ScatterChartDocumentation.razor @@ -35,8 +35,10 @@ @code { - private readonly string pageUrl = "/charts/scatter-chart"; - private readonly string title = "Blazor Scatter Chart"; - private readonly string description = "A Blazor Bootstrap scatter chart components are based on basic line charts with the x-axis changed to a linear axis. To use a scatter chart, data must be passed as objects containing X and Y properties."; - private readonly string imageUrl = "https://i.imgur.com/GEox0tS.png"; + private const string pageUrl = RouteConstants.Demos_ScatterChart_Documentation; + private const string pageTitle = "Blazor Scatter Chart"; + private const string pageDescription = "A Blazor Bootstrap scatter chart components are based on basic line charts with the x-axis changed to a linear axis. To use a scatter chart, data must be passed as objects containing X and Y properties."; + private const string metaTitle = "Blazor Scatter Chart Component"; + private const string metaDescription = "A Blazor Bootstrap scatter chart components are based on basic line charts with the x-axis changed to a linear axis. To use a scatter chart, data must be passed as objects containing X and Y properties."; + private const string imageUrl = "https://i.imgur.com/GEox0tS.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Collapse/CollapseDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Collapse/CollapseDocumentation.razor index f7a53ae23..95c44503b 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Collapse/CollapseDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Collapse/CollapseDocumentation.razor @@ -67,8 +67,10 @@ @code { - private string pageUrl = "/collapse"; - private string title = "Blazor Collapse Component"; - private string description = "Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component."; - private string imageUrl = "https://i.imgur.com/8A0emQe.png"; + private const string pageUrl = RouteConstants.Demos_Collapse_Documentation; + private const string pageTitle = "Blazor Collapse"; + private const string pageDescription = "Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component."; + private const string metaTitle = "Blazor Collapse Component"; + private const string metaDescription = "Toggle the visibility of content across your project with the Blazor Bootstrap Collapse component."; + private const string imageUrl = "https://i.imgur.com/8A0emQe.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/ConfirmDialog/ConfirmDialogDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/ConfirmDialog/ConfirmDialogDocumentation.razor index 0da52455a..b322a892e 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/ConfirmDialog/ConfirmDialogDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/ConfirmDialog/ConfirmDialogDocumentation.razor @@ -67,8 +67,10 @@ @code { - private string pageUrl = "/confirm-dialog"; - private string title = "Blazor Confirm Dialog Component"; - private string description = "Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something."; - private string imageUrl = "https://i.imgur.com/chdLk3D.jpg"; + private const string pageUrl = RouteConstants.Demos_ConfirmDialog_Documentation; + private const string pageTitle = "Blazor Confirm Dialog"; + private const string pageDescription = "Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something."; + private const string metaTitle = "Blazor Confirm Dialog Component"; + private const string metaDescription = "Use Blazor Bootstrap confirm dialog component if you want the user to verify or accept something."; + private const string imageUrl = "https://i.imgur.com/chdLk3D.jpg"; } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Dropdowns/DropdownDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Dropdowns/DropdownDocumentation.razor index 594b5d888..d7fa538db 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Dropdowns/DropdownDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Dropdowns/DropdownDocumentation.razor @@ -174,8 +174,10 @@ @code { - private string pageUrl = "/dropdown"; - private string title = "Blazor Dropdown Component"; - private string description = "Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are toggled by clicking, not by hovering; this is an intentional design decision'by bootstrap."; - private string imageUrl = "https://i.imgur.com/beAr31J.png"; + private const string pageUrl = RouteConstants.Demos_Dropdown_Documentation; + private const string pageTitle = "Blazor Dropdown"; + private const string pageDescription = "Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are toggled by clicking, not by hovering; this is an intentional design decision'by bootstrap."; + private const string metaTitle = "Blazor Dropdown Component"; + private const string metaDescription = "Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They are toggled by clicking, not by hovering; this is an intentional design decision'by bootstrap."; + private const string imageUrl = "https://i.imgur.com/beAr31J.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/AutoComplete/AutoCompleteDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/AutoComplete/AutoCompleteDocumentation.razor index 613f7d982..e03ced5ea 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/AutoComplete/AutoCompleteDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/AutoComplete/AutoCompleteDocumentation.razor @@ -1,4 +1,6 @@ -@attribute [Route(pageUrl)] +@page "/autocomplete" + +@attribute [Route(pageUrl)] @code { - private string pageUrl = "/autocomplete"; - private string title = "Blazor AutoComplete Component"; - private string description = "Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering."; - private string imageUrl = "https://i.imgur.com/36RsWZ3.png"; + private const string pageUrl = RouteConstants.Demos_AutoComplete_Documentation; + private const string pageTitle = "Blazor AutoComplete"; + private const string pageDescription = "Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering."; + private const string metaTitle = "Blazor AutoComplete Component"; + private const string metaDescription = "Blazor Bootstrap autocomplete component is a textbox that offers the users suggestions as they type from the data source. And it supports client-side and server-side filtering."; + private const string imageUrl = "https://i.imgur.com/36RsWZ3.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/CurrencyInput/CurrencyInputDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/CurrencyInput/CurrencyInputDocumentation.razor index ecf295ee8..acef3d8ce 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/CurrencyInput/CurrencyInputDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/CurrencyInput/CurrencyInputDocumentation.razor @@ -1,4 +1,6 @@ -@attribute [Route(pageUrl)] +@page "/currency-input" + +@attribute [Route(pageUrl)] @code { - private string pageUrl = "/form/currency-input"; - private string title = "Blazor CurrencyInput Component"; - private string description = "Use the Blazor Bootstrap CurrencyInput component to show the numbers in the user's locale format, including the currency symbol."; - private string imageUrl = "https://i.imgur.com/iUNBkki.png"; + private const string pageUrl = RouteConstants.Demos_CurrencyInput_Documentation; + private const string pageTitle = "Blazor CurrencyInput"; + private const string pageDescription = "Use the Blazor Bootstrap CurrencyInput component to show the numbers in the user's locale format, including the currency symbol."; + private const string metaTitle = "Blazor CurrencyInput Component"; + private const string metaDescription = "Use the Blazor Bootstrap CurrencyInput component to show the numbers in the user's locale format, including the currency symbol."; + private const string imageUrl = "https://i.imgur.com/iUNBkki.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/DateInput/DateInputDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/DateInput/DateInputDocumentation.razor index c43ccc15b..30433732a 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/DateInput/DateInputDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/DateInput/DateInputDocumentation.razor @@ -1,4 +1,6 @@ -@attribute [Route(pageUrl)] +@page "/date-input" + +@attribute [Route(pageUrl)] @code { - private string pageUrl = "/form/date-input"; - private string title = "Blazor DateInput Component"; - private string description = "The Blazor Bootstrap DateInput component is constructed using an HTML input of type 'date' which limits user input based on pre-defined parameters. This component enables users to input a date using a text box with validation or a special date picker interface."; - private string imageUrl = "https://i.imgur.com/1mVjqQv.png"; + private const string pageUrl = RouteConstants.Demos_DateInput_Documentation; + private const string pageTitle = "Blazor DateInput"; + private const string pageDescription = "The Blazor Bootstrap DateInput component is constructed using an HTML input of type 'date' which limits user input based on pre-defined parameters. This component enables users to input a date using a text box with validation or a special date picker interface."; + private const string metaTitle = "Blazor DateInput Component"; + private const string metaDescription = "The Blazor Bootstrap DateInput component is constructed using an HTML input of type 'date' which limits user input based on pre-defined parameters. This component enables users to input a date using a text box with validation or a special date picker interface."; + private const string imageUrl = "https://i.imgur.com/1mVjqQv.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/NumberInput/NumberInputDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/NumberInput/NumberInputDocumentation.razor index a22303647..aa14ab779 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/NumberInput/NumberInputDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/NumberInput/NumberInputDocumentation.razor @@ -1,4 +1,6 @@ -@attribute [Route(pageUrl)] +@page "/number-input" + +@attribute [Route(pageUrl)] @code { - private string pageUrl = "/form/number-input"; - private string title = "Blazor NumberInput Component"; - private string description = "Blazor Bootstrap NumberInput component is built around HTML input of type=\"number\" that prevents the user input based on the parameters set."; - private string imageUrl = "https://i.imgur.com/iUNBkki.png"; + private const string pageUrl = RouteConstants.Demos_NumberInput_Documentation; + private const string pageTitle = "Blazor NumberInput"; + private const string pageDescription = "Blazor Bootstrap NumberInput component is built around HTML input of type=\"number\" that prevents the user input based on the parameters set."; + private const string metaTitle = "Blazor NumberInput Component"; + private const string metaDescription = "Blazor Bootstrap NumberInput component is built around HTML input of type=\"number\" that prevents the user input based on the parameters set."; + private const string imageUrl = "https://i.imgur.com/iUNBkki.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/RangeInput/RangeInputDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/RangeInput/RangeInputDocumentation.razor index 08574473d..675ee5699 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/RangeInput/RangeInputDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/RangeInput/RangeInputDocumentation.razor @@ -1,3 +1,5 @@ +@page "/range-input" + @attribute [Route(pageUrl)] @code { - private string pageUrl = "/form/range-input"; - private string title = "Blazor RangeInput Component"; - private string description = "Blazor Bootstrap RangeInput component is built around HTML input of type=\"range\"."; - private string imageUrl = "https://i.imgur.com/rWDDHaf.png"; + private const string pageUrl = RouteConstants.Demos_RangeInput_Documentation; + private const string pageTitle = "Blazor RangeInput"; + private const string pageDescription = "Blazor Bootstrap RangeInput component is built around HTML input of type=\"range\"."; + private const string metaTitle = "Blazor RangeInput Component"; + private const string metaDescription = "Blazor Bootstrap RangeInput component is built around HTML input of type=\"range\"."; + private const string imageUrl = "https://i.imgur.com/rWDDHaf.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/Switch/SwitchDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/Switch/SwitchDocumentation.razor index 3836d963c..4b516c8a2 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/Switch/SwitchDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/Switch/SwitchDocumentation.razor @@ -1,4 +1,6 @@ -@attribute [Route(pageUrl)] +@page "/switch" + +@attribute [Route(pageUrl)] @code { - private string pageUrl = "/form/switch"; - private string title = "Blazor Switch Component"; - private string description = "Create consistent cross-browser and cross-device checkboxes with our blazor switches. A switch has the markup of a custom checkbox."; - private string imageUrl = "https://i.imgur.com/ALKzreq.png"; + private const string pageUrl = RouteConstants.Demos_Switch_Documentation; + private const string pageTitle = "Blazor Switch"; + private const string pageDescription = "Create consistent cross-browser and cross-device checkboxes with our blazor switches. A switch has the markup of a custom checkbox."; + private const string metaTitle = "Blazor Switch Component"; + private const string metaDescription = "Create consistent cross-browser and cross-device checkboxes with our blazor switches. A switch has the markup of a custom checkbox."; + private const string imageUrl = "https://i.imgur.com/ALKzreq.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/TimeInput/TimeInputDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/TimeInput/TimeInputDocumentation.razor index a321b49be..913e2483e 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Form/TimeInput/TimeInputDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Form/TimeInput/TimeInputDocumentation.razor @@ -1,4 +1,6 @@ -@attribute [Route(pageUrl)] +@page "/time-input" + +@attribute [Route(pageUrl)] @code { - private string pageUrl = "/form/time-input"; - private string title = "Blazor TimeInput Component"; - private string description = "The Blazor Bootstrap TimeInput component is constructed using an HTML input of type 'time' which limits user input based on pre-defined parameters. This component enables users to input a time using a text box with validation or a special time picker interface."; - private string imageUrl = "https://i.imgur.com/1mVjqQv.png"; + private const string pageUrl = RouteConstants.Demos_TimeInput_Documentation; + private const string pageTitle = "Blazor TimeInput"; + private const string pageDescription = "The Blazor Bootstrap TimeInput component is constructed using an HTML input of type 'time' which limits user input based on pre-defined parameters. This component enables users to input a time using a text box with validation or a special time picker interface."; + private const string metaTitle = "Blazor TimeInput Component"; + private const string metaDescription = "The Blazor Bootstrap TimeInput component is constructed using an HTML input of type 'time' which limits user input based on pre-defined parameters. This component enables users to input a time using a text box with validation or a special time picker interface."; + private const string imageUrl = "https://i.imgur.com/1mVjqQv.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/GettingStarted/GettingStartedDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/GettingStarted/GettingStartedDocumentation.razor index ce0b9c3e0..e288258d5 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/GettingStarted/GettingStartedDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/GettingStarted/GettingStartedDocumentation.razor @@ -1,5 +1,4 @@ -@page "/getting-started" -@page "/getting-started/blazor-webassembly" +@page "/getting-started/blazor-webassembly" @page "/getting-started/blazor-server" @page "/getting-started/maui-blazor" @@ -107,10 +106,12 @@ @code { - private string pageUrl = "/getting-started/blazor-webassembly"; - private string title = "Getting started with Blazor Bootstrap - Blazor WebAssembly Project Setup"; - private string description = "High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers."; - private string imageUrl = "https://i.imgur.com/SCbZVd4.jpg"; + private const string pageUrl = RouteConstants.Demos_GettingStarted_Documentation; + private const string pageTitle = "Getting started with Blazor Bootstrap - Blazor Project Setup"; + private const string pageDescription = "High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers."; + private const string metaTitle = "Getting started with Blazor Bootstrap - Blazor Project Setup"; + private const string metaDescription = "High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers."; + private const string imageUrl = "https://i.imgur.com/SCbZVd4.jpg"; private string? version; [Inject] public IConfiguration Configuration { get; set; } = default!; diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Overview_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Overview_Documentation.razor index 1a11b00cf..315beac4b 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Overview_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Overview_Documentation.razor @@ -1,5 +1,6 @@ -@attribute [Route(pageUrl)] -@attribute [Route(pageUrl2)] +@page "/grid" + +@attribute [Route(pageUrl)] @code { - private const string pageUrl = "/grid/overview"; - private const string pageUrl2 = "/grid"; - private const string title = "Blazor Grid Component"; - private const string heading = "Blazor Grid"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_Overview_Documentation; + private const string pageTitle = "Blazor Grid"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor index acfa2c3ff..afa7e9969 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor @@ -29,9 +29,10 @@ @code { - private const string pageUrl = "/grid/data-binding"; - private const string title = "Blazor Grid Component - Data binding"; - private const string heading = "Blazor Grid - Data binding"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_DataBinding_Documentation; + private const string pageTitle = "Blazor Grid - Data binding"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Data binding"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Filters_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Filters_Documentation.razor index c33ba5353..7a64d9a47 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Filters_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Filters_Documentation.razor @@ -59,9 +59,10 @@ @code { - private const string pageUrl = "/grid/filters"; - private const string title = "Blazor Grid Component - Filters"; - private const string heading = "Blazor Grid - Filters"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_Filters_Documentation; + private const string pageTitle = "Blazor Grid - Filters"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Filters"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Paging_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Paging_Documentation.razor index 961ccb1ab..70a90bc7b 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Paging_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Paging_Documentation.razor @@ -29,9 +29,10 @@ @code { - private const string pageUrl = "/grid/paging"; - private const string title = "Blazor Grid Component - Paging"; - private const string heading = "Blazor Grid - Paging"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_Paging_Documentation; + private const string pageTitle = "Blazor Grid - Paging"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Paging"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Sorting_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Sorting_Documentation.razor index cf763295c..91571c2ef 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Sorting_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Sorting_Documentation.razor @@ -28,9 +28,10 @@ @code { - private const string pageUrl = "/grid/sorting"; - private const string title = "Blazor Grid Component - Sorting"; - private const string heading = "Blazor Grid - Sorting"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_Sorting_Documentation; + private const string pageTitle = "Blazor Grid - Sorting"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Sorting"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Selection_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Selection_Documentation.razor index db9c1e8a3..d26e61651 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Selection_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Selection_Documentation.razor @@ -44,9 +44,10 @@ @code { - private const string pageUrl = "/grid/selection"; - private const string title = "Blazor Grid Component - Selection"; - private const string heading = "Blazor Grid - Selection"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_Selection_Documentation; + private const string pageTitle = "Blazor Grid - Selection"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Selection"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Alignment_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Alignment_Documentation.razor index dc46ce743..feede1a31 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Alignment_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Alignment_Documentation.razor @@ -20,9 +20,10 @@ @code { - private const string pageUrl = "/grid/alignment"; - private const string title = "Blazor Grid Component - Alignment"; - private const string heading = "Blazor Grid - Alignment"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_Alignment_Documentation; + private const string pageTitle = "Blazor Grid - Alignment"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Alignment"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_GridSettings_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_GridSettings_Documentation.razor index 289aeddc0..a247f3dd1 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_GridSettings_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_GridSettings_Documentation.razor @@ -18,9 +18,10 @@ @code { - private const string pageUrl = "/grid/settings"; - private const string title = "Blazor Grid Component - Settings"; - private const string heading = "Blazor Grid - Settings"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_Settings_Documentation; + private const string pageTitle = "Blazor Grid - Settings"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Settings"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_CustomCSSClass_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_CustomCSSClass_Documentation.razor index e898d0681..971cdad24 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_CustomCSSClass_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_CustomCSSClass_Documentation.razor @@ -32,9 +32,10 @@ @code { - private const string pageUrl = "/grid/custom-css-class"; - private const string title = "Blazor Grid Component - Custom CSS Class"; - private const string heading = "Blazor Grid - Custom CSS Class"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_CustomCSSClass_Documentation; + private const string pageTitle = "Blazor Grid - Custom CSS Class"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Custom CSS Class"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Events_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Events_Documentation.razor index 913d7614d..05d60a9e8 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Events_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Events_Documentation.razor @@ -20,9 +20,10 @@ @code { - private const string pageUrl = "/grid/events"; - private const string title = "Blazor Grid Component - Events"; - private const string heading = "Blazor Grid - Events"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_Events_Documentation; + private const string pageTitle = "Blazor Grid - Events"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Events"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Translations_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Translations_Documentation.razor index e74ec6d24..2073dc60f 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Translations_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Translations_Documentation.razor @@ -16,9 +16,10 @@ @code { - private const string pageUrl = "/grid/translations"; - private const string title = "Blazor Grid Component - Translations"; - private const string heading = "Blazor Grid - Translations"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_Translations_Documentation; + private const string pageTitle = "Blazor Grid - Translations"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Translations"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_FixedHeader_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_FixedHeader_Documentation.razor index 7ba71a42f..fcbc64cdb 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_FixedHeader_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_FixedHeader_Documentation.razor @@ -22,9 +22,10 @@ @code { - private const string pageUrl = "/grid/fixed-header"; - private const string title = "Blazor Grid Component - Fixed header"; - private const string heading = "Blazor Grid - Fixed header"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_FixedHeader_Documentation; + private const string pageTitle = "Blazor Grid - Fixed header"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Fixed header"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_FreezeColumns_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_FreezeColumns_Documentation.razor index 873f7e789..8b2b59f50 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_FreezeColumns_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_FreezeColumns_Documentation.razor @@ -22,9 +22,10 @@ @code { - private const string pageUrl = "/grid/freeze-columns"; - private const string title = "Blazor Grid Component - Freeze columns"; - private const string heading = "Blazor Grid - Freeze columns"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_FreezeColumns_Documentation; + private const string pageTitle = "Blazor Grid - Freeze columns"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Freeze columns"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/14-detail-view/Grid_DetailView_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/14-detail-view/Grid_DetailView_Documentation.razor index a3c883c12..b60c18a31 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/14-detail-view/Grid_DetailView_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/14-detail-view/Grid_DetailView_Documentation.razor @@ -20,9 +20,10 @@ @code { - private const string pageUrl = "/grid/detail-view"; - private const string title = "Blazor Grid Component - Detail View"; - private const string heading = "Blazor Grid - Detail View"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_DetailView_Documentation; + private const string pageTitle = "Blazor Grid - Detail View"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Detail View"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/eetvhBB.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/15-nested-grid/Grid_Nested_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/15-nested-grid/Grid_Nested_Documentation.razor index 88804eebd..599d09e9c 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/15-nested-grid/Grid_Nested_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/15-nested-grid/Grid_Nested_Documentation.razor @@ -16,9 +16,10 @@ @code { - private const string pageUrl = "/grid/nested-grid"; - private const string title = "Blazor Grid Component - Nested Grid"; - private const string heading = "Blazor Grid - Nested Grid"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_NestedGrid_Documentation; + private const string pageTitle = "Blazor Grid - Nested Grid"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Nested Grid"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/IpMhPwG.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Other_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Other_Documentation.razor index 442e234e2..0f2cdd592 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Other_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Other_Documentation.razor @@ -33,9 +33,10 @@ @code { - private const string pageUrl = "/grid/other"; - private const string title = "Blazor Grid Component - Other examples"; - private const string heading = "Blazor Grid - Other examples"; - private const string description = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string pageUrl = RouteConstants.Demos_Grid_OtherExamples_Documentation; + private const string pageTitle = "Blazor Grid - Other examples"; + private const string pageDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; + private const string metaTitle = "Blazor Grid Component - Other examples"; + private const string metaDescription = "Use Blazor Bootstrap grid component to display tabular data from the data source. And it supports client-side and server-side filtering, paging, and sorting."; private const string imageUrl = "https://i.imgur.com/kKNgo2I.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Icons/IconDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Icons/IconDocumentation.razor index d2eb577fb..a06a9e265 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Icons/IconDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Icons/IconDocumentation.razor @@ -54,8 +54,10 @@ @code{ - private string pageUrl = "/icons"; - private string title = "Blazor Icon Component"; - private string description = "Blazor Bootstrap icon component will display an icon from any icon font."; - private string imageUrl = "https://i.imgur.com/273TamX.png"; + private const string pageUrl = RouteConstants.Demos_Icons_Documentation; + private const string pageTitle = "Blazor Icon"; + private const string pageDescription = "Blazor Bootstrap icon component will display an icon from any icon font."; + private const string metaTitle = "Blazor Icon Component"; + private const string metaDescription = "Blazor Bootstrap icon component will display an icon from any icon font."; + private const string imageUrl = "https://i.imgur.com/273TamX.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Images/ImageDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Images/ImageDocumentation.razor index fc7513a46..6b36ddda4 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Images/ImageDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Images/ImageDocumentation.razor @@ -29,8 +29,10 @@ @code { - private string pageUrl = "/images"; - private string title = "Blazor Image Component"; - private string description = "Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them."; - private string imageUrl = "https://i.imgur.com/eiSTmvO.png"; + private const string pageUrl = RouteConstants.Demos_Images_Documentation; + private const string pageTitle = "Blazor Image"; + private const string pageDescription = "Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them."; + private const string metaTitle = "Blazor Image Component"; + private const string metaDescription = "Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them."; + private const string imageUrl = "https://i.imgur.com/eiSTmvO.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/server/LayoutServerDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/server/LayoutServerDocumentation.razor index 8677bbaf6..894033d53 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/server/LayoutServerDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/server/LayoutServerDocumentation.razor @@ -31,10 +31,12 @@ @code { - private string pageUrl = "/layout-setup/blazor-server"; - private string title = "Blazor Bootstrap Layout Setup - Blazor Server"; - private string description = "High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers."; - private string imageUrl = "https://i.imgur.com/SCbZVd4.jpg"; + private const string pageUrl = "/layout-setup/blazor-server"; + private const string pageTitle = "Blazor Bootstrap Layout Setup - Blazor Server"; + private const string pageDescription = "High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers."; + private const string metaTitle = "Blazor Bootstrap Layout Setup - Blazor Server"; + private const string metaDescription = "High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers."; + private const string imageUrl = "https://i.imgur.com/SCbZVd4.jpg"; private string version = default!; diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/webassembly/LayoutWebAssemblyDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/webassembly/LayoutWebAssemblyDocumentation.razor index fb7fb3834..8c1987108 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/webassembly/LayoutWebAssemblyDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Layout/webassembly/LayoutWebAssemblyDocumentation.razor @@ -31,10 +31,12 @@ @code { - private string pageUrl = "/layout-setup/blazor-webassembly"; - private string title = "Blazor Bootstrap Layout Setup - Blazor WebAssembly"; - private string description = "High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers."; - private string imageUrl = "https://i.imgur.com/SCbZVd4.jpg"; + private const string pageUrl = "/layout-setup/blazor-webassembly"; + private const string pageTitle = "Blazor Bootstrap Layout Setup - Blazor WebAssembly"; + private const string pageDescription = "High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers."; + private const string metaTitle = "Blazor Bootstrap Layout Setup - Blazor WebAssembly"; + private const string metaDescription = "High-performance, lightweight, and responsive blazor bootstrap components in a single package from the developers for the developers."; + private const string imageUrl = "https://i.imgur.com/SCbZVd4.jpg"; private string version = default!; diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor index c09493344..fbb6982bf 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor @@ -60,8 +60,10 @@ @code { - private string pageUrl = "/google-map"; - private string title = "Blazor Google Map Component"; - private string description = "Blazor Bootstrap Google Map component will create maps to show locations anywhere in the world using the Google JavaScript API."; - private string imageUrl = "https://i.imgur.com/AbyDP51.png"; + private const string pageUrl = RouteConstants.Demos_GoogleMap_Documentation; + private const string pageTitle = "Blazor Google Map"; + private const string pageDescription = "Blazor Bootstrap Google Map component will create maps to show locations anywhere in the world using the Google JavaScript API."; + private const string metaTitle = "Blazor Google Map Component"; + private const string metaDescription = "Blazor Bootstrap Google Map component will create maps to show locations anywhere in the world using the Google JavaScript API."; + private const string imageUrl = "https://i.imgur.com/AbyDP51.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Markdown/MarkdownDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Markdown/MarkdownDocumentation.razor index 2a3ca259e..40efc4af5 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Markdown/MarkdownDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Markdown/MarkdownDocumentation.razor @@ -107,8 +107,10 @@ @code{ - private string pageUrl = "/markdown"; - private string title = "Blazor Markdown Component"; - private string description = "Use Blazor Bootstrap Markdown component to add formatting, tables, images, and more to your project pages."; - private string imageUrl = "https://i.imgur.com/FhN1caj.png"; + private const string pageUrl = RouteConstants.Demos_Markdown_Documentation; + private const string pageTitle = "Blazor Markdown"; + private const string pageDescription = "Use Blazor Bootstrap Markdown component to add formatting, tables, images, and more to your project pages."; + private const string metaTitle = "Blazor Markdown Component"; + private const string metaDescription = "Use Blazor Bootstrap Markdown component to add formatting, tables, images, and more to your project pages."; + private const string imageUrl = "https://i.imgur.com/FhN1caj.png"; } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Modal/ModalDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Modal/ModalDocumentation.razor index 8e920f2c1..a3590fbbc 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Modal/ModalDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Modal/ModalDocumentation.razor @@ -65,8 +65,10 @@ @code { - private string pageUrl = "/modals"; - private string title = "Blazor Modal Component"; - private string description = "Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content."; - private string imageUrl = "https://i.imgur.com/aWbURjD.jpg"; + private const string pageUrl = RouteConstants.Demos_Modal_Documentation; + private const string pageTitle = "Blazor Modal"; + private const string pageDescription = "Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content."; + private const string metaTitle = "Blazor Modal Component"; + private const string metaDescription = "Use Blazor Bootstrap modal component to add dialogs to your site for lightboxes, user notifications, or completely custom content."; + private const string imageUrl = "https://i.imgur.com/aWbURjD.jpg"; } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Offcanvas/OffcanvasDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Offcanvas/OffcanvasDocumentation.razor index 1bc8d7c05..cafdb8153 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Offcanvas/OffcanvasDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Offcanvas/OffcanvasDocumentation.razor @@ -59,8 +59,10 @@ @code { - private string pageUrl = "/offcanvas"; - private string title = "Blazor Offcanvas Component"; - private string description = "Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component."; - private string imageUrl = "https://i.imgur.com/1vNz5Ci.jpg"; + private const string pageUrl = RouteConstants.Demos_Offcanvas_Documentation; + private const string pageTitle = "Blazor Offcanvas"; + private const string pageDescription = "Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component."; + private const string metaTitle = "Blazor Offcanvas Component"; + private const string metaDescription = "Build hidden sidebars into your project for navigation, shopping carts, and more with Blazor Bootstrap offcanvas component."; + private const string imageUrl = "https://i.imgur.com/1vNz5Ci.jpg"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Pagination/PaginationDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Pagination/PaginationDocumentation.razor index f7f4114fc..336602e9b 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Pagination/PaginationDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Pagination/PaginationDocumentation.razor @@ -32,8 +32,10 @@ @code { - private string pageUrl = "/pagination"; - private string title = "Blazor Pagination Component"; - private string description = "Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages."; - private string imageUrl = "https://i.imgur.com/SCbZVd4.jpg"; + private const string pageUrl = RouteConstants.Demos_Pagination_Documentation; + private const string pageTitle = "Blazor Pagination"; + private const string pageDescription = "Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages."; + private const string metaTitle = "Blazor Pagination Component"; + private const string metaDescription = "Use Blazor Bootstrap pagination component to indicate a series of related content exists across multiple pages."; + private const string imageUrl = "https://i.imgur.com/SCbZVd4.jpg"; } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor index 3faed9e59..de59e1db3 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor @@ -28,8 +28,10 @@ @code { - private string pageUrl = "/pdf-viewer"; - private string title = "Blazor PDF Viewer Component"; - private string description = "The Blazor PDF Viewer component allows users to view PDF files directly in the browser, without relying on third-party browser tools or extensions."; - private string imageUrl = "https://i.imgur.com/7Vz9Efi.png"; + private const string pageUrl = RouteConstants.Demos_PDFViewer_Documentation; + private const string pageTitle = "Blazor PDF Viewer"; + private const string pageDescription = "The Blazor PDF Viewer component allows users to view PDF files directly in the browser, without relying on third-party browser tools or extensions."; + private const string metaTitle = "Blazor PDF Viewer Component"; + private const string metaDescription = "The Blazor PDF Viewer component allows users to view PDF files directly in the browser, without relying on third-party browser tools or extensions."; + private const string imageUrl = "https://i.imgur.com/7Vz9Efi.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Placeholders/PlaceholderDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Placeholders/PlaceholderDocumentation.razor index 15b324458..344571750 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Placeholders/PlaceholderDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Placeholders/PlaceholderDocumentation.razor @@ -36,8 +36,10 @@ @code { - private string pageUrl = "/placeholders"; - private string title = "Blazor Placeholder Component"; - private string description = "Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading."; - private string imageUrl = "https://i.imgur.com/JcLisSd.png"; + private const string pageUrl = RouteConstants.Demos_Placeholders_Documentation; + private const string pageTitle = "Blazor Placeholder"; + private const string pageDescription = "Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading."; + private const string metaTitle = "Blazor Placeholder Component"; + private const string metaDescription = "Use Blazor Bootstrap loading placeholders for your components or pages to indicate something may still be loading."; + private const string imageUrl = "https://i.imgur.com/JcLisSd.png"; } \ No newline at end of file diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Preload/PreloadDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Preload/PreloadDocumentation.razor index 9f639f8e9..d4c170d75 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Preload/PreloadDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Preload/PreloadDocumentation.razor @@ -39,10 +39,12 @@ @code { - private string pageUrl = "/preload"; - private string title = "Blazor Preload Component"; - private string description = "Indicate the loading state of a page with Blazor Bootstrap preload component."; - private string imageUrl = "https://i.imgur.com/2cPuqFa.png"; + private const string pageUrl = RouteConstants.Demos_Preload_Documentation; + private const string pageTitle = "Blazor Preload"; + private const string pageDescription = "Indicate the loading state of a page with Blazor Bootstrap preload component."; + private const string metaTitle = "Blazor Preload Component"; + private const string metaDescription = "Indicate the loading state of a page with Blazor Bootstrap preload component."; + private const string imageUrl = "https://i.imgur.com/2cPuqFa.png"; [Inject] PreloadService PreloadService { get; set; } = default!; diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Progress/ProgressDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Progress/ProgressDocumentation.razor index 10efb94cc..f61be1bb3 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Progress/ProgressDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Progress/ProgressDocumentation.razor @@ -50,8 +50,10 @@ @code { - private string pageUrl = "/progress"; - private string title = "Blazor Progress Component"; - private string description = "Documentation and examples for using Blazor Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels."; - private string imageUrl = "https://i.imgur.com/MK142lQ.png"; + private const string pageUrl = RouteConstants.Demos_Progress_Documentation; + private const string pageTitle = "Blazor Progress"; + private const string pageDescription = "Documentation and examples for using Blazor Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels."; + private const string metaTitle = "Blazor Progress Component"; + private const string metaDescription = "Documentation and examples for using Blazor Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels."; + private const string imageUrl = "https://i.imgur.com/MK142lQ.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Ribbon/RibbonDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Ribbon/RibbonDocumentation.razor index aeb4e79b8..52132afaf 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Ribbon/RibbonDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Ribbon/RibbonDocumentation.razor @@ -24,8 +24,10 @@ @code { - private string pageUrl = "/ribbon"; - private string title = "Blazor Ribbon Component"; - private string description = "Documentation and examples for using the Blazor Bootstrap Ribbon component."; - private string imageUrl = "https://i.imgur.com/LpZVLbF.png"; + private const string pageUrl = RouteConstants.Demos_Ribbon_Documentation; + private const string pageTitle = "Blazor Ribbon"; + private const string pageDescription = "Documentation and examples for using the Blazor Bootstrap Ribbon component."; + private const string metaTitle = "Blazor Ribbon Component"; + private const string metaDescription = "Documentation and examples for using the Blazor Bootstrap Ribbon component."; + private const string imageUrl = "https://i.imgur.com/LpZVLbF.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/ScriptLoader/ScriptLoaderDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/ScriptLoader/ScriptLoaderDocumentation.razor index 26906a402..473bcfa1c 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/ScriptLoader/ScriptLoaderDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/ScriptLoader/ScriptLoaderDocumentation.razor @@ -52,8 +52,10 @@ @code { - private string pageUrl = "/script-loader"; - private string title = "Blazor ScriptLoader Component"; - private string description = "Documentation and examples for using the Blazor Bootstrap ScriptLoader component."; - private string imageUrl = "https://i.imgur.com/sBiYPeQ.png"; + private const string pageUrl = RouteConstants.Demos_ScriptLoader_Documentation; + private const string pageTitle = "Blazor ScriptLoader"; + private const string pageDescription = "Documentation and examples for using the Blazor Bootstrap ScriptLoader component."; + private const string metaTitle = "Blazor ScriptLoader Component"; + private const string metaDescription = "Documentation and examples for using the Blazor Bootstrap ScriptLoader component."; + private const string imageUrl = "https://i.imgur.com/sBiYPeQ.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Services/ModalService/ModalServiceDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Services/ModalService/ModalServiceDocumentation.razor index a2a51f91d..3b1b6ecb9 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Services/ModalService/ModalServiceDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Services/ModalService/ModalServiceDocumentation.razor @@ -1,4 +1,6 @@ -@attribute [Route(pageUrl)] +@page "/modal-service" + +@attribute [Route(pageUrl)] @code { - private string pageUrl = "/modal-service"; - private string title = "Blazor Modal Service"; - private string description = "Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content."; - private string imageUrl = "https://i.imgur.com/Tze7msN.png"; + private const string pageUrl = RouteConstants.Demos_ModalService_Documentation; + private const string pageTitle = "Blazor Modal Service"; + private const string pageDescription = "Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content."; + private const string metaTitle = "Blazor Modal Service"; + private const string metaDescription = "Use Blazor Bootstrap modal service to show quick dialogs to your site for lightboxes, user notifications, or completely custom content."; + private const string imageUrl = "https://i.imgur.com/Tze7msN.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar/SidebarDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar/SidebarDocumentation.razor index d963ff954..c7b1e687b 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar/SidebarDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar/SidebarDocumentation.razor @@ -56,8 +56,10 @@ @code { - private string pageUrl = "/sidebar"; - private string title = "Blazor Sidebar Component"; - private string description = "Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content."; - private string imageUrl = "https://i.imgur.com/d91Q9Zt.png"; + private const string pageUrl = RouteConstants.Demos_Sidebar_Documentation; + private const string pageTitle = "Blazor Sidebar"; + private const string pageDescription = "Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content."; + private const string metaTitle = "Blazor Sidebar Component"; + private const string metaDescription = "Use the Blazor Bootstrap Sidebar component to show consistent cross-browser, responsive and cross-device navigation links, additional information, or other content."; + private const string imageUrl = "https://i.imgur.com/d91Q9Zt.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar2/Sidebar2Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar2/Sidebar2Documentation.razor index f0eccbc44..8b282c553 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar2/Sidebar2Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Sidebar2/Sidebar2Documentation.razor @@ -40,8 +40,10 @@ @code { - private string pageUrl = "sidebar2"; - private string title = "Blazor Sidebar2 Component"; - private string description = "Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels."; - private string imageUrl = "https://i.imgur.com/U0l6wXo.png"; + private const string pageUrl = RouteConstants.Demos_Sidebar2_Documentation; + private const string pageTitle = "Blazor Sidebar2"; + private const string pageDescription = "Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels."; + private const string metaTitle = "Blazor Sidebar2 Component"; + private const string metaDescription = "Use the Blazor Bootstrap Sidebar2 component to display consistent, cross-browser, and responsive navigation links that support more than two nested levels."; + private const string imageUrl = "https://i.imgur.com/U0l6wXo.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/SortableList/SortableListDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/SortableList/SortableListDocumentation.razor index ed48e0d04..c38c3b00d 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/SortableList/SortableListDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/SortableList/SortableListDocumentation.razor @@ -72,8 +72,10 @@ @code { - private string pageUrl = "/sortable-list"; - private string title = "Blazor Sortable List Component"; - private string description = "The Blazor Bootstrap Sortable List component, built on top of SortableJS, enables drag-and-drop reordering of lists."; - private string imageUrl = "https://i.imgur.com/bfzP8Yi.png"; + private const string pageUrl = RouteConstants.Demos_SortableList_Documentation; + private const string pageTitle = "Blazor Sortable List"; + private const string pageDescription = "The Blazor Bootstrap Sortable List component, built on top of SortableJS, enables drag-and-drop reordering of lists."; + private const string metaTitle = "Blazor Sortable List Component"; + private const string metaDescription = "The Blazor Bootstrap Sortable List component, built on top of SortableJS, enables drag-and-drop reordering of lists."; + private const string imageUrl = "https://i.imgur.com/bfzP8Yi.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Spinners/SpinnersDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Spinners/SpinnersDocumentation.razor index 8954cfb60..30ce7e853 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Spinners/SpinnersDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Spinners/SpinnersDocumentation.razor @@ -57,8 +57,10 @@ @code{ - private string pageUrl = "/spinner"; - private string title = "Blazor Spinner Component"; - private string description = "Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component."; - private string imageUrl = "https://i.imgur.com/G4wyEd6.png"; + private const string pageUrl = RouteConstants.Demos_Spinners_Documentation; + private const string pageTitle = "Blazor Spinner"; + private const string pageDescription = "Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component."; + private const string metaTitle = "Blazor Spinner Component"; + private const string metaDescription = "Visualize the loading state of a component or page using the Blazor Bootstrap Spinner component."; + private const string imageUrl = "https://i.imgur.com/G4wyEd6.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Tabs/TabsDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Tabs/TabsDocumentation.razor index db1733544..30857e135 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Tabs/TabsDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Tabs/TabsDocumentation.razor @@ -108,8 +108,10 @@ @code { - private string pageUrl = "/tabs"; - private string title = "Blazor Tabs Component"; - private string description = "Documentation and examples for using Blazor Bootstrap Tabs components."; - private string imageUrl = "https://i.imgur.com/ranwriJ.png"; + private const string pageUrl = RouteConstants.Demos_Tabs_Documentation; + private const string pageTitle = "Blazor Tabs"; + private const string pageDescription = "Documentation and examples for using Blazor Bootstrap Tabs components."; + private const string metaTitle = "Blazor Tabs Component"; + private const string metaDescription = "Documentation and examples for using Blazor Bootstrap Tabs components."; + private const string imageUrl = "https://i.imgur.com/ranwriJ.png"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor index b78648cc7..2c4461d8d 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Toasts/ToastsDocumentation.razor @@ -53,8 +53,10 @@ @code { - private string pageUrl = "/toasts"; - private string title = "Blazor Toasts Component"; - private string description = "Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap alert message."; - private string imageUrl = "https://i.imgur.com/VRglJqU.jpg"; + private const string pageUrl = RouteConstants.Demos_Toasts_Documentation; + private const string pageTitle = "Blazor Toasts"; + private const string pageDescription = "Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap alert message."; + private const string metaTitle = "Blazor Toasts Component"; + private const string metaDescription = "Push notifications to your visitors with a toast, a lightweight and easily customizable Blazor Bootstrap alert message."; + private const string imageUrl = "https://i.imgur.com/VRglJqU.jpg"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Tooltips/TooltipsDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Tooltips/TooltipsDocumentation.razor index 838a48291..6e5788273 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Tooltips/TooltipsDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Tooltips/TooltipsDocumentation.razor @@ -47,8 +47,10 @@ @code { - private string pageUrl = "/tooltips"; - private string title = "Blazor Tooltip Component"; - private string description = "Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages."; - private string imageUrl = "https://i.imgur.com/PGlmZS3.jpg"; + private const string pageUrl = RouteConstants.Demos_Tooltips_Documentation; + private const string pageTitle = "Blazor Tooltip"; + private const string pageDescription = "Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages."; + private const string metaTitle = "Blazor Tooltip Component"; + private const string metaDescription = "Use Blazor Bootstrap tooltip component to add custom tooltips to your web pages."; + private const string imageUrl = "https://i.imgur.com/PGlmZS3.jpg"; } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Utils/ColorUtil/ColorUtilDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Utils/ColorUtil/ColorUtilDocumentation.razor index 8411a49c3..983730563 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Utils/ColorUtil/ColorUtilDocumentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Utils/ColorUtil/ColorUtilDocumentation.razor @@ -22,8 +22,10 @@ @code { - private string pageUrl = "/utils/color-utility"; - private string title = "Blazor Bootstrap Color Utils"; - private string description = "For data visualization, you can use the predefined palettes ColorBuilder.CategoricalTwelveColors for a 12-color palette and ColorBuilder.CategoricalSixColors for a 6-color palette. These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations."; - private string imageUrl = "https://i.imgur.com/VRglJqU.jpg"; // TODO: update this + private const string pageUrl = RouteConstants.Demos_ColorUtils_Documentation; + private const string pageTitle = "Blazor Bootstrap Color Utils"; + private const string pageDescription = "For data visualization, you can use the predefined palettes ColorBuilder.CategoricalTwelveColors for a 12-color palette and ColorBuilder.CategoricalSixColors for a 6-color palette. These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations."; + private const string metaTitle = "Blazor Bootstrap Color Utils"; + private const string metaDescription = "For data visualization, you can use the predefined palettes ColorBuilder.CategoricalTwelveColors for a 12-color palette and ColorBuilder.CategoricalSixColors for a 6-color palette. These palettes offer a range of distinct and visually appealing colors that can be applied to represent different categories or data elements in your visualizations."; + private const string imageUrl = "https://i.imgur.com/VRglJqU.jpg"; // TODO: update this } diff --git a/BlazorBootstrap.Demo.RCL/Constants/RouteConstants.cs b/BlazorBootstrap.Demo.RCL/Constants/RouteConstants.cs index 59aef9205..077fae2a8 100644 --- a/BlazorBootstrap.Demo.RCL/Constants/RouteConstants.cs +++ b/BlazorBootstrap.Demo.RCL/Constants/RouteConstants.cs @@ -4,10 +4,13 @@ public static class RouteConstants { public const string Blog_Prefix = "/blog"; public const string Docs_Prefix = "/docs"; - public const string Demos_Prefix = "/demos"; + public const string Demos_Prefix = ""; #region Demos + // Getting Started + public const string Demos_GettingStarted_Documentation = Demos_Prefix + "/getting-started"; + // AI public const string Demos_AI_Prefix = Demos_Prefix + "/ai"; public const string Demos_AI_Chat_Documentation = Demos_AI_Prefix + "/open-ai-chat"; @@ -90,7 +93,8 @@ public static class RouteConstants public const string Demos_ScatterChart_Documentation = Demos_Charts_Prefix + "/scatter-chart"; // Services - public const string Demos_ModalService_Documentation = Demos_Prefix + "/modal-service"; + public const string Demos_Services_Prefix = Demos_Prefix + "/services"; + public const string Demos_ModalService_Documentation = Demos_Services_Prefix + "/modal-service"; // Utilities public const string Demos_Utils_Prefix = Demos_Prefix + "/utils";