From ca43e89583e7862b02c3fee92d561f1d0048004f Mon Sep 17 00:00:00 2001
From: thepra <thepra@pm.me>
Date: Thu, 2 Jul 2020 19:39:14 +0200
Subject: [PATCH] updating nginx add and delete

---
 Seenginx.Models/NewFileForm.cs                |   1 -
 Seenginx/Components/FileItem.razor.cs         |   8 +-
 Seenginx/Components/FilesWithEditor.razor     |   8 +-
 Seenginx/Components/FilesWithEditor.razor.cs  |  70 +++++-----
 .../Components/GeneralNotificationModal.razor | 105 --------------
 .../GeneralNotificationModal.razor.cs         |  29 ----
 Seenginx/Pages/Nginx.razor                    |  68 +--------
 Seenginx/Pages/Nginx.razor.cs                 | 113 +++++++--------
 Seenginx/SCSS/override-framework.scss         |  22 ++-
 Seenginx/SCSS/utility.scss                    |  10 ++
 Seenginx/Services/INginxService.cs            |   2 +
 Seenginx/Services/NginxService.cs             |  93 ++++++++++---
 Seenginx/Shared/GenericPopup.razor            | 130 ++++++++++++++++++
 Seenginx/Shared/MainLayout.razor              |   3 +-
 Seenginx/Shared/NginxConfigForm.razor         |  84 +++++++++++
 Seenginx/Utility/ModalUtility.cs              |  20 +++
 Seenginx/_Imports.razor                       |   1 +
 Seenginx/wwwroot/css/main.css                 |  21 ++-
 Seenginx/wwwroot/css/main.min.css             |   2 +-
 19 files changed, 455 insertions(+), 335 deletions(-)
 delete mode 100644 Seenginx/Components/GeneralNotificationModal.razor
 delete mode 100644 Seenginx/Components/GeneralNotificationModal.razor.cs
 create mode 100644 Seenginx/Shared/GenericPopup.razor
 create mode 100644 Seenginx/Shared/NginxConfigForm.razor
 create mode 100644 Seenginx/Utility/ModalUtility.cs

diff --git a/Seenginx.Models/NewFileForm.cs b/Seenginx.Models/NewFileForm.cs
index d63b14f..8274233 100644
--- a/Seenginx.Models/NewFileForm.cs
+++ b/Seenginx.Models/NewFileForm.cs
@@ -6,6 +6,5 @@ namespace Seenginx.Models
 	{
 		public string Name { get; set; }
 		public string SelectedTemplate { get; set; } = "0";
-		public List<Template> Templates { get; set; } = new List<Template>();
 	}
 }
diff --git a/Seenginx/Components/FileItem.razor.cs b/Seenginx/Components/FileItem.razor.cs
index 2930d54..2e70f61 100644
--- a/Seenginx/Components/FileItem.razor.cs
+++ b/Seenginx/Components/FileItem.razor.cs
@@ -7,16 +7,12 @@ namespace Seenginx.Components
 {
 	public class FileItemBase : ComponentBase
 	{
-		[Parameter]
-		public ConfigFile File { get; set; }
-		[Parameter]
-		public EventCallback<ConfigFile> SelectedFileChanged { get; set; }
+		[Parameter] public ConfigFile File { get; set; }
+		[Parameter] public EventCallback<ConfigFile> SelectedFileChanged { get; set; }
 
 		public async Task SelectFile(MouseEventArgs e)
 		{
 			await SelectedFileChanged.InvokeAsync(File);
 		}
-
-
 	}
 }
diff --git a/Seenginx/Components/FilesWithEditor.razor b/Seenginx/Components/FilesWithEditor.razor
index 8624e51..3e4ccd9 100644
--- a/Seenginx/Components/FilesWithEditor.razor
+++ b/Seenginx/Components/FilesWithEditor.razor
@@ -5,17 +5,17 @@
 	<div class="filterFiles">
 		<div class="field has-addons">
 			<div class="control has-icons-left is-expanded">
-				<input formnovalidate @oninput="e => SearchInputChanged(e.Value.ToString())" class="input is-rounded is-small neoInput" type="text" placeholder="Search...">
+				<input formnovalidate @oninput="e => SearchInputChanged(e.Value.ToString())" @bind-value="SearchInput" class="input is-rounded is-small neoInput" type="text" placeholder="Search...">
 				<span class="icon is-small is-left has-text-dark">
 					<i class="mdi mdi-search-web"></i>
 				</span>
 			</div>
 			<div class="control has-icons-left">
 				<div class="select is-small is-rounded neoSelect">
-					<select @onchange="e => OnFilterClick(e.Value.ToString())">
+					<select @oninput="e => OnFilterClick(e.Value.ToString())" @bind="SelectedFilter">
 						@foreach (var filter in Filters)
 						{
-							<option value="@filter">@filter</option>
+							<option value="@filter" selected="@(SelectedFilter == filter ? "selected" : null)">@filter</option>
 						}
 					</select>
 				</div>
@@ -75,7 +75,7 @@
 
 	<div class="filesActions">
 		<div class="buttons is-centered">
-			<button class="button is-rounded neoBtnSmall is-small noBottomMargin" @onclick="OnAddDialog">
+			<button class="button is-rounded neoBtnSmall is-small noBottomMargin" @onclick="async () => await OnAddDialog()">
 				<span class="icon is-small has-text-success">
 					<i class="mdi mdi-plus"></i>
 				</span>
diff --git a/Seenginx/Components/FilesWithEditor.razor.cs b/Seenginx/Components/FilesWithEditor.razor.cs
index 975d10f..1c2e7e3 100644
--- a/Seenginx/Components/FilesWithEditor.razor.cs
+++ b/Seenginx/Components/FilesWithEditor.razor.cs
@@ -14,22 +14,23 @@ namespace Seenginx.Components
 	public partial class FilesWithEditor<CFile> : ComponentBase
 		where CFile : ConfigFile
 	{
-		[Inject]
-		public IJSRuntime JsRuntime { get; set; }
+		[Inject] public IJSRuntime JsRuntime { get; set; }
 
-		[Parameter]
-		public List<CFile> Files { get; set; } = new List<CFile>();
+		[Parameter] public List<CFile> Files { get; set; } = new List<CFile>();
 
-		[Parameter]
-		public List<string> Filters { get; set; } = new List<string>();
-		[Parameter]
-		public Dictionary<string, string> FilterFolder { get; set; } = new Dictionary<string, string>();
+		[Parameter] public List<string> Filters { get; set; } = new List<string>();
+		[Parameter] public Dictionary<string, string> FilterFolder { get; set; } = new Dictionary<string, string>();
 
-		[Parameter]
-		public EventCallback<CFile> UpdateFile { get; set; }
+		[Parameter] public EventCallback<CFile> UpdateFile { get; set; }
 
-		[Parameter]
-		public RenderFragment<CFile> Editor { get; set; } = null;
+		[Parameter] public RenderFragment<CFile> Editor { get; set; } = null;
+
+		[Parameter] public EventCallback TestConfiguration { get; set; }
+		[Parameter] public Result<string> TestResult { get; set; }
+		[Parameter] public EventCallback ShowAddFileModal { get; set; }
+		[Parameter] public EventCallback DeleteFileCallback { get; set; }
+		[Parameter] public EventCallback<CFile> SelectedFileChanged { get; set; }
+		[Parameter] public CFile SelectedFile { get; set; } = default;
 
 		protected string SelectedFilter { get; set; }
 		protected string SearchInput { get; set; }
@@ -46,11 +47,6 @@ namespace Seenginx.Components
 			}
 		}
 
-		[Parameter]
-		public EventCallback<CFile> SelectedFileChanged { get; set; }
-		[Parameter]
-		public CFile SelectedFile { get; set; } = default;
-
 		protected override async Task OnParametersSetAsync()
 		{
 			try
@@ -96,6 +92,7 @@ namespace Seenginx.Components
 				if (SelectedFilter == "All")
 					Files.ForEach(f => f.Unhide());
 				else if (SelectedFilter == "Root")
+				{
 					Files.ForEach(f =>
 					{
 						if (f.Folder == FilterFolder[SelectedFilter])
@@ -103,6 +100,7 @@ namespace Seenginx.Components
 						else
 							f.Hide();
 					});
+				}
 				else
 					Files.ForEach(f =>
 					{
@@ -121,7 +119,7 @@ namespace Seenginx.Components
 					{
 						if (SelectedFilter == "Root")
 						{
-							if (f.Folder == FilterFolder[SelectedFilter] && f.Folder.ToLower().Contains(SearchInput.ToLower()))
+							if (f.Folder == FilterFolder[SelectedFilter] && f.Name.ToLower().Contains(SearchInput.ToLower()))
 								f.Unhide();
 							else
 								f.Hide();
@@ -130,7 +128,7 @@ namespace Seenginx.Components
 						{
 							Files.ForEach(f =>
 							{
-								if (f.Folder.Contains(FilterFolder[SelectedFilter]) && f.Folder.ToLower().Contains(SearchInput.ToLower()))
+								if (f.Folder.Contains(FilterFolder[SelectedFilter]) && f.Name.ToLower().Contains(SearchInput.ToLower()))
 									f.Unhide();
 								else
 									f.Hide();
@@ -160,42 +158,44 @@ namespace Seenginx.Components
 			var draftCode = await JsRuntime.InvokeAsync<string>("GetEditorCode");
 			SelectedFile.DraftBody = draftCode;
 		}
+
 		protected async Task OnUndoChanges(MouseEventArgs e)
 		{
 			SelectedFile.DraftBody = SelectedFile.Body;
 			await JsRuntime.InvokeVoidAsync("UpdateEditor", SelectedFile.Body);
 		}
+
 		protected async Task OnSave(MouseEventArgs e)
 		{
 			var draftCode = await JsRuntime.InvokeAsync<string>("GetEditorCode");
 			SelectedFile.Body = draftCode;
 		}
 
-		[Parameter]
-		public EventCallback TestConfiguration { get; set; }
-		[Parameter]
-		public Result<string> TestResult { get; set; }
 		protected async Task OnTest(MouseEventArgs e)
 		{
 			await TestConfiguration.InvokeAsync(null);
 		}
 
-		[Parameter]
-		public EventCallback AddFileModal { get; set; }
-		protected async Task OnAddDialog()
+		public async Task OnAddDialog()
 		{
-			await AddFileModal.InvokeAsync(null);
+			await ShowAddFileModal.InvokeAsync(null);
+			await JsRuntime.InvokeVoidAsync("ClearEditor");
+			if (SelectedFile != null)
+			{
+				await JsRuntime.InvokeVoidAsync("UpdateEditor", SelectedFile.Body);
+				SelectedFilter = "All";
+				SearchInput = string.Empty;
+				SearchFile();
+			}
 		}
 
-		[Parameter]
-		public GeneralNotificationModalBase DeleteFileModal { get; set; }
-		protected void OnDeleteDialog()
+		protected async Task OnDeleteDialog()
 		{
-			DeleteFileModal.Show(new NotificationSettings
-			{
-				PopupType = PopupType.YesNo,
-				Text = $"Do you want to delete '{SelectedFile.Name}' configuration file?"
-			});
+			await DeleteFileCallback.InvokeAsync(null);
+			await JsRuntime.InvokeVoidAsync("ClearEditor");
+			SelectedFilter = "All";
+			SearchInput = string.Empty;
+			SearchFile();
 		}
 
 
diff --git a/Seenginx/Components/GeneralNotificationModal.razor b/Seenginx/Components/GeneralNotificationModal.razor
deleted file mode 100644
index b68e328..0000000
--- a/Seenginx/Components/GeneralNotificationModal.razor
+++ /dev/null
@@ -1,105 +0,0 @@
-@inherits GeneralNotificationModalBase
-
-<Modal @ref="ModalReference">
-	<ModalBackdrop />
-	<ModalContent>
-		<ModalBody>
-			<p>@NotificationSettings.Text</p>
-		</ModalBody>
-		<ModalFooter>
-			<div class="level fullwidth">
-				@switch (NotificationSettings.PopupType)
-				{
-					case PopupType.Ok:
-						<div class="level-right">
-							<div class="level-item">
-								<Blazorise.Bulma.Button Clicked="Ok" Class="is-rounded neoBtnSmall is-small has-text-dark">
-									<span class="icon is-small has-text-success">
-										<i class="mdi mdi-check"></i>
-									</span>
-									<span>Ok</span>
-								</Blazorise.Bulma.Button>
-							</div>
-						</div>
-						break;
-					case PopupType.OkCancel:
-						<div class="level-left">
-							<div class="level-item">
-								<Blazorise.Bulma.Button Clicked="Cancel" Class="is-rounded neoBtnSmall is-small has-text-dark">
-									<span class="icon is-small">
-										<i class="mdi mdi-close"></i>
-									</span>
-									<span>Cancel</span>
-								</Blazorise.Bulma.Button>
-							</div>
-						</div>
-						<div class="level-right">
-							<div class="level-item">
-								<Blazorise.Bulma.Button Clicked="Ok" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
-									<span class="icon is-small has-text-success">
-										<i class="mdi mdi-check"></i>
-									</span>
-									<span>Ok</span>
-								</Blazorise.Bulma.Button>
-							</div>
-						</div>
-						break;
-					case PopupType.YesNo:
-						<div class="level-left">
-							<div class="level-item">
-								<Blazorise.Bulma.Button Clicked="No" Class="is-rounded neoBtnSmall is-small has-text-dark">
-									<span class="icon is-small has-text-danger">
-										<i class="mdi mdi-close"></i>
-									</span>
-									<span>No</span>
-								</Blazorise.Bulma.Button>
-							</div>
-						</div>
-						<div class="level-right">
-							<div class="level-item">
-								<Blazorise.Bulma.Button Clicked="Yes" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
-									<span class="icon is-small has-text-success">
-										<i class="mdi mdi-check"></i>
-									</span>
-									<span>Yes</span>
-								</Blazorise.Bulma.Button>
-							</div>
-						</div>
-						break;
-					case PopupType.YesNoCancel:
-						<div class="level-left">
-							<div class="level-item">
-								<Blazorise.Bulma.Button Clicked="Cancel" Class="is-rounded neoBtnSmall is-small has-text-dark">
-									<span class="icon is-small">
-										<i class="mdi mdi-close"></i>
-									</span>
-									<span>Cancel</span>
-								</Blazorise.Bulma.Button>
-							</div>
-						</div>
-						<div class="level-right">
-							<div class="level-item">
-								<Blazorise.Bulma.Button Clicked="No" Class="is-rounded neoBtnSmall is-small has-text-dark">
-									<span class="icon is-small has-text-danger">
-										<i class="mdi mdi-close"></i>
-									</span>
-									<span>No</span>
-								</Blazorise.Bulma.Button>
-							</div>
-							<div class="level-item">
-								<Blazorise.Bulma.Button Clicked="Yes" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
-									<span class="icon is-small has-text-success">
-										<i class="mdi mdi-check"></i>
-									</span>
-									<span>Yes</span>
-								</Blazorise.Bulma.Button>
-							</div>
-						</div>
-						break;
-					default:
-						break;
-				}
-			</div>
-		</ModalFooter>
-	</ModalContent>
-</Modal>
\ No newline at end of file
diff --git a/Seenginx/Components/GeneralNotificationModal.razor.cs b/Seenginx/Components/GeneralNotificationModal.razor.cs
deleted file mode 100644
index c4ae659..0000000
--- a/Seenginx/Components/GeneralNotificationModal.razor.cs
+++ /dev/null
@@ -1,29 +0,0 @@
-using Blazorise;
-using Microsoft.AspNetCore.Components;
-using Seenginx.Models;
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Threading.Tasks;
-
-namespace Seenginx.Components
-{
-	public class GeneralNotificationModalBase : ComponentBase
-	{
-		public Modal ModalReference { get; set; } = new Modal();
-		public NotificationSettings NotificationSettings { get; set; }
-		[Parameter]
-		public EventCallback<PopupAnswer> PopupCallback { get; set; }
-
-		public void Show(NotificationSettings notificationSettings)
-		{
-			NotificationSettings = notificationSettings;
-			ModalReference.Show();
-		}
-
-		public async Task Ok() => await PopupCallback.InvokeAsync(PopupAnswer.Ok);
-		public async Task Cancel() => await PopupCallback.InvokeAsync(PopupAnswer.Cancel);
-		public async Task Yes() => await PopupCallback.InvokeAsync(PopupAnswer.Yes);
-		public async Task No() => await PopupCallback.InvokeAsync(PopupAnswer.No);
-	}
-}
diff --git a/Seenginx/Pages/Nginx.razor b/Seenginx/Pages/Nginx.razor
index 63509c0..c97d9f7 100644
--- a/Seenginx/Pages/Nginx.razor
+++ b/Seenginx/Pages/Nginx.razor
@@ -3,72 +3,6 @@
 <FilesWithEditor CFile="ConfigFile" Filters="Filters" Files="ConfigFiles" FilterFolder="FilterFolder"
 								 SelectedFile="SelectedFile" SelectedFileChanged="SelectedFileChanged"
 								 TestConfiguration="TestConfiguration" TestResult="TestResult"
-								 DeleteFileModal="DeleteNotificationModal" AddFileModal="ShowAddFileModal">
+								 DeleteFileCallback="DeleteFile" ShowAddFileModal="ShowAddFileModal" >
 </FilesWithEditor>
-<Modal @ref="AddFileModal">
-	<ModalBackdrop />
-	<ModalContent Class="neomorph">
-		<ModalHeader>
-			<ModalTitle Class="has-text-centered">Add a new configuration for a service</ModalTitle>
-		</ModalHeader>
-		<ModalBody>
-			<div class="field">
-				<label class="label">Template</label>
-				<div class="control has-icons-left">
-					<div class="select is-small is-rounded neoSelect fullwidth">
-						<select class="fullwidth" @bind="NewFileForm.SelectedTemplate">
-							<option value="0">No template</option>
-							@foreach (var template in NewFileForm.Templates)
-							{
-								<option value="@template.Name">@($"{template.Name.First().ToString().ToUpper()}{template.Name.Substring(1)}")</option>
-							}
-						</select>
-					</div>
-					<span class="icon is-small is-left has-text-dark">
-						<i class="mdi mdi-puzzle-outline"></i>
-					</span>
-				</div>
-				<p class="help">Any template to quick setup the configuration</p>
-			</div>
 
-			<div class="field">
-				<label class="label">Configuration file name</label>
-				<div class="control has-icons-left has-icons-right">
-					<input class="input is-rounded is-small neoInput" type="text" @bind="NewFileForm.Name" placeholder="Name" />
-					<span class="icon is-small is-left has-text-dark">
-						<i class="mdi mdi-file-code-outline"></i>
-					</span>
-				</div>
-				<p class="help">Name it the same as the service which is going to run behind</p>
-			</div>
-		</ModalBody>
-		<ModalFooter>
-			<div class="level fullwidth">
-				<div class="level-left">
-					<div class="level-item">
-						<Blazorise.Bulma.Button Clicked="e => CloseModal(AddFileModal)"
-																		Class="is-rounded neoBtnSmall is-small has-text-dark">
-							<span class="icon is-small">
-								<i class="mdi mdi-close"></i>
-							</span>
-							<span>Close</span>
-						</Blazorise.Bulma.Button>
-					</div>
-				</div>
-				<div class="level-right">
-					<div class="level-item">
-						<Blazorise.Bulma.Button Color="Color.Primary" Clicked="AddFileAsync"
-																		Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
-							<span class="icon is-small has-text-success">
-								<i class="mdi mdi-plus"></i>
-							</span>
-							<span>Add</span>
-						</Blazorise.Bulma.Button>
-					</div>
-				</div>
-			</div>
-		</ModalFooter>
-	</ModalContent>
-</Modal>
-<GeneralNotificationModal PopupCallback="DeleteFile"></GeneralNotificationModal>
-@*<GeneralNotificationModal ></GeneralNotificationModal>*@
diff --git a/Seenginx/Pages/Nginx.razor.cs b/Seenginx/Pages/Nginx.razor.cs
index 675b8d7..68a4180 100644
--- a/Seenginx/Pages/Nginx.razor.cs
+++ b/Seenginx/Pages/Nginx.razor.cs
@@ -1,23 +1,23 @@
-using Blazorise;
+using Blazored.Modal;
+using Blazored.Modal.Services;
+using Blazorise;
 using Microsoft.AspNetCore.Components;
-using Microsoft.AspNetCore.Components.Web;
-using Seenginx.Components;
 using Seenginx.Models;
 using Seenginx.Services;
+using Seenginx.Shared;
+using Seenginx.Utility;
 using System;
 using System.Collections.Generic;
 using System.Linq;
-using System.Runtime.InteropServices;
 using System.Threading.Tasks;
 
 namespace Seenginx.Pages
 {
 	public class NginxBase : ComponentBase
 	{
-		[Inject]
-		public INginxService NginxService { get; set; }
-		[Inject]
-		public IFileManager FileService { get; set; }
+		[Inject] public INginxService NginxService { get; set; }
+		[Inject] public IFileManager FileService { get; set; }
+		[Inject] public IModalService Modal { get; set; }
 
 		public string InputSearch { get; set; }
 
@@ -26,6 +26,7 @@ namespace Seenginx.Pages
 		public List<string> Filters { get; set; } = new List<string>();
 		public List<int> FilteredOutFiles { get; set; } = new List<int>();
 		public NotificationSettings GeneralNotificationSettings { get; set; } = null;
+		public List<Template> Templates { get; set; } = new List<Template>();
 
 		public Dictionary<string, string> FilterFolder { get; set; } = new Dictionary<string, string>();
 
@@ -40,7 +41,7 @@ namespace Seenginx.Pages
 				FilterFolder.Add("Conf.d", "/conf.d");
 				FilterFolder.Add("Available", "/sites-available");
 				FilterFolder.Add("Enabled", "/sites-enabled");
-				NewFileForm.Templates.AddRange(await NginxService.GetTemplates());
+				Templates.AddRange(await NginxService.GetTemplates());
 			}
 			catch (Exception ex)
 			{
@@ -54,83 +55,71 @@ namespace Seenginx.Pages
 			SelectedFile = configFile;
 		}
 
-
-		protected Modal AddFileModal { get; set; }
-		public void ShowAddFileModal()
+		public async Task ShowAddFileModal()
 		{
-			AddFileModal.Show();
-		}
+			var parameters = new ModalParameters();
+			parameters.Add(nameof(Templates), Templates);
 
-		public NewFileForm NewFileForm { get; set; } = new NewFileForm();
-		public async Task AddFileAsync()
-		{
-			var addFileResult = await NginxService.AddFileAsync(NewFileForm);
+			var resultAwait = Modal.Show<NginxConfigForm>(string.Empty, parameters);
+			var result = await resultAwait.Result;
+			if (result.Cancelled) return;
 
-			if (!addFileResult.AllOk)
-				throw new Exception(":/");
 
+			var validationResult = await NginxService.ValidateNewConfigurationAsync((NewFileForm)result.Data);
+
+			if (!validationResult.AllOk)
+			{
+				var validationPopupParameters = new ModalParameters().Setup(PopupType.Ok, validationResult.ErrorMessage);
+				var validationPopup = Modal.Show<GenericPopup>(string.Empty, validationPopupParameters);
+				await validationPopup.Result;
+				validationPopup.Close();
+				return;
+			}
+
+			var addFileResult = await NginxService.AddFileAsync((NewFileForm)result.Data);
+			if (SelectedFile != null)
+				SelectedFile.Deselect();
 			ConfigFiles.Add(addFileResult.Data);
 			ConfigFiles = ConfigFiles.OrderBy(cf => cf.Name).ToList();
-			AddFileModal.Hide();
-			//if (AddFileResult.AllOk)
-			//	ConfigFiles.Add(AddFileResult.Data);
-			//else
-			//{
-			//	GeneralNotificationSettings = new GeneralNotificationSettings
-			//	{
-			//		ButtonColor = Color.Danger,
-			//		TitleClass = "mdi-error",
-			//		Title = "Failure",
-			//		Text = TestResult.ErrorMessage
-			//	};
-			//	GeneralNotificationModal.Show();
-			//}
+			SelectedFile = ConfigFiles.Find(cf => cf.Name == addFileResult.Data.Name);
+			SelectedFile.Select();
 		}
 
-		public Result<ConfigFile> SaveUpdateDraftResult { get; set; }
 		public async Task SaveUpdateDraftFileAsync()
 		{
-			SaveUpdateDraftResult = await FileService.SaveUpdateDraftFileAsync(SelectedFile);
+			var saveUpdateDraftResult = await FileService.SaveUpdateDraftFileAsync(SelectedFile);
 		}
 
-		public Result<ConfigFile> SaveUpdateResult { get; set; }
 		public async Task SaveUpdateFileAsync()
 		{
-			SaveUpdateResult = await FileService.SaveUpdateFileAsync(SelectedFile);
+			var saveUpdateResult = await FileService.SaveUpdateFileAsync(SelectedFile);
 		}
 
-		public Result<string> TestResult { get; set; }
-		public Modal TestNotificationModal { get; set; } = new Modal();
 		public async Task TestConfiguration()
 		{
-			TestResult = await NginxService.TestNginxConfigurations(SelectedFile);
-			if (TestResult.AllOk)
-				GeneralNotificationSettings = new NotificationSettings
-				{
-					Text = $"Test of config file '{SelectedFile.Name}' completed with success.",
-					PopupType = PopupType.Ok
-				};
-			else
-				GeneralNotificationSettings = new NotificationSettings
-				{
-					Text = TestResult.ErrorMessage,
-					PopupType = PopupType.Ok
-				};
-			TestNotificationModal.Show();
+
 		}
 
-		public GeneralNotificationModalBase DeleteNotificationModal { get; set; } = new GeneralNotificationModalBase();
-		public void DeleteFile(PopupAnswer popupAnswer)
+		public async Task DeleteFile()
 		{
-			if (popupAnswer == PopupAnswer.Yes)
+			var parameters = new ModalParameters().Setup(PopupType.YesNo, $"Are you sure you want to delete '{SelectedFile.Name}'?");
+
+			var resultAwait = Modal.Show<GenericPopup>(string.Empty, parameters);
+			var result = await resultAwait.Result;
+			if ((PopupAnswer)result.Data == PopupAnswer.No) return;
+
+			var deleteFileResult = await NginxService.DeleteConfigurationFileAsync(SelectedFile);
+
+			if (!deleteFileResult.AllOk)
 			{
-				var deleteResult = FileService.DeleteFile(SelectedFile);
+				var errorParameters = new ModalParameters().Setup(PopupType.Ok, $"Something went wrong, here's the error message: '{deleteFileResult.ErrorMessage}'?");
+				var errorReportModalAwait = Modal.Show<GenericPopup>(string.Empty, errorParameters);
+				await errorReportModalAwait.Result;
+				return;
 			}
-		}
 
-		public void CloseModal(Modal modal)
-		{
-			modal.Hide();
+			ConfigFiles.Remove(SelectedFile);
+			SelectedFile = null;
 		}
 	}
 }
diff --git a/Seenginx/SCSS/override-framework.scss b/Seenginx/SCSS/override-framework.scss
index 7ef9919..d6715e7 100644
--- a/Seenginx/SCSS/override-framework.scss
+++ b/Seenginx/SCSS/override-framework.scss
@@ -53,9 +53,6 @@ html {
 }
 
 .modal- {
-	&background {
-		background: rgba($background,.9);
-	}
 
 	&content {
 		border-radius: $border-radius-b;
@@ -81,3 +78,22 @@ html {
 		}
 	}
 }
+
+.blazored {
+	&-modal {
+		background-color: transparent;
+		border-radius: 0;
+		border: none;
+		padding: 0;
+		box-shadow: none;
+
+		&-container {
+			left: 0;
+			top: 0;
+		}
+
+		&-overlay {
+			background: $background
+		}
+	}
+}
diff --git a/Seenginx/SCSS/utility.scss b/Seenginx/SCSS/utility.scss
index b39a030..df4b929 100644
--- a/Seenginx/SCSS/utility.scss
+++ b/Seenginx/SCSS/utility.scss
@@ -149,6 +149,16 @@
 	}
 }
 
+.field.has-addons {
+	& > .control.is-expanded > .neoInput {
+		box-shadow: inset 2px 2px 4px rgba($dark-shadow, .5),inset 2px -2px 4px rgba($light-shadow, .5) !important;
+	}
+
+	& > .control > .neoSelect > select {
+		box-shadow: inset -2px 2px 4px rgba($dark-shadow, .5),inset -2px -2px 4px rgba($light-shadow, .5) !important;
+	}
+}
+
 .gradientBackground {
 	background: linear-gradient(to right bottom,$background-light,$background-dark)
 }
diff --git a/Seenginx/Services/INginxService.cs b/Seenginx/Services/INginxService.cs
index 51518d9..687e3bf 100644
--- a/Seenginx/Services/INginxService.cs
+++ b/Seenginx/Services/INginxService.cs
@@ -10,5 +10,7 @@ namespace Seenginx.Services
 		Task<Result<string>> TestNginxConfigurations(ConfigFile configFile);
 		Task<Result<ConfigFile>> AddFileAsync(NewFileForm newFileForm);
 		Task<IEnumerable<Template>> GetTemplates();
+		Task<Result<bool>> DeleteConfigurationFileAsync(ConfigFile configFile);
+		Task<Result<bool>> ValidateNewConfigurationAsync(NewFileForm newFileForm);
 	}
 }
\ No newline at end of file
diff --git a/Seenginx/Services/NginxService.cs b/Seenginx/Services/NginxService.cs
index f04f6a5..59e2390 100644
--- a/Seenginx/Services/NginxService.cs
+++ b/Seenginx/Services/NginxService.cs
@@ -5,6 +5,7 @@ using System;
 using System.Collections.Generic;
 using System.IO;
 using System.Linq;
+using System.Security.AccessControl;
 using System.Text;
 using System.Threading.Tasks;
 
@@ -19,22 +20,47 @@ namespace Seenginx.Services
 			ConfigPaths = configPaths;
 		}
 
+		public async Task<Result<bool>> ValidateNewConfigurationAsync(NewFileForm newFileForm)
+		{
+			var validationResult = new Result<bool>();
+			try
+			{
+				var filePath = Path.Combine(ConfigPaths.NginxPath, "conf.d", $"{newFileForm.Name}.conf");
+
+				if (File.Exists(filePath))
+					return validationResult.Invalidate($"There's already a file with the '{newFileForm.Name}.conf' name.");
+
+				return validationResult;
+			}
+			catch (Exception ex)
+			{
+				return validationResult.Invalidate($"Exception at {nameof(ValidateNewConfigurationAsync)}()", ex);
+			}
+		} 
+
 		public async Task<Result<ConfigFile>> AddFileAsync(NewFileForm newFileForm)
 		{
-			await Task.Run(() => { });
-			var newFile = new ConfigFile();
-			newFile.Name = $"{newFileForm.Name}.conf";
-			newFile.Folder = "/conf.d";
-			newFile.FullPath = Path.Combine(ConfigPaths.NginxPath, "conf.d", newFile.Name);
-			newFile.Body = newFileForm.SelectedTemplate == 0.ToString() ? string.Empty : (await GetTemplates()).SingleOrDefault(t => t.Name == newFileForm.SelectedTemplate)?.Code;
-			newFile.LastUpdated = DateTime.UtcNow;
-
-			await File.WriteAllTextAsync(newFile.FullPath, newFile.Body, Encoding.UTF8);
-
 			var addResult = new Result<ConfigFile>();
-			addResult.SetData(newFile);
+			try
+			{
 
-			return addResult;
+				var newFile = new ConfigFile();
+				newFile.Name = $"{newFileForm.Name}.conf";
+				newFile.Folder = "/conf.d";
+				newFile.FullPath = Path.Combine(ConfigPaths.NginxPath, "conf.d", newFile.Name);
+				newFile.Body = newFileForm.SelectedTemplate == 0.ToString() ? string.Empty : (await GetTemplates()).SingleOrDefault(t => t.Name == newFileForm.SelectedTemplate)?.Code;
+				newFile.LastUpdated = DateTime.UtcNow;
+
+				await File.WriteAllTextAsync(newFile.FullPath, newFile.Body, Encoding.UTF8);
+
+				addResult.SetData(newFile);
+
+				return addResult;
+			}
+			catch (Exception ex)
+			{
+				return addResult.Invalidate(ex.Message, ex);
+			}
 		}
 
 		public async Task<IEnumerable<ConfigFile>> GetFilesAsync()
@@ -53,7 +79,7 @@ namespace Seenginx.Services
 				configFile.Folder = "/";
 				configFile.LastUpdated = File.GetLastWriteTime(fp);
 				configFile.Name = fileName;
-				configFile.FullPath = Path.Combine(ConfigPaths.NginxPath, configFile.Folder, configFile.Name);
+				configFile.FullPath = Path.Combine(ConfigPaths.NginxPath, configFile.Name);
 				configFile.Body = File.ReadAllText(fp);
 				return configFile;
 			});
@@ -65,7 +91,7 @@ namespace Seenginx.Services
 				configFile.Folder = "/conf.d";
 				configFile.LastUpdated = File.GetLastWriteTime(fp);
 				configFile.Name = fileName;
-				configFile.FullPath = Path.Combine(ConfigPaths.NginxPath, configFile.Folder, configFile.Name);
+				configFile.FullPath = Path.Combine(ConfigPaths.NginxPath, configFile.Folder.Replace("/", string.Empty), configFile.Name);
 				configFile.Body = File.ReadAllText(fp);
 				return configFile;
 			});
@@ -77,7 +103,7 @@ namespace Seenginx.Services
 				configFile.Folder = "/sites-available";
 				configFile.LastUpdated = File.GetLastWriteTime(fp);
 				configFile.Name = fileName;
-				configFile.FullPath = Path.Combine(ConfigPaths.NginxPath, configFile.Folder, configFile.Name);
+				configFile.FullPath = Path.Combine(ConfigPaths.NginxPath, configFile.Folder.Replace("/", string.Empty), configFile.Name);
 				configFile.Body = File.ReadAllText(fp);
 				return configFile;
 			});
@@ -89,7 +115,7 @@ namespace Seenginx.Services
 				configFile.Folder = "/sites-enabled";
 				configFile.LastUpdated = File.GetLastWriteTime(fp);
 				configFile.Name = fileName;
-				configFile.FullPath = Path.Combine(ConfigPaths.NginxPath, configFile.Folder, configFile.Name);
+				configFile.FullPath = Path.Combine(ConfigPaths.NginxPath, configFile.Folder.Replace("/", string.Empty), configFile.Name);
 				configFile.Body = File.ReadAllText(fp);
 				return configFile;
 			});
@@ -108,9 +134,7 @@ namespace Seenginx.Services
 			try
 			{
 				var nginxTemplateDirectory = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "templates", "nginx");
-				//var systemdTemplateDirectory = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "systemd");
 				var nginxTemplateFiles = Directory.GetFiles(nginxTemplateDirectory, "*.template");
-				//var systemdTemplateFiles = Directory.GetFiles(nginxTemplateDirectory, "*.template");
 
 				foreach (var templateFilePath in nginxTemplateFiles)
 				{
@@ -136,5 +160,38 @@ namespace Seenginx.Services
 			result.SetData("Uhu");
 			return result;
 		}
+
+		public async Task<Result<bool>> DeleteConfigurationFileAsync(ConfigFile configFile)
+		{
+			var result = new Result<bool>(true);
+			try
+			{
+				if (!File.Exists(configFile.FullPath))
+					return result.Invalidate($"File '{configFile.FullPath}' not found.");
+
+				File.Delete(configFile.FullPath);
+
+				return result;
+			}
+			catch (Exception ex)
+			{
+				return result.Invalidate(ex.Message, ex);
+			}
+		}
+
+
+
+		//public async Task<Result<bool>> DeleteFileAsync(ConfigFile configFile)
+		//{
+		//	var result = new Result<bool>(true);
+		//	try
+		//	{
+		//		return result;
+		//	}
+		//	catch (Exception ex)
+		//	{
+		//		return result.Invalidate(ex.Message, ex);
+		//	}
+		//}
 	}
 }
diff --git a/Seenginx/Shared/GenericPopup.razor b/Seenginx/Shared/GenericPopup.razor
new file mode 100644
index 0000000..6cbc5e2
--- /dev/null
+++ b/Seenginx/Shared/GenericPopup.razor
@@ -0,0 +1,130 @@
+<div class="modal-content neomorph">
+
+	@*<div class="modal-card-head">
+			<h4 class="modal-card-title has-text-centered">
+				Add a new configuration for a service
+			</h4>
+		</div>*@
+
+	<div class="modal-card-body">
+
+		<h1>@Message</h1>
+
+	</div>
+
+	<div class="modal-card-foot">
+
+		<div class="level fullwidth">
+			@switch (PopupType)
+			{
+				case PopupType.Ok:
+					<div class="level-left">
+						<div class="level-item"></div>
+					</div>
+					<div class="level-right">
+						<div class="level-item">
+							<Blazorise.Bulma.Button Clicked="Ok" Class="is-rounded neoBtnSmall is-small has-text-dark">
+								<span class="icon is-small has-text-success">
+									<i class="mdi mdi-check"></i>
+								</span>
+								<span>Ok</span>
+							</Blazorise.Bulma.Button>
+						</div>
+					</div>
+					break;
+				case PopupType.OkCancel:
+					<div class="level-left">
+						<div class="level-item">
+							<Blazorise.Bulma.Button Clicked="Cancel" Class="is-rounded neoBtnSmall is-small has-text-dark">
+								<span class="icon is-small">
+									<i class="mdi mdi-close"></i>
+								</span>
+								<span>Cancel</span>
+							</Blazorise.Bulma.Button>
+						</div>
+					</div>
+					<div class="level-right">
+						<div class="level-item">
+							<Blazorise.Bulma.Button Clicked="Ok" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
+								<span class="icon is-small has-text-success">
+									<i class="mdi mdi-check"></i>
+								</span>
+								<span>Ok</span>
+							</Blazorise.Bulma.Button>
+						</div>
+					</div>
+					break;
+				case PopupType.YesNo:
+					<div class="level-left">
+						<div class="level-item">
+							<Blazorise.Bulma.Button Clicked="No" Class="is-rounded neoBtnSmall is-small has-text-dark">
+								<span class="icon is-small has-text-danger">
+									<i class="mdi mdi-close"></i>
+								</span>
+								<span>No</span>
+							</Blazorise.Bulma.Button>
+						</div>
+					</div>
+					<div class="level-right">
+						<div class="level-item">
+							<Blazorise.Bulma.Button Clicked="Yes" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
+								<span class="icon is-small has-text-success">
+									<i class="mdi mdi-check"></i>
+								</span>
+								<span>Yes</span>
+							</Blazorise.Bulma.Button>
+						</div>
+					</div>
+					break;
+				case PopupType.YesNoCancel:
+					<div class="level-left">
+						<div class="level-item">
+							<Blazorise.Bulma.Button Clicked="Cancel" Class="is-rounded neoBtnSmall is-small has-text-dark">
+								<span class="icon is-small">
+									<i class="mdi mdi-close"></i>
+								</span>
+								<span>Cancel</span>
+							</Blazorise.Bulma.Button>
+						</div>
+					</div>
+					<div class="level-right">
+						<div class="level-item">
+							<Blazorise.Bulma.Button Clicked="No" Class="is-rounded neoBtnSmall is-small has-text-dark">
+								<span class="icon is-small has-text-danger">
+									<i class="mdi mdi-close"></i>
+								</span>
+								<span>No</span>
+							</Blazorise.Bulma.Button>
+						</div>
+						<div class="level-item">
+							<Blazorise.Bulma.Button Clicked="Yes" Class="is-rounded neoBtnSmall is-small has-text-dark" Type="ButtonType.Submit">
+								<span class="icon is-small has-text-success">
+									<i class="mdi mdi-check"></i>
+								</span>
+								<span>Yes</span>
+							</Blazorise.Bulma.Button>
+						</div>
+					</div>
+					break;
+				default:
+					break;
+			}
+		</div>
+
+	</div>
+</div>
+
+@code {
+	[CascadingParameter]
+	BlazoredModalInstance BlazoredModal { get; set; }
+
+	[Parameter, Required]
+	public string Message { get; set; }
+	[Parameter, Required]
+	public PopupType PopupType { get; set; }
+
+	void Yes() => BlazoredModal.Close(ModalResult.Ok(PopupAnswer.Yes));
+	void No() => BlazoredModal.Close(ModalResult.Ok(PopupAnswer.No));
+	void Ok() => BlazoredModal.Close(ModalResult.Ok(PopupAnswer.Ok));
+	void Cancel() => BlazoredModal.Close(ModalResult.Ok(PopupAnswer.Cancel));
+}
diff --git a/Seenginx/Shared/MainLayout.razor b/Seenginx/Shared/MainLayout.razor
index 3786523..6228da5 100644
--- a/Seenginx/Shared/MainLayout.razor
+++ b/Seenginx/Shared/MainLayout.razor
@@ -10,5 +10,6 @@
 		@Body
 	</div>
 
+</section>
 
-</section>
\ No newline at end of file
+<BlazoredModal DisableBackgroundCancel="true" HideCloseButton="true" HideHeader="true" Position="ModalPosition.Center" />
\ No newline at end of file
diff --git a/Seenginx/Shared/NginxConfigForm.razor b/Seenginx/Shared/NginxConfigForm.razor
new file mode 100644
index 0000000..6a292d5
--- /dev/null
+++ b/Seenginx/Shared/NginxConfigForm.razor
@@ -0,0 +1,84 @@
+<div class="modal-content neomorph">
+
+	<div class="modal-card-head">
+		<h4 class="modal-card-title has-text-centered">
+			Add a new configuration for a service
+		</h4>
+	</div>
+
+	<div class="modal-card-body">
+
+		<div class="field">
+			<label class="label">Template</label>
+			<div class="control has-icons-left">
+				<div class="select is-small is-rounded neoSelect fullwidth">
+					<select class="fullwidth" @bind="SelectedTemplate">
+						<option value="0">No template</option>
+						@foreach (var template in Templates)
+						{
+							<option value="@template.Name">@($"{template.Name.First().ToString().ToUpper()}{template.Name.Substring(1)}")</option>
+						}
+					</select>
+				</div>
+				<span class="icon is-small is-left has-text-dark">
+					<i class="mdi mdi-puzzle-outline"></i>
+				</span>
+			</div>
+			<p class="help">Any template to quick setup the configuration</p>
+		</div>
+
+		<div class="field">
+			<label class="label">Configuration file name</label>
+			<div class="control has-icons-left">
+				<input class="input is-rounded is-small neoInput" type="text" placeholder="Name" @bind="TemplateName">
+				<span class="icon is-small is-left has-text-dark">
+					<i class="mdi mdi-file-code-outline"></i>
+				</span>
+			</div>
+			<p class="help">Name it the same as the service which is going to run behind</p>
+		</div>
+
+	</div>
+
+	<div class="modal-card-foot">
+
+		<div class="level fullwidth">
+			<div class="level-left">
+				<div class="level-item">
+					<button type="button" class="button is-rounded neoBtnSmall is-small has-text-dark" @onclick="Cancel">
+						<span class="icon is-small">
+							<i class="mdi mdi-close"></i>
+						</span>
+						<span>Close</span>
+					</button>
+				</div>
+			</div>
+
+			<div class="level-right">
+				<div class="level-item">
+					<button type="submit" class="button is-primary is-rounded neoBtnSmall is-small has-text-dark" @onclick="SubmitForm">
+						<span class="icon is-small has-text-success">
+							<i class="mdi mdi-plus"></i>
+						</span>
+						<span>Add</span>
+					</button>
+				</div>
+			</div>
+		</div>
+
+	</div>
+</div>
+
+@code {
+	[CascadingParameter]
+	BlazoredModalInstance BlazoredModal { get; set; }
+
+	string SelectedTemplate { get; set; } = "0";
+	[Required]
+	string TemplateName { get; set; }
+	[Parameter]
+	public List<Template> Templates { get; set; } = new List<Template>();
+
+	void SubmitForm() => BlazoredModal.Close(ModalResult.Ok(new NewFileForm { Name = TemplateName, SelectedTemplate = SelectedTemplate }));
+	void Cancel() => BlazoredModal.Cancel();
+}
diff --git a/Seenginx/Utility/ModalUtility.cs b/Seenginx/Utility/ModalUtility.cs
new file mode 100644
index 0000000..bf3fbaf
--- /dev/null
+++ b/Seenginx/Utility/ModalUtility.cs
@@ -0,0 +1,20 @@
+using Blazored.Modal;
+using Mono.Posix;
+using Seenginx.Models;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+
+namespace Seenginx.Utility
+{
+	public static class ModalUtility
+	{
+		public static ModalParameters Setup(this ModalParameters parameters, PopupType popupType, string message)
+		{
+			parameters.Add(nameof(PopupType), popupType);
+			parameters.Add("Message", message);
+			return parameters;
+		} 
+	}
+}
diff --git a/Seenginx/_Imports.razor b/Seenginx/_Imports.razor
index 2b44271..ccbf267 100644
--- a/Seenginx/_Imports.razor
+++ b/Seenginx/_Imports.razor
@@ -1,4 +1,5 @@
 @using System.Net.Http
+@using System.ComponentModel.DataAnnotations
 @using Microsoft.AspNetCore.Authorization
 @using Microsoft.AspNetCore.Components.Authorization
 @using Microsoft.AspNetCore.Components.Forms
diff --git a/Seenginx/wwwroot/css/main.css b/Seenginx/wwwroot/css/main.css
index c050181..cc3153d 100644
--- a/Seenginx/wwwroot/css/main.css
+++ b/Seenginx/wwwroot/css/main.css
@@ -133,6 +133,12 @@ html {
   .neoSelect > select:focus {
     border: none !important; }
 
+.field.has-addons > .control.is-expanded > .neoInput {
+  box-shadow: inset 2px 2px 4px rgba(241, 185, 65, 0.5), inset 2px -2px 4px rgba(251, 238, 208, 0.5) !important; }
+
+.field.has-addons > .control > .neoSelect > select {
+  box-shadow: inset -2px 2px 4px rgba(241, 185, 65, 0.5), inset -2px -2px 4px rgba(251, 238, 208, 0.5) !important; }
+
 .gradientBackground {
   background: linear-gradient(to right bottom, #f7d794, #f5cd79); }
 
@@ -197,9 +203,6 @@ html {
   .ace-solarized-light .ace_marker-layer .ace_active-line {
     border-radius: 0 50px 50px 0; }
 
-.modal-background {
-  background: rgba(246, 210, 135, 0.9); }
-
 .modal-content {
   border-radius: 28px; }
 
@@ -217,6 +220,18 @@ html {
   border: none;
   border-radius: 0; }
 
+.blazored-modal {
+  background-color: transparent;
+  border-radius: 0;
+  border: none;
+  padding: 0;
+  box-shadow: none; }
+  .blazored-modal-container {
+    left: 0;
+    top: 0; }
+  .blazored-modal-overlay {
+    background: #f6d287; }
+
 :root {
   --stripe-size: 200px;
   --color1: #f6d287;
diff --git a/Seenginx/wwwroot/css/main.min.css b/Seenginx/wwwroot/css/main.min.css
index 96a1ba4..478048a 100644
--- a/Seenginx/wwwroot/css/main.min.css
+++ b/Seenginx/wwwroot/css/main.min.css
@@ -1 +1 @@
-#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000;}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;}html{scrollbar-color:#f1b941 #fbeed0;scrollbar-width:thin;scrollbar-arrow-color:#fbeed0;scrollbar-base-color:#f6d287;scrollbar-darkshadow-color:#f1b941;}*{scrollbar-width:inherit;}.isHidden{display:none;}@media only screen and (max-width:37.5em){.isHiddenMobile{display:none;}}.petiteCaps{font-variant:petite-caps;}.flexCenter{display:flex;align-content:center;align-items:center;}.noBottomMargin{margin-bottom:0 !important;}.isNoWrap{white-space:nowrap;}.isFinger{cursor:pointer;}.neomorph{box-shadow:-8px -8px 16px rgba(251,238,208,.5),8px 8px 16px rgba(241,185,65,.5);}.neomorphSmall{box-shadow:-6px -6px 12px rgba(251,238,208,.5),6px 6px 12px rgba(241,185,65,.5);}.neomorphXSmall{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5);}.neomorphBottom{filter:drop-shadow(8px 8px 14px #f1b941);}.neomorphInset{box-shadow:inset 8px 8px 16px rgba(241,185,65,.5),inset -8px -8px 16px rgba(251,238,208,.5);}.neomorphInsetSmall{box-shadow:inset 6px 6px 12px rgba(241,185,65,.5),inset -6px -6px 12px rgba(251,238,208,.5);}.neomorphInsetXSmall{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5);}.neoBtn{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5);background:none !important;border:none !important;transition:all .2s linear;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.neoBtn:focus{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5) !important;}.neoBtn:hover{box-shadow:-6px -6px 12px rgba(251,238,208,.5),6px 6px 12px rgba(241,185,65,.5);background:none !important;border:none !important;transform:scale(1.1);}.neoBtnSmall{box-shadow:-2px -2px 4px rgba(251,238,208,.5),2px 2px 4px rgba(241,185,65,.5);background:none !important;border:none !important;transition:all .2s linear;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.neoBtnSmall:focus{box-shadow:-2px -2px 4px rgba(251,238,208,.5),2px 2px 4px rgba(241,185,65,.5) !important;}.neoBtnSmall:hover{box-shadow:-4px -4px 8px rgba(251,238,208,.5),4px 4px 8px rgba(241,185,65,.5);background:none !important;border:none !important;transform:scale(1.1);}.neoFile{box-shadow:0 0 0 rgba(251,238,208,.5),0 0 0 rgba(241,185,65,.5) !important;transition:all .2s linear;-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;background:#f6d287 !important;}.neoFile:hover{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5) !important;}.neoFile.isSelected{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5) !important;}.neoFile.is-active,.neoFile.active{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5) !important;color:#181515 !important;}.neoInput{box-shadow:inset 2px 2px 4px rgba(241,185,65,.5),inset -2px -2px 4px rgba(251,238,208,.5) !important;background:#f6d287 !important;border:none !important;}.neoInput:focus{border:none !important;}.neoSelect>select{box-shadow:inset 2px 2px 4px rgba(241,185,65,.5),inset -2px -2px 4px rgba(251,238,208,.5) !important;background:#f6d287 !important;border:none !important;}.neoSelect>select:focus{border:none !important;}.gradientBackground{background:linear-gradient(to right bottom,#f7d794,#f5cd79);}.borderR{border-radius:14px;}.borderRSmall{border-radius:7px !important;}.borderRBig{border-radius:28px;}.bg{background:#f6d287;}.sameMarginBottom{margin-bottom:1rem !important;}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.fullwidth{width:100%;}@font-face{font-family:'Ubuntu';src:url(/fonts/ubuntu-light-webfont.woff2) format("woff2");font-weight:300;font-style:normal;}@font-face{font-family:'Ubuntu-Mono';src:url(/fonts/ubuntumono-regular-webfont.woff2) format("woff2");font-style:normal;}html{font-family:Ubuntu,sans-serif;}.menu-list li a{font-family:Ubuntu-Mono,'Noto Mono';}#editor{position:absolute;top:0;right:0;bottom:0;left:0;}.select:not(.is-multiple):not(.is-loading)::after{border-color:#f1b941;}.select:not(.is-multiple):not(.is-loading):hover::after{border-color:#be860e;}.ace-solarized-light{background:#f6d287;}.ace-solarized-light .ace_gutter{background:#f5cd79;}.ace-solarized-light .ace_gutter-active-line{border-radius:50px 0 0 50px;}.ace-solarized-light .ace_marker-layer .ace_active-line{border-radius:0 50px 50px 0;}.modal-background{background:rgba(246,210,135,.9);}.modal-content{border-radius:28px;}.modal-card-head,.modal-card-foot{background:#f6d287;}.modal-card-head{border:none;border-radius:0;}.modal-card-body{background:#f6d287;}.modal-card-foot{border:none;border-radius:0;}:root{--stripe-size:200px;--color1:#f6d287;--color2:#f1b941;--duration:10s;}.stripe{position:relative;display:flex;justify-content:center;align-items:center;justify-items:center;width:100%;height:100%;overflow:hidden;}.stripe_inner{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:8rem;text-align:center;font-family:'Anton',sans-serif;color:rgba(255,255,255,0);background:repeating-linear-gradient(45deg,var(--color1) 25%,var(--color1) 50%,var(--color2) 50%,var(--color2) 75%);background-size:var(--stripe-size) var(--stripe-size);background-clip:text;animation:stripeBackgroundPosition var(--duration) linear infinite;}.stripe::before{content:'';position:absolute;top:0;left:0;width:calc(100% + var(--stripe-size));height:100%;background:repeating-linear-gradient(45deg,var(--color2) 25%,var(--color2) 50%,var(--color1) 50%,var(--color1) 75%);background-size:var(--stripe-size) var(--stripe-size);animation:stripeTransform var(--duration) linear infinite;}.stripe::after{content:'';position:absolute;width:100%;height:100%;}@keyframes stripeTransform{0%{transform:translateX(0);}100%{transform:translateX(calc(var(--stripe-size)*-1));}}@keyframes stripeBackgroundPosition{0%{background-position:0 0;}100%{background-position:calc(var(--stripe-size)*-1) 0;}}.main{display:flex;flex-wrap:nowrap;align-items:start;width:100%;height:100vh;padding:2.5%;}.mainNav{overflow-y:auto;padding:14px;width:17%;margin-right:40px;}.mainPage{overflow-y:auto;padding:28px;width:calc(83% - 40px);align-self:stretch;}.filesWithEditor{display:grid;grid-template-areas:"filterFiles fileTitle" "files codeEditor" "filesActions editorActions";grid-gap:25px;height:100%;max-height:100%;min-height:10%;grid-template-rows:30px auto 30px;grid-template-columns:30% auto;width:100%;}.filesWithEditor .filterFiles{grid-area:filterFiles;}.filesWithEditor .fileTitle{grid-area:fileTitle;}.filesWithEditor .fileTitle .field,.filesWithEditor .fileTitle .control{height:100%;}.filesWithEditor .files{grid-area:files;display:block;min-height:10%;padding:4% 0;}.filesWithEditor .filesList{display:flex;flex-direction:column;align-items:stretch;height:100%;min-height:10%;width:100%;padding:4% 8%;overflow-y:auto;}.filesWithEditor .codeEditor{grid-area:codeEditor;min-height:0;height:100%;position:relative;display:flex;justify-content:center;align-items:center;}.filesWithEditor .codeEditor .editor{height:100%;margin:0;width:100%;}.filesWithEditor .filesActions{grid-area:filesActions;}.filesWithEditor .editorActions{grid-area:editorActions;}.menu-list>li>.neoFile{margin-bottom:4%;}.confFile{padding:4% 6%;margin-bottom:3%;}
\ No newline at end of file
+#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000;}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;}html{scrollbar-color:#f1b941 #fbeed0;scrollbar-width:thin;scrollbar-arrow-color:#fbeed0;scrollbar-base-color:#f6d287;scrollbar-darkshadow-color:#f1b941;}*{scrollbar-width:inherit;}.isHidden{display:none;}@media only screen and (max-width:37.5em){.isHiddenMobile{display:none;}}.petiteCaps{font-variant:petite-caps;}.flexCenter{display:flex;align-content:center;align-items:center;}.noBottomMargin{margin-bottom:0 !important;}.isNoWrap{white-space:nowrap;}.isFinger{cursor:pointer;}.neomorph{box-shadow:-8px -8px 16px rgba(251,238,208,.5),8px 8px 16px rgba(241,185,65,.5);}.neomorphSmall{box-shadow:-6px -6px 12px rgba(251,238,208,.5),6px 6px 12px rgba(241,185,65,.5);}.neomorphXSmall{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5);}.neomorphBottom{filter:drop-shadow(8px 8px 14px #f1b941);}.neomorphInset{box-shadow:inset 8px 8px 16px rgba(241,185,65,.5),inset -8px -8px 16px rgba(251,238,208,.5);}.neomorphInsetSmall{box-shadow:inset 6px 6px 12px rgba(241,185,65,.5),inset -6px -6px 12px rgba(251,238,208,.5);}.neomorphInsetXSmall{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5);}.neoBtn{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5);background:none !important;border:none !important;transition:all .2s linear;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.neoBtn:focus{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5) !important;}.neoBtn:hover{box-shadow:-6px -6px 12px rgba(251,238,208,.5),6px 6px 12px rgba(241,185,65,.5);background:none !important;border:none !important;transform:scale(1.1);}.neoBtnSmall{box-shadow:-2px -2px 4px rgba(251,238,208,.5),2px 2px 4px rgba(241,185,65,.5);background:none !important;border:none !important;transition:all .2s linear;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.neoBtnSmall:focus{box-shadow:-2px -2px 4px rgba(251,238,208,.5),2px 2px 4px rgba(241,185,65,.5) !important;}.neoBtnSmall:hover{box-shadow:-4px -4px 8px rgba(251,238,208,.5),4px 4px 8px rgba(241,185,65,.5);background:none !important;border:none !important;transform:scale(1.1);}.neoFile{box-shadow:0 0 0 rgba(251,238,208,.5),0 0 0 rgba(241,185,65,.5) !important;transition:all .2s linear;-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;background:#f6d287 !important;}.neoFile:hover{box-shadow:-3px -3px 6px rgba(251,238,208,.5),3px 3px 6px rgba(241,185,65,.5) !important;}.neoFile.isSelected{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5) !important;}.neoFile.is-active,.neoFile.active{box-shadow:inset 3px 3px 6px rgba(241,185,65,.5),inset -3px -3px 6px rgba(251,238,208,.5) !important;color:#181515 !important;}.neoInput{box-shadow:inset 2px 2px 4px rgba(241,185,65,.5),inset -2px -2px 4px rgba(251,238,208,.5) !important;background:#f6d287 !important;border:none !important;}.neoInput:focus{border:none !important;}.neoSelect>select{box-shadow:inset 2px 2px 4px rgba(241,185,65,.5),inset -2px -2px 4px rgba(251,238,208,.5) !important;background:#f6d287 !important;border:none !important;}.neoSelect>select:focus{border:none !important;}.field.has-addons>.control.is-expanded>.neoInput{box-shadow:inset 2px 2px 4px rgba(241,185,65,.5),inset 2px -2px 4px rgba(251,238,208,.5) !important;}.field.has-addons>.control>.neoSelect>select{box-shadow:inset -2px 2px 4px rgba(241,185,65,.5),inset -2px -2px 4px rgba(251,238,208,.5) !important;}.gradientBackground{background:linear-gradient(to right bottom,#f7d794,#f5cd79);}.borderR{border-radius:14px;}.borderRSmall{border-radius:7px !important;}.borderRBig{border-radius:28px;}.bg{background:#f6d287;}.sameMarginBottom{margin-bottom:1rem !important;}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.fullwidth{width:100%;}@font-face{font-family:'Ubuntu';src:url(/fonts/ubuntu-light-webfont.woff2) format("woff2");font-weight:300;font-style:normal;}@font-face{font-family:'Ubuntu-Mono';src:url(/fonts/ubuntumono-regular-webfont.woff2) format("woff2");font-style:normal;}html{font-family:Ubuntu,sans-serif;}.menu-list li a{font-family:Ubuntu-Mono,'Noto Mono';}#editor{position:absolute;top:0;right:0;bottom:0;left:0;}.select:not(.is-multiple):not(.is-loading)::after{border-color:#f1b941;}.select:not(.is-multiple):not(.is-loading):hover::after{border-color:#be860e;}.ace-solarized-light{background:#f6d287;}.ace-solarized-light .ace_gutter{background:#f5cd79;}.ace-solarized-light .ace_gutter-active-line{border-radius:50px 0 0 50px;}.ace-solarized-light .ace_marker-layer .ace_active-line{border-radius:0 50px 50px 0;}.modal-content{border-radius:28px;}.modal-card-head,.modal-card-foot{background:#f6d287;}.modal-card-head{border:none;border-radius:0;}.modal-card-body{background:#f6d287;}.modal-card-foot{border:none;border-radius:0;}.blazored-modal{background-color:transparent;border-radius:0;border:none;padding:0;box-shadow:none;}.blazored-modal-container{left:0;top:0;}.blazored-modal-overlay{background:#f6d287;}:root{--stripe-size:200px;--color1:#f6d287;--color2:#f1b941;--duration:10s;}.stripe{position:relative;display:flex;justify-content:center;align-items:center;justify-items:center;width:100%;height:100%;overflow:hidden;}.stripe_inner{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:8rem;text-align:center;font-family:'Anton',sans-serif;color:rgba(255,255,255,0);background:repeating-linear-gradient(45deg,var(--color1) 25%,var(--color1) 50%,var(--color2) 50%,var(--color2) 75%);background-size:var(--stripe-size) var(--stripe-size);background-clip:text;animation:stripeBackgroundPosition var(--duration) linear infinite;}.stripe::before{content:'';position:absolute;top:0;left:0;width:calc(100% + var(--stripe-size));height:100%;background:repeating-linear-gradient(45deg,var(--color2) 25%,var(--color2) 50%,var(--color1) 50%,var(--color1) 75%);background-size:var(--stripe-size) var(--stripe-size);animation:stripeTransform var(--duration) linear infinite;}.stripe::after{content:'';position:absolute;width:100%;height:100%;}@keyframes stripeTransform{0%{transform:translateX(0);}100%{transform:translateX(calc(var(--stripe-size)*-1));}}@keyframes stripeBackgroundPosition{0%{background-position:0 0;}100%{background-position:calc(var(--stripe-size)*-1) 0;}}.main{display:flex;flex-wrap:nowrap;align-items:start;width:100%;height:100vh;padding:2.5%;}.mainNav{overflow-y:auto;padding:14px;width:17%;margin-right:40px;}.mainPage{overflow-y:auto;padding:28px;width:calc(83% - 40px);align-self:stretch;}.filesWithEditor{display:grid;grid-template-areas:"filterFiles fileTitle" "files codeEditor" "filesActions editorActions";grid-gap:25px;height:100%;max-height:100%;min-height:10%;grid-template-rows:30px auto 30px;grid-template-columns:30% auto;width:100%;}.filesWithEditor .filterFiles{grid-area:filterFiles;}.filesWithEditor .fileTitle{grid-area:fileTitle;}.filesWithEditor .fileTitle .field,.filesWithEditor .fileTitle .control{height:100%;}.filesWithEditor .files{grid-area:files;display:block;min-height:10%;padding:4% 0;}.filesWithEditor .filesList{display:flex;flex-direction:column;align-items:stretch;height:100%;min-height:10%;width:100%;padding:4% 8%;overflow-y:auto;}.filesWithEditor .codeEditor{grid-area:codeEditor;min-height:0;height:100%;position:relative;display:flex;justify-content:center;align-items:center;}.filesWithEditor .codeEditor .editor{height:100%;margin:0;width:100%;}.filesWithEditor .filesActions{grid-area:filesActions;}.filesWithEditor .editorActions{grid-area:editorActions;}.menu-list>li>.neoFile{margin-bottom:4%;}.confFile{padding:4% 6%;margin-bottom:3%;}
\ No newline at end of file