New controls for mobile devices with labels inset

grantcolley · Oct 10, 2022 · 5dbced9 · 5dbced9
1 parent 1dc33c2
commit 5dbced9
Show file tree

Hide file tree

Showing 32 changed files with 1,271 additions and 4 deletions.
diff --git a/....Blazor.Controls/Components/OptionBase.cs → ...eadway.Blazor.Controls/Base/OptionBase.cs b/....Blazor.Controls/Components/OptionBase.cs → ...eadway.Blazor.Controls/Base/OptionBase.cs
@@ -3,7 +3,6 @@
 using Headway.Core.Helpers;
 using Headway.Core.Model;
 using Headway.Core.Notifications;
-using Headway.Blazor.Controls.Base;
 using Headway.RequestApi.Requests;
 using MediatR;
 using Microsoft.AspNetCore.Components;
@@ -13,7 +12,7 @@
 using System.Linq.Expressions;
 using System.Threading.Tasks;
 
-namespace Headway.Blazor.Controls.Components
+namespace Headway.Blazor.Controls.Base
 {
     [DynamicComponent]
     public abstract class OptionBase : DynamicComponentBase
@@ -59,7 +58,7 @@ protected override async Task OnInitializedAsync()
 
             var arg = ComponentArgHelper.GetArg(ComponentArgs, Options.OPTIONS_CODE);
 
-            if(arg == null)
+            if (arg == null)
             {
                 options = ComponentArgs
                     .Select(a => new OptionItem { Id = a.Name, Display = a.Value.ToString() })
@@ -84,7 +83,7 @@ protected override async Task OnParametersSetAsync()
                 options = new List<OptionItem>(optionItems);
             }
 
-            await OnInitializedAsync().ConfigureAwait(false);   
+            await OnInitializedAsync().ConfigureAwait(false);
         }
     }
 }
diff --git a/src/Headway.Blazor.Controls/Components/Mobile/Checkbox.razor b/src/Headway.Blazor.Controls/Components/Mobile/Checkbox.razor
@@ -0,0 +1,25 @@
+@using Headway.Core.Dynamic
+@using Headway.Core.Model
+@using Microsoft.AspNetCore.Components.Forms
+@using System.Reflection
+@using System.Linq.Expressions
+
+@inherits CheckboxBase
+
+<div class="mb-1">
+    <div class="row">
+        <div class="col-sm-4">
+            @if(string.IsNullOrWhiteSpace(Field.Tooltip))
+            {
+                <MudCheckBox T="bool" @bind-Checked="PropertyValue" Label="@Field.Label" />
+            }
+            else
+            {
+                 <MudTooltip Text="@Field.Tooltip" Placement="Placement.Top">
+                    <MudCheckBox T="bool" @bind-Checked="PropertyValue" Label="@Field.Label" />
+                 </MudTooltip>    
+            }
+        </div>
+        <div class="col-sm-8"></div>
+    </div>
+</div>
diff --git a/src/Headway.Blazor.Controls/Components/Mobile/Checkbox.razor.cs b/src/Headway.Blazor.Controls/Components/Mobile/Checkbox.razor.cs
@@ -0,0 +1,21 @@
+using Headway.Core.Attributes;
+using Headway.Blazor.Controls.Base;
+
+namespace Headway.Blazor.Controls.Components.Mobile
+{
+    [DynamicComponent]
+    public abstract class CheckboxBase : DynamicComponentBase
+    {
+        public bool PropertyValue
+        {
+            get
+            {
+                return (bool)Field.PropertyInfo.GetValue(Field.Model);
+            }
+            set
+            {
+                Field.PropertyInfo.SetValue(Field.Model, value);
+            }
+        }
+    }
+}
diff --git a/src/Headway.Blazor.Controls/Components/Mobile/CheckboxNullable.razor b/src/Headway.Blazor.Controls/Components/Mobile/CheckboxNullable.razor
@@ -0,0 +1,25 @@
+@using Headway.Core.Dynamic
+@using Headway.Core.Model
+@using Microsoft.AspNetCore.Components.Forms
+@using System.Reflection
+@using System.Linq.Expressions
+
+@inherits CheckboxNullableBase
+
+<div class="mb-1">
+    <div class="row">
+        <div class="col-sm-4">
+            @if(string.IsNullOrWhiteSpace(Field.Tooltip))
+            {
+                <MudCheckBox T="bool?" @bind-Checked="PropertyValue" Label="@Field.Label" />
+            }
+            else
+            {
+                 <MudTooltip Text="@Field.Tooltip" Placement="Placement.Top">
+                    <MudCheckBox T="bool?" @bind-Checked="PropertyValue" Label="@Field.Label" />
+                 </MudTooltip>    
+            }
+        </div>
+        <div class="col-sm-8"></div>
+    </div>
+</div>
diff --git a/src/Headway.Blazor.Controls/Components/Mobile/CheckboxNullable.razor.cs b/src/Headway.Blazor.Controls/Components/Mobile/CheckboxNullable.razor.cs
@@ -0,0 +1,21 @@
+using Headway.Core.Attributes;
+using Headway.Blazor.Controls.Base;
+
+namespace Headway.Blazor.Controls.Components.Mobile
+{
+    [DynamicComponent]
+    public abstract class CheckboxNullableBase : DynamicComponentBase
+    {
+        public bool? PropertyValue
+        {
+            get
+            {
+                return (bool?)Field.PropertyInfo.GetValue(Field.Model);
+            }
+            set
+            {
+                Field.PropertyInfo.SetValue(Field.Model, value);
+            }
+        }
+    }
+}
diff --git a/src/Headway.Blazor.Controls/Components/Mobile/Date.razor b/src/Headway.Blazor.Controls/Components/Mobile/Date.razor
@@ -0,0 +1,27 @@
+@using Headway.Core.Dynamic
+@using Headway.Core.Model
+@using Microsoft.AspNetCore.Components.Forms
+@using System.Reflection
+@using System.Linq.Expressions
+
+@inherits DateBase
+
+<div class="mb-1">
+    <div class="row">
+        <div class="col-sm-4">
+            @if(string.IsNullOrWhiteSpace(Field.Tooltip))
+            {
+                <MudTextField T="DateTime" @bind-Value="@PropertyValue" For="FieldExpression" Format="yyyy-MM-dd"
+                          Variant="Variant.Outlined" InputType="InputType.Date" Label="@Field.Label" />
+            }
+            else
+            {
+                <MudTooltip Text="@Field.Tooltip" Placement="Placement.Top">
+                    <MudTextField T="DateTime" @bind-Value="@PropertyValue" For="FieldExpression" Format="yyyy-MM-dd"
+                              Variant="Variant.Outlined" InputType="InputType.Date" Label="@Field.Label" />
+                </MudTooltip>   
+            }
+        </div>
+        <div class="col-sm-8" />
+    </div>
+</div>
diff --git a/src/Headway.Blazor.Controls/Components/Mobile/Date.razor.cs b/src/Headway.Blazor.Controls/Components/Mobile/Date.razor.cs
@@ -0,0 +1,32 @@
+using Headway.Core.Attributes;
+using Headway.Blazor.Controls.Base;
+using Microsoft.AspNetCore.Components;
+using System;
+using System.Linq.Expressions;
+
+namespace Headway.Blazor.Controls.Components.Mobile
+{
+    [DynamicComponent]
+    public abstract class DateBase : DynamicComponentBase
+    {
+        public Expression<Func<DateTime>> FieldExpression
+        {
+            get
+            {
+                return Expression.Lambda<Func<DateTime>>(Field.MemberExpression);
+            }
+        }
+
+        public DateTime PropertyValue
+        {
+            get
+            {
+                return (DateTime)Field.PropertyInfo.GetValue(Field.Model);
+            }
+            set
+            {
+                Field.PropertyInfo.SetValue(Field.Model, value);
+            }
+        }
+    }
+}
diff --git a/src/Headway.Blazor.Controls/Components/Mobile/DateNullable.razor b/src/Headway.Blazor.Controls/Components/Mobile/DateNullable.razor
@@ -0,0 +1,27 @@
+@using Headway.Core.Dynamic
+@using Headway.Core.Model
+@using Microsoft.AspNetCore.Components.Forms
+@using System.Reflection
+@using System.Linq.Expressions
+
+@inherits DateNullableBase
+
+<div class="mb-1">
+    <div class="row">
+        <div class="col-sm-4">
+            @if(string.IsNullOrWhiteSpace(Field.Tooltip))
+            {
+                <MudTextField T="DateTime?" @bind-Value="@PropertyValue" For="FieldExpression" Format="yyyy-MM-dd"
+                          Variant="Variant.Outlined" InputType="InputType.Date" Label="@Field.Label" />
+            }
+            else
+            {
+                <MudTooltip Text="@Field.Tooltip" Placement="Placement.Top">
+                    <MudTextField T="DateTime?" @bind-Value="@PropertyValue" For="FieldExpression" Format="yyyy-MM-dd"
+                              Variant="Variant.Outlined" InputType="InputType.Date" Label="@Field.Label" />
+                </MudTooltip>   
+            }
+        </div>
+        <div class="col-sm-8" />
+    </div>
+</div>
diff --git a/src/Headway.Blazor.Controls/Components/Mobile/DateNullable.razor.cs b/src/Headway.Blazor.Controls/Components/Mobile/DateNullable.razor.cs
@@ -0,0 +1,32 @@
+using Headway.Core.Attributes;
+using Headway.Blazor.Controls.Base;
+using Microsoft.AspNetCore.Components;
+using System;
+using System.Linq.Expressions;
+
+namespace Headway.Blazor.Controls.Components.Mobile
+{
+    [DynamicComponent]
+    public abstract class DateNullableBase : DynamicComponentBase
+    {
+        public Expression<Func<DateTime?>> FieldExpression
+        {
+            get
+            {
+                return Expression.Lambda<Func<DateTime?>>(Field.MemberExpression);
+            }
+        }
+
+        public DateTime? PropertyValue
+        {
+            get
+            {
+                return (DateTime?)Field.PropertyInfo.GetValue(Field.Model);
+            }
+            set
+            {
+                Field.PropertyInfo.SetValue(Field.Model, value);
+            }
+        }
+    }
+}
diff --git a/src/Headway.Blazor.Controls/Components/Mobile/Decimal.razor b/src/Headway.Blazor.Controls/Components/Mobile/Decimal.razor
@@ -0,0 +1,27 @@
+@using Headway.Core.Dynamic
+@using Headway.Core.Model
+@using Microsoft.AspNetCore.Components.Forms
+@using System.Reflection
+@using System.Linq.Expressions
+
+@inherits DecimalBase
+
+<div class="mb-1">
+    <div class="row">
+        <div class="col-sm-4">
+            @if(string.IsNullOrWhiteSpace(Field.Tooltip))
+            {
+                <MudNumericField @bind-Value="@PropertyValue" MaxLength="@MaxLength" Min="@Min" Max="@Max"
+                             For="FieldExpression" Variant="Variant.Outlined" Label="@Field.Label" />
+            }
+            else
+            {
+                <ComponentTip Text="@Field.Tooltip">
+                    <MudNumericField @bind-Value="@PropertyValue" MaxLength="@MaxLength" Min="@Min" Max="@Max"
+                                 For="FieldExpression" Variant="Variant.Outlined" Label="@Field.Label" />
+                </ComponentTip>    
+            }
+        </div>
+        <div class="col-sm-8" />
+    </div>
+</div>
diff --git a/src/Headway.Blazor.Controls/Components/Mobile/Decimal.razor.cs b/src/Headway.Blazor.Controls/Components/Mobile/Decimal.razor.cs
@@ -0,0 +1,77 @@
+using Headway.Core.Attributes;
+using Headway.Core.Constants;
+using Headway.Core.Helpers;
+using Headway.Blazor.Controls.Base;
+using Microsoft.AspNetCore.Components;
+using System;
+using System.Linq.Expressions;
+using System.Threading.Tasks;
+
+namespace Headway.Blazor.Controls.Components.Mobile
+{
+    [DynamicComponent]
+    public abstract class DecimalBase : DynamicComponentBase
+    {
+        protected string format = string.Empty;
+        protected int? maxLength = null;
+        protected decimal? min = null;
+        protected decimal? max = null;
+
+        protected override Task OnInitializedAsync()
+        {
+            var formatArg = ComponentArgHelper.GetArg(ComponentArgs, Args.FORMAT);
+
+            if (formatArg != null)
+            {
+                format = formatArg.Value;
+            }
+
+            var maxLengthArg = ComponentArgHelper.GetArg(ComponentArgs, Args.MAX_LENGTH);
+
+            if (maxLengthArg != null)
+            {
+                maxLength = int.Parse(maxLengthArg.Value);
+            }
+
+            var minArg = ComponentArgHelper.GetArg(ComponentArgs, Args.MIN);
+
+            if (minArg != null)
+            {
+                min = decimal.Parse(minArg.Value);
+            }
+
+            var maxArg = ComponentArgHelper.GetArg(ComponentArgs, Args.MAX);
+
+            if (maxArg != null)
+            {
+                max = decimal.Parse(maxArg.Value);
+            }
+
+            return base.OnInitializedAsync();
+        }
+
+        public int MaxLength { get { return maxLength.HasValue ? maxLength.Value : int.MaxValue; } }
+        public decimal Max { get { return max ?? decimal.MaxValue; } }
+        public decimal Min { get { return min ?? decimal.MinValue; } }
+
+        public Expression<Func<decimal>> FieldExpression
+        {
+            get
+            {
+                return Expression.Lambda<Func<decimal>>(Field.MemberExpression);
+            }
+        }
+
+        public decimal PropertyValue
+        {
+            get
+            {
+                return (decimal)Field.PropertyInfo.GetValue(Field.Model);
+            }
+            set
+            {
+                Field.PropertyInfo.SetValue(Field.Model, value);
+            }
+        }
+    }
+}
diff --git a/src/Headway.Blazor.Controls/Components/Mobile/DecimalNullable.razor b/src/Headway.Blazor.Controls/Components/Mobile/DecimalNullable.razor
@@ -0,0 +1,27 @@
+@using Headway.Core.Dynamic
+@using Headway.Core.Model
+@using Microsoft.AspNetCore.Components.Forms
+@using System.Reflection
+@using System.Linq.Expressions
+
+@inherits DecimalNullableBase
+
+<div class="mb-1">
+    <div class="row">
+        <div class="col-sm-4">
+            @if(string.IsNullOrWhiteSpace(Field.Tooltip))
+            {
+                <MudNumericField @bind-Value="@PropertyValue" Format="@format" MaxLength="@MaxLength" Min="@Min" Max="@Max"
+                             For="FieldExpression" Variant="Variant.Outlined" Label="@Field.Label" />
+            }
+            else
+            {
+                <ComponentTip Text="@Field.Tooltip">
+                    <MudNumericField @bind-Value="@PropertyValue" Format="@format" MaxLength="@MaxLength" Min="@Min" Max="@Max"
+                                 For="FieldExpression" Variant="Variant.Outlined" Label="@Field.Label" />
+                </ComponentTip>    
+            }
+        </div>
+        <div class="col-sm-8" />
+    </div>
+</div>