Added colors to simple alert

goodtocode · Jul 8, 2023 · 4eb6b97 · 4eb6b97
1 parent 96dd10d
commit 4eb6b97
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 20 deletions.
diff --git a/src/Subjects/Presentation.Shared.Rcl/Alert/Alert.razor b/src/Subjects/Presentation.Shared.Rcl/Alert/Alert.razor
@@ -101,11 +101,11 @@
 
  var classes = new List<string> { "alert", "alert-dismissable", "mt-4", "container" };
 
- var alertTypeClass = new Dictionary<AlertType, string>();
- alertTypeClass[AlertType.Success] = "alert-success";
- alertTypeClass[AlertType.Error] = "alert-danger";
- alertTypeClass[AlertType.Info] = "alert-info";
- alertTypeClass[AlertType.Warning] = "alert-warning";
+ var alertTypeClass = new Dictionary<AlertTypes, string>();
+ alertTypeClass[AlertTypes.Success] = "alert-success";
+ alertTypeClass[AlertTypes.Error] = "alert-danger";
+ alertTypeClass[AlertTypes.Info] = "alert-info";
+ alertTypeClass[AlertTypes.Warning] = "alert-warning";
 
  classes.Add(alertTypeClass[alert.Type]);
 

diff --git a/src/Subjects/Presentation.Shared.Rcl/Alert/AlertModel.cs b/src/Subjects/Presentation.Shared.Rcl/Alert/AlertModel.cs
@@ -3,17 +3,9 @@ namespace Goodtocode.Subjects.Rcl;
 public class AlertModel
 {
  public string Id { get; set; }
- public AlertType Type { get; set; }
+ public AlertTypes Type { get; set; }
  public string Message { get; set; }
  public bool AutoClose { get; set; }
  public bool KeepAfterRouteChange { get; set; }
  public bool Fade { get; set; }
-}
-
-public enum AlertType
-{
- Success,
- Error,
- Info,
- Warning
 }
diff --git a/src/Subjects/Presentation.Shared.Rcl/Alert/AlertService.cs b/src/Subjects/Presentation.Shared.Rcl/Alert/AlertService.cs
@@ -20,7 +20,7 @@ public void Success(string message, bool keepAfterRouteChange = false, bool auto
  {
  this.Alert(new AlertModel
  {
- Type = AlertType.Success,
+ Type = AlertTypes.Success,
  Message = message,
  KeepAfterRouteChange = keepAfterRouteChange,
  AutoClose = autoClose
@@ -31,7 +31,7 @@ public void Error(string message, bool keepAfterRouteChange = false, bool autoCl
  {
  this.Alert(new AlertModel
  {
- Type = AlertType.Error,
+ Type = AlertTypes.Error,
  Message = message,
  KeepAfterRouteChange = keepAfterRouteChange,
  AutoClose = autoClose
@@ -42,7 +42,7 @@ public void Info(string message, bool keepAfterRouteChange = false, bool autoClo
  {
  this.Alert(new AlertModel
  {
- Type = AlertType.Info,
+ Type = AlertTypes.Info,
  Message = message,
  KeepAfterRouteChange = keepAfterRouteChange,
  AutoClose = autoClose
@@ -53,7 +53,7 @@ public void Warn(string message, bool keepAfterRouteChange = false, bool autoClo
  {
  this.Alert(new AlertModel
  {
- Type = AlertType.Warning,
+ Type = AlertTypes.Warning,
  Message = message,
  KeepAfterRouteChange = keepAfterRouteChange,
  AutoClose = autoClose

diff --git a/src/Subjects/Presentation.Shared.Rcl/Alert/AlertTypes.cs b/src/Subjects/Presentation.Shared.Rcl/Alert/AlertTypes.cs
@@ -0,0 +1,9 @@
+namespace Goodtocode.Subjects.Rcl;
+
+public enum AlertTypes
+{
+ Success,
+ Error,
+ Info,
+ Warning
+}
diff --git a/src/Subjects/Presentation.Shared.Rcl/Alert/SimpleAlert.razor b/src/Subjects/Presentation.Shared.Rcl/Alert/SimpleAlert.razor
@@ -1,12 +1,31 @@
 @using Goodtocode.Common.Extensions;
 
-<div hidden="@string.IsNullOrEmpty(Message)" class="alert alert-danger m-4" role="alert">@Message</div>
+<div hidden="@string.IsNullOrEmpty(Message)" class="alert m-4 @alertClass" role="alert">@Message</div>
 
 @code {
  [Parameter]
  public string Message { get; set; }
+ [Parameter]
+ public AlertTypes AlertType { get; set; } = AlertTypes.Error;
+
+ private string alertClass = "alert-danger";
 
  protected override async Task OnParametersSetAsync()
  {
+ switch(AlertType)
+ {
+ case AlertTypes.Error:
+ alertClass = "alert-danger";
+ break;
+ case AlertTypes.Warning:
+ alertClass = "alert-warning";
+ break;
+ case AlertTypes.Info:
+ alertClass = "alert-info";
+ break;
+ case AlertTypes.Success:
+ alertClass = "alert-success";
+ break;
+ }
  }
 }
diff --git a/src/Subjects/Presentation.Web.BlazorServer/Pages/Business/BusinessCreate.razor b/src/Subjects/Presentation.Web.BlazorServer/Pages/Business/BusinessCreate.razor
@@ -4,6 +4,7 @@
 @using Goodtocode.Subjects.Domain;
 @using System.ComponentModel.DataAnnotations;
 @using Goodtocode.Subjects.Rcl.Alert
+@using Goodtocode.Subjects.Rcl;
 
 @inject BusinessService Service
 
@@ -26,12 +27,13 @@
  </div>
  <button type="submit" class="btn btn-primary" @onclick="CreateBusineses">Create</button>
  <ValidationSummary class="mt-3" />
- <SimpleAlert Message="@alertMessage" />
+ <SimpleAlert Message="@alertMessage" AlertType="@alertType" />
 </EditForm>
 
 @code {
  private BusinessModel business = new BusinessModel();
  private string alertMessage = string.Empty;
+ private AlertTypes alertType = AlertTypes.Error;
  private CancellationTokenSource? cts;
  private async Task CreateBusineses()
  {
@@ -46,6 +48,7 @@
  alertMessage = string.Empty;
  await Service.CreateBusinessAsync(business);
  alertMessage = $"{business.BusinessName} created";
+ alertType = AlertTypes.Success;
  }
  catch (TaskCanceledException)
  {