From 1d173f24677b97567255bc8dcdf13454810344ff Mon Sep 17 00:00:00 2001
From: thepra <thepra@pm.me>
Date: Wed, 1 Jul 2020 19:36:22 +0200
Subject: [PATCH] Implemented adding nginx conf file

---
 .../Seenginx.Components.csproj                |  8 +-
 Seenginx.Models/NewFileForm.cs                |  2 +
 Seenginx.Models/Template.cs                   |  8 ++
 Seenginx/Components/FilesWithEditor.razor     | 12 +--
 Seenginx/Components/FilesWithEditor.razor.cs  | 31 +++++---
 Seenginx/Pages/Nginx.razor                    | 73 +++++++++++++++----
 Seenginx/Pages/Nginx.razor.cs                 | 67 ++++++++++-------
 Seenginx/SCSS/override-framework.scss         | 29 ++++++++
 Seenginx/SCSS/template.scss                   | 13 ++--
 Seenginx/SCSS/utility.scss                    | 14 ++++
 Seenginx/Seenginx.csproj                      |  9 ++-
 Seenginx/Services/DmesgService.cs             |  1 +
 Seenginx/Services/INginxService.cs            |  1 +
 Seenginx/Services/NginxService.cs             | 44 ++++++++++-
 Seenginx/Services/SystemDService.cs           |  2 +
 Seenginx/Startup.cs                           |  5 +-
 Seenginx/wwwroot/css/main.css                 | 37 +++++++++-
 Seenginx/wwwroot/css/main.min.css             |  2 +-
 .../wwwroot/templates/nginx/proxy.template    | 39 ++++++++++
 19 files changed, 317 insertions(+), 80 deletions(-)
 create mode 100644 Seenginx.Models/Template.cs
 create mode 100644 Seenginx/wwwroot/templates/nginx/proxy.template

diff --git a/Seenginx.Components/Seenginx.Components.csproj b/Seenginx.Components/Seenginx.Components.csproj
index 6084ebc..7955aa3 100644
--- a/Seenginx.Components/Seenginx.Components.csproj
+++ b/Seenginx.Components/Seenginx.Components.csproj
@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk.Razor">
+<Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
     <TargetFramework>netstandard2.0</TargetFramework>
@@ -7,9 +7,9 @@
 
 
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components" Version="3.1.3" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="3.1.3" />
-    <PackageReference Include="Radzen.Blazor" Version="2.5.8" />
+    <PackageReference Include="Microsoft.AspNetCore.Components" Version="3.1.5" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="3.1.5" />
+    <PackageReference Include="Radzen.Blazor" Version="2.10.9" />
   </ItemGroup>
 
 
diff --git a/Seenginx.Models/NewFileForm.cs b/Seenginx.Models/NewFileForm.cs
index 68ff445..883d57a 100644
--- a/Seenginx.Models/NewFileForm.cs
+++ b/Seenginx.Models/NewFileForm.cs
@@ -7,5 +7,7 @@ namespace Seenginx.Models
 	public class NewFileForm
 	{
 		public string Name { get; set; }
+		public string SelectedTemplate { get; set; } = "0";
+		public List<Template> Templates { get; set; } = new List<Template>();
 	}
 }
diff --git a/Seenginx.Models/Template.cs b/Seenginx.Models/Template.cs
new file mode 100644
index 0000000..dec2524
--- /dev/null
+++ b/Seenginx.Models/Template.cs
@@ -0,0 +1,8 @@
+namespace Seenginx.Models
+{
+	public class Template
+	{
+		public string Name { get; set; }
+		public string Code { get; set; }
+	}
+}
diff --git a/Seenginx/Components/FilesWithEditor.razor b/Seenginx/Components/FilesWithEditor.razor
index 6161b7c..8624e51 100644
--- a/Seenginx/Components/FilesWithEditor.razor
+++ b/Seenginx/Components/FilesWithEditor.razor
@@ -11,8 +11,8 @@
 				</span>
 			</div>
 			<div class="control has-icons-left">
-				<div class="select is-small is-rounded">
-					<select class="neoInput" @onchange="e => OnFilterClick(e.Value.ToString())">
+				<div class="select is-small is-rounded neoSelect">
+					<select @onchange="e => OnFilterClick(e.Value.ToString())">
 						@foreach (var filter in Filters)
 						{
 							<option value="@filter">@filter</option>
@@ -57,8 +57,8 @@
 		<div class="filesList">
 			@foreach (var file in Files)
 			{
-				<div @onclick="e => OnFileClick(e,file)" @key="file" class="confFile borderRSmall isFinger neoFile @file.IsVisible @file.IsSelected">
-					<p class="is-7">@file.Folder</p>
+				<div @onclick="async e => await OnFileClick(e,file)" @key="file" class="confFile borderRSmall isFinger neoFile @file.IsVisible @file.IsSelected">
+					<p class="is-size-7">@file.Folder</p>
 					<p class="has-text-weight-bold ellipsis @(file.CanBeDeleted ? null : "has-text-danger")">@file.Name</p>
 				</div>
 			}
@@ -77,13 +77,13 @@
 		<div class="buttons is-centered">
 			<button class="button is-rounded neoBtnSmall is-small noBottomMargin" @onclick="OnAddDialog">
 				<span class="icon is-small has-text-success">
-					<i class="mdi mdi-plus-box-outline"></i>
+					<i class="mdi mdi-plus"></i>
 				</span>
 				<span>Add</span>
 			</button>
 			<button class="button is-rounded neoBtnSmall is-small noBottomMargin @IsSelectedFileDeletable" @onclick="OnDeleteDialog">
 				<span class="icon is-small has-text-danger">
-					<i class="mdi mdi-minus-box-outline"></i>
+					<i class="mdi mdi-minus"></i>
 				</span>
 				<span>Delete</span>
 			</button>
diff --git a/Seenginx/Components/FilesWithEditor.razor.cs b/Seenginx/Components/FilesWithEditor.razor.cs
index 3a00c7b..6c9eee9 100644
--- a/Seenginx/Components/FilesWithEditor.razor.cs
+++ b/Seenginx/Components/FilesWithEditor.razor.cs
@@ -51,26 +51,39 @@ namespace Seenginx.Components
 		[Parameter]
 		public CFile SelectedFile { get; set; } = default;
 
-
-		protected async override Task OnInitializedAsync()
+		protected override async Task OnParametersSetAsync()
 		{
-			SelectedFilter = Filters.First();
-			await base.OnInitializedAsync();
+			try
+			{
+				SelectedFilter = Filters.FirstOrDefault();
+				await base.OnParametersSetAsync();
+			}
+			catch (Exception ex)
+			{
+				throw ex;
+			}
 		}
 
 		protected async override Task OnAfterRenderAsync(bool firstRender)
 		{
-			await JsRuntime.InvokeVoidAsync("InitEditor");
-			await base.OnAfterRenderAsync(firstRender);
+			try
+			{
+				await JsRuntime.InvokeVoidAsync("InitEditor");
+				await base.OnAfterRenderAsync(firstRender);
+			}
+			catch (Exception ex)
+			{
+				throw ex;
+			}
 		}
 
-		protected async Task OnFilterClick(string filter)
+		protected void OnFilterClick(string filter)
 		{
 			SelectedFilter = filter;
 			SearchFile();
 		}
 
-		protected async Task SearchInputChanged(string searchInput)
+		protected void SearchInputChanged(string searchInput)
 		{
 			SearchInput = searchInput;
 			SearchFile();
@@ -169,8 +182,6 @@ namespace Seenginx.Components
 
 		[Parameter]
 		public EventCallback AddFileModal { get; set; }
-		[Parameter]
-		public Result<ConfigFile> AddResult { get; set; }
 		protected async Task OnAddDialog()
 		{
 			await AddFileModal.InvokeAsync(null);
diff --git a/Seenginx/Pages/Nginx.razor b/Seenginx/Pages/Nginx.razor
index e07b5a7..932b3d7 100644
--- a/Seenginx/Pages/Nginx.razor
+++ b/Seenginx/Pages/Nginx.razor
@@ -1,33 +1,74 @@
 @inherits NginxBase
 @page "/nginx"
-
 <FilesWithEditor CFile="ConfigFile" Filters="Filters" Files="ConfigFiles" FilterFolder="FilterFolder"
 								 SelectedFile="SelectedFile" SelectedFileChanged="SelectedFileChanged"
 								 TestConfiguration="TestConfiguration" TestResult="TestResult"
 								 DeleteFileModal="DeleteFile" DeleteResult="DeleteResult"
-								 AddFileModal="ShowAddFileModal" AddResult="AddFileResult">
+								 AddFileModal="ShowAddFileModal">
 </FilesWithEditor>
 <Modal @ref="AddFileModal">
 	<ModalBackdrop />
-	<ModalContent IsForm="true" IsCentered="true">
+	<ModalContent Class="neomorph">
 		<ModalHeader>
-			<ModalTitle>Add new file form</ModalTitle>
-			<CloseButton Clicked="e => CloseModal(AddFileModal)"/>
+			<ModalTitle Class="has-text-centered">Add a new configuration for a service</ModalTitle>
 		</ModalHeader>
 		<ModalBody>
-			<Blazorise.Bulma.Fields>
-				<Blazorise.Bulma.Field>
-					<Blazorise.Bulma.FieldLabel>File name</Blazorise.Bulma.FieldLabel>
-					<Blazorise.Bulma.FieldBody @bind-FileName="NewFileForm.Name"></Blazorise.Bulma.FieldBody>
-					<Blazorise.Bulma.FieldHelp>Service name which is going to be behing di config file</Blazorise.Bulma.FieldHelp>
-				</Blazorise.Bulma.Field>
-			</Blazorise.Bulma.Fields>
+			<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>
-			<Blazorise.Bulma.Button Color="Color.Secondary" Clicked="e => CloseModal(AddFileModal)">Close</Blazorise.Bulma.Button>
-			<Blazorise.Bulma.Button Color="Color.Primary" Clicked="AddFileAsync">Add</Blazorise.Bulma.Button>
+			<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 ModalReference="GeneralNotificationModal"
-													NotificationSettings="GeneralNotificationSettings"></GeneralNotificationModal>
+@*<GeneralNotificationModal ModalReference="GeneralNotificationModal" NotificationSettings="GeneralNotificationSettings"></GeneralNotificationModal>*@
diff --git a/Seenginx/Pages/Nginx.razor.cs b/Seenginx/Pages/Nginx.razor.cs
index 2aa8a84..fadf8bd 100644
--- a/Seenginx/Pages/Nginx.razor.cs
+++ b/Seenginx/Pages/Nginx.razor.cs
@@ -30,47 +30,62 @@ namespace Seenginx.Pages
 
 		public Dictionary<string, string> FilterFolder { get; set; } = new Dictionary<string, string>();
 
-		protected override async Task OnInitializedAsync()
+		protected override async Task OnParametersSetAsync()
 		{
-			ConfigFiles.AddRange(await NginxService.GetFilesAsync());
-			Filters.AddRange(new List<string> { "All", "Root", "Conf.d", "Available", "Enabled" });
-			FilterFolder.Add("All", null);
-			FilterFolder.Add("Root", "/");
-			FilterFolder.Add("Conf.d", "/conf.d");
-			FilterFolder.Add("Available", "/sites-available");
-			FilterFolder.Add("Enabled", "/sites-enabled");
-			await base.OnInitializedAsync();
+			try
+			{
+				ConfigFiles.AddRange(await NginxService.GetFilesAsync());
+				Filters.AddRange(new List<string> { "All", "Root", "Conf.d", "Available", "Enabled" });
+				FilterFolder.Add("All", null);
+				FilterFolder.Add("Root", "/");
+				FilterFolder.Add("Conf.d", "/conf.d");
+				FilterFolder.Add("Available", "/sites-available");
+				FilterFolder.Add("Enabled", "/sites-enabled");
+				NewFileForm.Templates.AddRange(await NginxService.GetTemplates());
+			}
+			catch (Exception ex)
+			{
+				throw ex;
+			}
+			await base.OnParametersSetAsync();
 		}
 
-		public async Task SelectedFileChanged(ConfigFile configFile)
+		public void SelectedFileChanged(ConfigFile configFile)
 		{
 			SelectedFile = configFile;
 		}
 
 
 		protected Modal AddFileModal { get; set; }
-		public Result<ConfigFile> AddFileResult { get; set; }
-		public async Task ShowAddFileModal()
+		public void ShowAddFileModal()
 		{
 			AddFileModal.Show();
 		}
+
 		public NewFileForm NewFileForm { get; set; } = new NewFileForm();
 		public async Task AddFileAsync()
 		{
-			AddFileResult = await NginxService.AddFileAsync(NewFileForm);
-			if (AddFileResult.AllOk)
-				ConfigFiles.Add(AddFileResult.Data);
-			else
-			{
-				GeneralNotificationSettings = new GeneralNotificationSettings
-				{
-					ButtonColor = Color.Danger,
-					TitleClass = "mdi-error",
-					Title = "Failure",
-					Text = TestResult.ErrorMessage
-				};
-				GeneralNotificationModal.Show();
-			}
+			var addFileResult = await NginxService.AddFileAsync(NewFileForm);
+
+			if (!addFileResult.AllOk)
+				throw new Exception(":/");
+
+			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();
+			//}
 		}
 
 		public Result<ConfigFile> SaveUpdateDraftResult { get; set; }
diff --git a/Seenginx/SCSS/override-framework.scss b/Seenginx/SCSS/override-framework.scss
index 8e6e3b5..7ef9919 100644
--- a/Seenginx/SCSS/override-framework.scss
+++ b/Seenginx/SCSS/override-framework.scss
@@ -52,3 +52,32 @@ html {
 	}
 }
 
+.modal- {
+	&background {
+		background: rgba($background,.9);
+	}
+
+	&content {
+		border-radius: $border-radius-b;
+	}
+
+	&card- {
+		&head, &foot {
+			background: $background
+		}
+
+		&head {
+			border: none;
+			border-radius: 0;
+		}
+
+		&body {
+			background: $background
+		}
+
+		&foot {
+			border: none;
+			border-radius: 0;
+		}
+	}
+}
diff --git a/Seenginx/SCSS/template.scss b/Seenginx/SCSS/template.scss
index 3352f62..d05887c 100644
--- a/Seenginx/SCSS/template.scss
+++ b/Seenginx/SCSS/template.scss
@@ -50,11 +50,6 @@
 		min-height: 10%;
 		padding: 4% 0;
 
-		& .confFile {
-			padding: 4% 6%;
-			margin-bottom: 3%;
-		}
-
 		&List {
 			display: flex;
 			flex-direction: column;
@@ -96,3 +91,11 @@
 .menu-list > li > .neoFile {
 	margin-bottom: 4%
 }
+
+
+.confFile {
+	padding: 4% 6%;
+	margin-bottom: 3%;
+
+
+}
\ No newline at end of file
diff --git a/Seenginx/SCSS/utility.scss b/Seenginx/SCSS/utility.scss
index 28e4210..b39a030 100644
--- a/Seenginx/SCSS/utility.scss
+++ b/Seenginx/SCSS/utility.scss
@@ -137,6 +137,16 @@
 			border: none !important;
 		}
 	}
+
+	&Select > select {
+		box-shadow: inset 2px 2px 4px rgba($dark-shadow, .5),inset -2px -2px 4px rgba($light-shadow, .5) !important;
+		background: $background !important;
+		border: none !important;
+
+		&:focus {
+			border: none !important;
+		}
+	}
 }
 
 .gradientBackground {
@@ -168,3 +178,7 @@
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
+
+.fullwidth {
+	width: 100%
+}
diff --git a/Seenginx/Seenginx.csproj b/Seenginx/Seenginx.csproj
index 790f85d..1118c60 100644
--- a/Seenginx/Seenginx.csproj
+++ b/Seenginx/Seenginx.csproj
@@ -10,6 +10,7 @@
 
   <ItemGroup>
     <Folder Include="wwwroot\images\" />
+    <Folder Include="wwwroot\templates\systemd\" />
   </ItemGroup>
 
   <ItemGroup>
@@ -17,10 +18,10 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="Blazorise.Bulma" Version="0.9.0.1" />
-    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="0.9.0.1" />
-    <PackageReference Include="Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation" Version="3.1.3" />
-    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="3.1.2" />
+    <PackageReference Include="Blazorise.Bulma" Version="0.9.1.1" />
+    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="0.9.1.1" />
+    <PackageReference Include="Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation" Version="3.1.5" />
+    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="3.1.3" />
     <PackageReference Include="Mono.Posix.NETStandard" Version="1.0.0" />
   </ItemGroup>
 
diff --git a/Seenginx/Services/DmesgService.cs b/Seenginx/Services/DmesgService.cs
index cfc04e7..ee73c69 100644
--- a/Seenginx/Services/DmesgService.cs
+++ b/Seenginx/Services/DmesgService.cs
@@ -10,6 +10,7 @@ namespace Seenginx.Services
 	{
 		public async Task<IEnumerable<string>> GetLogMessages(DmesgFilter filter = null)
 		{
+			await Task.Run(() => { });
 			return new List<string>();
 		}
 	}
diff --git a/Seenginx/Services/INginxService.cs b/Seenginx/Services/INginxService.cs
index b024b8b..51518d9 100644
--- a/Seenginx/Services/INginxService.cs
+++ b/Seenginx/Services/INginxService.cs
@@ -9,5 +9,6 @@ namespace Seenginx.Services
 		Task<IEnumerable<ConfigFile>> GetFilesAsync();
 		Task<Result<string>> TestNginxConfigurations(ConfigFile configFile);
 		Task<Result<ConfigFile>> AddFileAsync(NewFileForm newFileForm);
+		Task<IEnumerable<Template>> GetTemplates();
 	}
 }
\ No newline at end of file
diff --git a/Seenginx/Services/NginxService.cs b/Seenginx/Services/NginxService.cs
index 74f0fe3..f04f6a5 100644
--- a/Seenginx/Services/NginxService.cs
+++ b/Seenginx/Services/NginxService.cs
@@ -1,9 +1,11 @@
+using Microsoft.CodeAnalysis;
 using Seenginx.Models;
 using Seenginx.Services.Models;
 using System;
 using System.Collections.Generic;
 using System.IO;
 using System.Linq;
+using System.Text;
 using System.Threading.Tasks;
 
 namespace Seenginx.Services
@@ -19,13 +21,25 @@ namespace Seenginx.Services
 
 		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.Data.Name = newFileForm.Name;
+			addResult.SetData(newFile);
+
 			return addResult;
 		}
 
 		public async Task<IEnumerable<ConfigFile>> GetFilesAsync()
 		{
+			await Task.Run(() => { });
 			var rootConfigs = Directory.GetFiles(ConfigPaths.NginxPath, "*.conf");
 			var confdConfigs = Directory.GetFiles(Path.Combine(ConfigPaths.NginxPath, "conf.d"), "*.conf");
 			var sitesAvailableConfigs = Directory.GetFiles(Path.Combine(ConfigPaths.NginxPath, "sites-available"), "*.conf");
@@ -88,8 +102,36 @@ namespace Seenginx.Services
 			return finalList;
 		}
 
+		public async Task<IEnumerable<Template>> GetTemplates()
+		{
+			var templates = new List<Template>();
+			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)
+				{
+					var template = new Template();
+					var templateFileLines = await File.ReadAllLinesAsync(templateFilePath);
+					template.Name = templateFileLines.FirstOrDefault();
+					template.Code = string.Join(Environment.NewLine, templateFileLines.Skip(2));
+					templates.Add(template);
+				}
+
+				return templates;
+			}
+			catch (Exception ex)
+			{
+				throw ex;
+			}
+		}
+
 		public async Task<Result<string>> TestNginxConfigurations(ConfigFile configFile)
 		{
+			await Task.Run(() => { });
 			var result = new Result<string>();
 			result.SetData("Uhu");
 			return result;
diff --git a/Seenginx/Services/SystemDService.cs b/Seenginx/Services/SystemDService.cs
index 1a3b9c3..6a261d9 100644
--- a/Seenginx/Services/SystemDService.cs
+++ b/Seenginx/Services/SystemDService.cs
@@ -10,11 +10,13 @@ namespace Seenginx.Services
 	{
 		public async Task<IEnumerable<ConfigFile>> GetFiles(SystemDFilter filter = null)
 		{
+			await Task.Run(() => { });
 			return new List<ConfigFile>();
 		}
 
 		public async Task<IEnumerable<string>> GetLogMessages(SystemDLogsFilter filter = null)
 		{
+			await Task.Run(() => { });
 			return new List<string>();
 		}
 	}
diff --git a/Seenginx/Startup.cs b/Seenginx/Startup.cs
index ab20eb7..1fbd905 100644
--- a/Seenginx/Startup.cs
+++ b/Seenginx/Startup.cs
@@ -25,8 +25,6 @@ namespace Seenginx
 
 		public IConfiguration Configuration { get; }
 
-		// This method gets called by the runtime. Use this method to add services to the container.
-		// For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940
 		public void ConfigureServices(IServiceCollection services)
 		{
 			services.AddRazorPages()
@@ -67,8 +65,7 @@ namespace Seenginx
 
 			app.UseRouting();
 
-			app.ApplicationServices
-			.UseBulmaProviders();
+			app.ApplicationServices.UseBulmaProviders();
 
 			app.UseAuthentication();
 
diff --git a/Seenginx/wwwroot/css/main.css b/Seenginx/wwwroot/css/main.css
index 4dc51a3..c050181 100644
--- a/Seenginx/wwwroot/css/main.css
+++ b/Seenginx/wwwroot/css/main.css
@@ -126,6 +126,13 @@ html {
   .neoInput:focus {
     border: none !important; }
 
+.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;
+  background: #f6d287 !important;
+  border: none !important; }
+  .neoSelect > select:focus {
+    border: none !important; }
+
 .gradientBackground {
   background: linear-gradient(to right bottom, #f7d794, #f5cd79); }
 
@@ -147,6 +154,9 @@ html {
   overflow: hidden;
   text-overflow: ellipsis; }
 
+.fullwidth {
+  width: 100%; }
+
 @font-face {
   font-family: 'Ubuntu';
   src: url(/fonts/ubuntu-light-webfont.woff2) format("woff2");
@@ -187,6 +197,26 @@ 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; }
+
+.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;
@@ -284,9 +314,6 @@ html {
     display: block;
     min-height: 10%;
     padding: 4% 0; }
-    .filesWithEditor .files .confFile {
-      padding: 4% 6%;
-      margin-bottom: 3%; }
     .filesWithEditor .filesList {
       display: flex;
       flex-direction: column;
@@ -316,3 +343,7 @@ html {
 
 .menu-list > li > .neoFile {
   margin-bottom: 4%; }
+
+.confFile {
+  padding: 4% 6%;
+  margin-bottom: 3%; }
diff --git a/Seenginx/wwwroot/css/main.min.css b/Seenginx/wwwroot/css/main.min.css
index feddacf..96a1ba4 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;}.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;}@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;}: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 .files .confFile{padding:4% 6%;margin-bottom:3%;}.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%;}
\ 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;}.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
diff --git a/Seenginx/wwwroot/templates/nginx/proxy.template b/Seenginx/wwwroot/templates/nginx/proxy.template
new file mode 100644
index 0000000..66b8a1b
--- /dev/null
+++ b/Seenginx/wwwroot/templates/nginx/proxy.template
@@ -0,0 +1,39 @@
+Proxy
+
+server {
+	server_name <domain name>;
+	listen 80;
+	listen [::]:80;
+	location / {
+		return 301 https://$host$request_uri;
+	}
+}
+
+server {
+	server_name <domain name>;
+	listen 443 ssl http2;
+	#listen [::]:443 ssl http2;
+	add_header X-Frame-Options "SAMEORIGIN";
+	add_header X-Content-Type-Options "nosniff";
+	add_header X-Robots-Tag "none";
+	add_header X-Download-Options "noopen";
+	add_header X-Permitted-Cross-Domain-Policies "none";
+	add_header X-XSS-Protection "1;mode=block";
+	add_header Strict-Transport-Security "max-age=15552000; includeSubDomains";
+	add_header Referrer-Policy "no-referrer";
+	client_max_body_size 1G;
+
+	location / {
+		 proxy_http_version 1.1;
+		 proxy_pass_request_headers on;
+		 proxy_set_header Connection "keep-alive";
+		 proxy_store off;
+		 proxy_pass http://localhost:<service port>;
+		 gzip on;
+		 gzip_proxied any;
+		 gzip_types *;
+	}
+
+	#ssl_certificate /etc/letsencrypt/live/<domain name>/fullchain.pem;
+	#ssl_certificate_key /etc/letsencrypt/live/<domain name>/privkey.pem;
+}
\ No newline at end of file