Added progress block

src/DragonFly.BlockField.Razor/Extensions/DragonFlyBuilderExtensions.cs

@@ -32,6 +32,7 @@ public static IDragonFlyBuilder AddBlockField(this IDragonFlyBuilder builder)
             api.RegisterBlock<ReferenceBlock, ReferenceBlockView>();
             api.RegisterBlock<ContainerBlock, ContainerBlockView>();
             api.RegisterBlock<AlertBlock, AlertBlockView>();
+            api.RegisterBlock<ProgressBlock, ProgressBlockView>();
 
             api.RegisterBlock<UnknownBlock, UnknownBlockView>();
         });

src/DragonFly.BlockField.Razor/Pages/Blocks/AlertBlockView.razor

@@ -2,7 +2,7 @@
 
 <div class="alert-block">
     <div class="mb-3">
-        <EnumView TEnum="AlertType" @bind-EnumValue="@Block.AlertType" />
+        <EnumView TEnum="ColorType" @bind-EnumValue="@Block.ColorType" />
     </div>
     <BlocksView Blocks="Block.Blocks" />
 </div>

src/DragonFly.BlockField.Razor/Pages/Blocks/ProgressBlockView.razor

@@ -0,0 +1,11 @@
+@inherits BlockComponent<ProgressBlock>
+
+<div class="progess-block">
+    <div class="input-group">
+        <EnumView TEnum="ColorType" @bind-EnumValue="@Block.ColorType" />
+        <input class="form-control" type="number" @bind="@Block.Value" min="0" max="100" step="1" />
+        @*<div class="progress">
+            <div class="progress-bar bg-success" role="progressbar"  style="width: @(Block.Value)%"></div>
+        </div>*@
+    </div>    
+</div>

src/DragonFly.BlockField/BlockFieldManagerExtensions.cs

@@ -21,6 +21,7 @@ public static void AddDefaults(this BlockFieldManager manager)
         manager.Add<ReferenceBlock>();
         manager.Add<ContainerBlock>();
         manager.Add<AlertBlock>();
+        manager.Add<ProgressBlock>();
 
         manager.Add<UnknownBlock>();
     }

src/DragonFly.BlockField/Blocks/AlertBlock.cs

@@ -11,15 +11,15 @@ public class AlertBlock : Block, IChildBlocks
 {
     public AlertBlock()
     {
-        AlertType = AlertType.Info;
+        ColorType = ColorType.Info;
         Blocks = new List<Block>();
     }
 
     public override string CssIcon => "fa-solid fa-circle-info";
 
     public IList<Block> Blocks { get; set; }
 
-    public AlertType AlertType { get; set; }
+    public ColorType ColorType { get; set; }
 
     public IEnumerable<Block> GetBlocks()
     {

src/DragonFly.BlockField/Blocks/AlertType.cs → src/DragonFly.BlockField/Blocks/ColorType.cs

@@ -10,7 +10,7 @@
 
 namespace DragonFly.BlockField;
 
-public enum AlertType
+public enum ColorType
 {
     Primary,
     Secondary,

src/DragonFly.BlockField/Blocks/ProgressBlock.cs

@@ -0,0 +1,17 @@
+// Copyright (c) usercode
+// https://github.com/usercode/DragonFly
+// MIT License
+
+namespace DragonFly.BlockField;
+
+/// <summary>
+/// ProgressBlock
+/// </summary>
+public class ProgressBlock : Block
+{
+    public override string CssIcon => "fa-solid fa-bars-progress";
+
+    public int? Value { get; set; }
+
+    public ColorType ColorType { get; set; }
+}

src/DragonFlyTemplate/Extensions/DragonFlyTypesExtensions.cs

@@ -8,18 +8,18 @@ namespace DragonFly.AspNetCore;
 
 public static class DragonFlyTypesExtensions
 {
-    public static string ToBootstrapCssClass(this AlertType alertType)
+    public static string ToBootstrapCssClass(this ColorType alertType)
     {
         return alertType switch
         {
-            AlertType.Primary => "alert-primary",
-            AlertType.Secondary => "alert alert-secondary",
-            AlertType.Success => "alert-success",
-            AlertType.Danger => "alert-danger",
-            AlertType.Warning => "alert-warning",
-            AlertType.Info => "alert-info",
-            AlertType.Light => "alert-light",
-            AlertType.Dark => "alert-dark",
+            ColorType.Primary => "primary",
+            ColorType.Secondary => "secondary",
+            ColorType.Success => "success",
+            ColorType.Danger => "danger",
+            ColorType.Warning => "warning",
+            ColorType.Info => "info",
+            ColorType.Light => "light",
+            ColorType.Dark => "dark",
             _ => string.Empty
         };
     }

src/DragonFlyTemplate/Pages/DisplayTemplates/AlertBlock.cshtml

@@ -3,7 +3,7 @@
 @if (Model.Blocks.Any())
 {
     <div class="block alert-block">
-        <div class="alert @Model.AlertType.ToBootstrapCssClass()">
+        <div class="alert alert-@Model.ColorType.ToBootstrapCssClass()">
             @Html.DisplayFor(m => Model.Blocks)
         </div>
     </div>

src/DragonFlyTemplate/Pages/DisplayTemplates/ProgressBlock.cshtml

@@ -0,0 +1,7 @@
+@model ProgressBlock
+
+<div class="block progress-block">
+    <div class="progress">
+        <div class="progress-bar bg-@(Model.ColorType.ToBootstrapCssClass())" role="progressbar" style="width: @(Model.Value)%" aria-valuenow="@Model.Value" aria-valuemin="0" aria-valuemax="100">@(Model.Value)%</div>
+    </div>
+</div>

src/DragonFlyTemplate/assets/scss/type.scss

@@ -100,4 +100,8 @@ article {
     top: 1rem;    
     font-size: 0.8rem;
 
+}
+
+.progress {
+    height: 1.5rem;
 }

src/DragonFlyTemplate/wwwroot/assets/css/style.css

@@ -83,6 +83,10 @@ article .post-meta strong {
   font-size: 0.8rem;
 }
 
+.progress {
+  height: 1.5rem;
+}
+
 img {
   max-width: 100%;
   max-height: 100%;