Added ColorField

src/DragonFly.Core/ContentItems/ContentItemDragonFlyApiExtensions.cs

@@ -30,6 +30,7 @@ public static ContentFieldManager AddDefaults(this ContentFieldManager manager)
         manager.Add<TextField>();
         manager.Add<XHtmlField>();
         manager.Add<XmlField>();
+        manager.Add<ColorField>();
 
         return manager;
     }

src/DragonFly.Core/ContentItems/Models/Fields/Base/ColorField.cs

@@ -0,0 +1,11 @@
+// Copyright (c) usercode
+// https://github.com/usercode/DragonFly
+// MIT License
+
+namespace DragonFly;
+
+[FieldOptions(typeof(ColorFieldOptions))]
+public class ColorField : TextBaseField
+{
+
+}

src/DragonFly.Core/ContentItems/Models/Fields/Base/ColorFieldOptions.cs

@@ -0,0 +1,18 @@
+// Copyright (c) usercode
+// https://github.com/usercode/DragonFly
+// MIT License
+
+namespace DragonFly;
+
+public class ColorFieldOptions : ContentFieldOptions
+{
+    public ColorFieldOptions()
+    {
+
+    }
+
+    public override IContentField CreateContentField()
+    {
+        return new ColorField();
+    }
+}

src/DragonFly.Razor/Modules/ContentModule.cs

@@ -38,5 +38,6 @@ public override void Init(IDragonFlyApi api)
         api.RegisterField<HtmlField, HtmlFieldView>();
         api.RegisterField<XHtmlField, XHtmlFieldView>();
         api.RegisterField<XmlField, XmlFieldView>();
+        api.RegisterField<ColorField, ColorFieldView>();
     }
 }

src/DragonFly.Razor/Pages/ContentItems/Fields/ColorFieldView.razor

@@ -0,0 +1,9 @@
+@inherits FieldComponent<ColorField, ColorFieldOptions>
+
+<div class="color-field">    
+    <div class="input-group">
+        <span class="input-group-text">@Field.Value</span>
+        <BSInput InputType="InputType.Color" @bind-Value="Field.Value" />
+        <BSButton Color="BSColor.Light" title="Clear" OnClick="x => Field.Value = null"><i class="fas fa-times"></i></BSButton>
+    </div>
+</div>