@if (!string.IsNullOrEmpty(ModList.Name))
{
@@ -19,7 +18,6 @@
}
}
- @*
*@
@if (!string.IsNullOrEmpty(Image))
{
if (_installState.Value.CurrentInstallState == InstallState.InstallStateEnum.Configuration)
diff --git a/Wabbajack.App.Blazor/Pages/Configure.razor.css b/Wabbajack.App.Blazor/Pages/Configure.razor.css
new file mode 100644
index 00000000..7727592b
--- /dev/null
+++ b/Wabbajack.App.Blazor/Pages/Configure.razor.css
@@ -0,0 +1,137 @@
+@font-face {
+ font-family: "Raleway";
+ src: url("fonts/Raleway-Variable.ttf");
+}
+@font-face {
+ font-family: "YanoneKaffeesatz";
+ src: url("fonts/YanoneKaffeesatz-Variable.ttf");
+}
+#content {
+ display: flex;
+ height: 100%;
+ align-content: center;
+ justify-content: space-around;
+ align-items: center;
+ color: white;
+ flex-direction: column;
+}
+#content .image {
+ position: absolute;
+ width: calc(100% - 75px);
+ height: calc(100% - 65px);
+ filter: blur(25px) brightness(50%);
+ z-index: -1;
+}
+#content .image img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+#content .list {
+ display: flex;
+ flex: 1;
+ overflow: hidden;
+}
+#content .settings {
+ font-size: 0.85rem;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: 1rem;
+ backdrop-filter: brightness(0.5);
+}
+#content .settings .locations {
+ display: flex;
+ flex-direction: row;
+ flex: 1;
+ overflow: hidden;
+}
+#content .settings .locations .labels span {
+ display: block;
+ height: 2rem;
+ padding: 0.25rem;
+ margin: 0.25rem;
+ white-space: pre;
+ cursor: pointer;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+#content .settings .locations .paths {
+ flex: 1;
+ margin-left: 1rem;
+ overflow: hidden;
+}
+#content .settings .locations .paths span {
+ display: block;
+ height: 2rem;
+ padding: 0.25rem;
+ margin: 0.25rem;
+ white-space: pre;
+ cursor: pointer;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ border: solid 1px rgba(255, 255, 255, 0.3);
+}
+#content .settings .options {
+ display: flex;
+ flex-flow: row wrap;
+ flex-direction: column;
+ margin-left: 2rem;
+}
+#content .settings .options .option {
+ position: relative;
+ display: block;
+ margin: 0.25rem;
+ padding-left: 2rem;
+ cursor: pointer;
+ user-select: none;
+}
+#content .settings .options .option:hover input ~ .checkmark {
+ background-color: darkgrey;
+}
+#content .settings .options .option input {
+ position: absolute;
+ opacity: 0;
+ cursor: pointer;
+ height: 0;
+ width: 0;
+}
+#content .settings .options .option input:checked ~ .checkmark {
+ background-color: #5E437F;
+}
+#content .settings .options .option input:checked ~ .checkmark:after {
+ display: block;
+ left: calc(0.5 * 0.75rem);
+ top: calc(0.25 * 0.75rem);
+ width: calc(0.25 * 0.75rem);
+ height: calc(0.65 * 0.75rem);
+ border: solid white;
+ border-width: 0 3px 3px 0;
+ transform: rotate(45deg);
+}
+#content .settings .options .option .checkmark {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: calc(1.5 * 0.75rem);
+ width: calc(1.5 * 0.75rem);
+ background-color: rgba(255, 255, 255, 0.2);
+}
+#content .settings .options .option .checkmark:after {
+ content: "";
+ position: absolute;
+ display: none;
+}
+#content .settings .install {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin: 0.5rem;
+ cursor: pointer;
+}
+#content .settings .install img {
+ width: 5rem;
+ height: 5rem;
+}
+
+/*# sourceMappingURL=Configure.razor.css.map */
diff --git a/Wabbajack.App.Blazor/Pages/Configure.razor.css.map b/Wabbajack.App.Blazor/Pages/Configure.razor.css.map
new file mode 100644
index 00000000..a40fff26
--- /dev/null
+++ b/Wabbajack.App.Blazor/Pages/Configure.razor.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../Shared/Globals.scss","Configure.razor.scss"],"names":[],"mappings":"AAAC;EACC;EACA;;AAGF;EACE;EACA;;ACWF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGE;EAtDN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAoDI;EACE;EACA;EACA;;AAEA;EAhEN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EA2DQ;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,kBA3FkB;;AA8FpB;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE,kBD7FG;;AC+FH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA,kBA5HY;;AA8HZ;EACE;EACA;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA","file":"Configure.razor.css"}
\ No newline at end of file
diff --git a/Wabbajack.App.Blazor/Pages/Gallery.razor.css b/Wabbajack.App.Blazor/Pages/Gallery.razor.css
new file mode 100644
index 00000000..f0b537b9
--- /dev/null
+++ b/Wabbajack.App.Blazor/Pages/Gallery.razor.css
@@ -0,0 +1,8 @@
+#content {
+ width: 100%;
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: space-evenly;
+}
+
+/*# sourceMappingURL=Gallery.razor.css.map */
diff --git a/Wabbajack.App.Blazor/Pages/Gallery.razor.css.map b/Wabbajack.App.Blazor/Pages/Gallery.razor.css.map
new file mode 100644
index 00000000..37310684
--- /dev/null
+++ b/Wabbajack.App.Blazor/Pages/Gallery.razor.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Gallery.razor.scss"],"names":[],"mappings":"AAAC;EACC;EACA;EACA;EACA","file":"Gallery.razor.css"}
\ No newline at end of file
diff --git a/Wabbajack.App.Blazor/Pages/Home.razor.css b/Wabbajack.App.Blazor/Pages/Home.razor.css
new file mode 100644
index 00000000..9e14477a
--- /dev/null
+++ b/Wabbajack.App.Blazor/Pages/Home.razor.css
@@ -0,0 +1,7 @@
+#content {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+
+/*# sourceMappingURL=Home.razor.css.map */
diff --git a/Wabbajack.App.Blazor/Pages/Home.razor.css.map b/Wabbajack.App.Blazor/Pages/Home.razor.css.map
new file mode 100644
index 00000000..9ffde849
--- /dev/null
+++ b/Wabbajack.App.Blazor/Pages/Home.razor.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Home.razor.scss"],"names":[],"mappings":"AAAC;EACC;EACA;EAEA","file":"Home.razor.css"}
\ No newline at end of file
diff --git a/Wabbajack.App.Blazor/Pages/Installing.razor b/Wabbajack.App.Blazor/Pages/Installing.razor
deleted file mode 100644
index 7ec21c4b..00000000
--- a/Wabbajack.App.Blazor/Pages/Installing.razor
+++ /dev/null
@@ -1,27 +0,0 @@
-@page "/installing"
-@namespace Wabbajack.App.Blazor.Pages
-@inherits Fluxor.Blazor.Web.Components.FluxorComponent
-
-
-
-
-
@StatusText
-
Downloading missing archives...
-
16 of 228 archives downloaded
-
128.27 GB remaining
-
5.6 MB/s
-
-
Downloaded A Cool Mod
-
Downloaded Some Mod With a Long Name
-
Downloaded An Even Longer Name Why Do They Do This
-
Downloaded An Archive From MEGA Wow It's a Miracle
-
Downloaded Archive Mod Something Long
-
-
-
-
-
Manbeast - A Werewolf Overhaul
-
Simon Magus and colinswrath
-
Manbeast is a complete overhaul of Skyrim’s Werewolf system designed to balance existing Werewolf mechanics and add powerful new lycanthropic abilities to the game.
-
-
\ No newline at end of file
diff --git a/Wabbajack.App.Blazor/Pages/Installing.razor.cs b/Wabbajack.App.Blazor/Pages/Installing.razor.cs
deleted file mode 100644
index 31b71a98..00000000
--- a/Wabbajack.App.Blazor/Pages/Installing.razor.cs
+++ /dev/null
@@ -1,82 +0,0 @@
-using System;
-using System.Diagnostics;
-using System.Threading;
-using System.Threading.Tasks;
-using System.Windows.Shell;
-using Fluxor;
-using Microsoft.AspNetCore.Components;
-using Wabbajack.App.Blazor.Store;
-using Wabbajack.App.Blazor.Utility;
-using Wabbajack.Downloaders.GameFile;
-using Wabbajack.DTOs;
-using Wabbajack.DTOs.JsonConverters;
-using Wabbajack.Installer;
-using Wabbajack.Paths;
-
-namespace Wabbajack.App.Blazor.Pages
-{
- public partial class Installing
- {
- [Inject] private NavigationManager NavigationManager { get; set; }
- [Inject] private IState
_installState { get; set; }
- [Inject] private DTOSerializer _dtos { get; set; }
- [Inject] private IDispatcher _dispatcher { get; set; }
- [Inject] private IServiceProvider _serviceProvider { get; set; }
- [Inject] private SystemParametersConstructor _parametersConstructor { get; set; }
- [Inject] private IGameLocator _gameLocator { get; set; }
-
- private ModList modlist { get; set; }
-
- private string StatusText { get; set; }
-
- protected override async Task OnInitializedAsync()
- {
- modlist = _installState.Value.CurrentModList;
-
- Task.Run(BeginInstall);
-
- await base.OnInitializedAsync();
- }
-
- private async Task BeginInstall()
- {
- // var postfix = (await ModListLocation.TargetPath.ToString().Hash()).ToHex();
- // await _settingsManager.Save(InstallSettingsPrefix + postfix, new SavedInstallSettings
- // {
- // ModListLocation = ModListLocation.TargetPath,
- // InstallLocation = Installer.Location.TargetPath,
- // DownloadLoadction = Installer.DownloadLocation.TargetPath,
- // Metadata = ModlistMetadata
- // });
-
- try
- {
- var installer = StandardInstaller.Create(_serviceProvider, new InstallerConfiguration
- {
- Game = modlist.GameType,
- Downloads = (AbsolutePath)_installState.Value.CurrentDownloadPath,
- Install = (AbsolutePath)_installState.Value.CurrentInstallPath,
- ModList = modlist,
- ModlistArchive = (AbsolutePath)_installState.Value.CurrentModListPath,
- SystemParameters = _parametersConstructor.Create(),
- GameFolder = _gameLocator.GameLocation(modlist.GameType)
- });
-
-
- installer.OnStatusUpdate = update =>
- {
- if (StatusText != update.StatusText)
- {
- StatusText = update.StatusText;
- InvokeAsync(StateHasChanged);
- }
- };
- await installer.Begin(CancellationToken.None);
- }
- catch (Exception ex)
- {
- Debug.Print(ex.Message);
- }
- }
- }
-}
\ No newline at end of file
diff --git a/Wabbajack.App.Blazor/Pages/Installing.razor.scss b/Wabbajack.App.Blazor/Pages/Installing.razor.scss
deleted file mode 100644
index 4c98bed5..00000000
--- a/Wabbajack.App.Blazor/Pages/Installing.razor.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-@import "../Shared/Globals.scss";
-
-#content {
- display: flex;
- height: 100%;
- align-content: center;
- justify-content: space-around;
- align-items: center;
- color: white;
-
- .image {
- position: absolute;
- background-image: url("images/modlist-image.png");
- width: calc(100% - #{$sidebar-width});
- height: calc(100% - #{$header-height});
- background-repeat: no-repeat;
- background-size: cover;
- background-position: center;
- filter: blur(25px) brightness(50%);
- z-index: -1;
- }
- .info {
- width: fit-content;
- height: fit-content;
-
- .step {
- margin-left: -20px;
- font-size: 5rem;
- font-weight: 100;
- }
-
- .description {
- margin-left: -10px;
- font-size: 2rem;
- font-weight: 100;
- }
-
- .number {
- color: rgba(255, 255, 255, 0.75);
- }
- .log {
- margin-top: 20px;
- color: rgba(255, 255, 255, 0.5);
- }
- }
- .preview {
- width: 800px;
- height: 450px;
- margin-top: -150px;
- .mod-feature {
- margin-left: -10px;
- font-size: 2rem;
- font-weight: 100;
- }
- .mod-image {
- background-image: url("https://staticdelivery.nexusmods.com/mods/1704/images/44746/44746-1611463256-105629958.png");
- background-repeat: no-repeat;
- background-size: cover;
- background-position: center;
- width: 100%;
- height: 100%;
- }
- .mod-name {
- font-size: 2rem;
- font-weight: 100;
- }
- .mod-author {
- font-size: 1.1rem;
- font-weight: 100;
- }
- .mod-info {
- margin-top: 20px;
- margin-left: 10px;
- color: rgba(255, 255, 255, 0.75);
- }
- }
-}
\ No newline at end of file
diff --git a/Wabbajack.App.Blazor/Pages/SelectInstall.razor.css b/Wabbajack.App.Blazor/Pages/SelectInstall.razor.css
new file mode 100644
index 00000000..30ad4f5b
--- /dev/null
+++ b/Wabbajack.App.Blazor/Pages/SelectInstall.razor.css
@@ -0,0 +1,39 @@
+#content {
+ display: flex;
+ height: 100%;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ color: white;
+}
+#content .select {
+ display: flex;
+ width: 100%;
+ flex-direction: row;
+ justify-content: space-evenly;
+}
+#content .select div {
+ display: flex;
+ border: solid 1px red;
+ flex-direction: column;
+ align-items: center;
+}
+#content .select div img {
+ width: 15rem;
+ height: 15rem;
+}
+#content .recent .title {
+ font-size: 1.5rem;
+ font-weight: 100;
+}
+#content .recent .modlist img {
+ height: 4rem;
+ width: auto;
+ border: solid 1px red;
+}
+#content .recent .modlist .info {
+ display: flex;
+ flex-direction: column;
+}
+
+/*# sourceMappingURL=SelectInstall.razor.css.map */
diff --git a/Wabbajack.App.Blazor/Pages/SelectInstall.razor.css.map b/Wabbajack.App.Blazor/Pages/SelectInstall.razor.css.map
new file mode 100644
index 00000000..64ff8223
--- /dev/null
+++ b/Wabbajack.App.Blazor/Pages/SelectInstall.razor.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["SelectInstall.razor.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE,OAvBa;EAwBb,QAxBa;;AA8BjB;EACE;EACA;;AAIA;EACE;EACA;EACA;;AAGF;EACE;EACA","file":"SelectInstall.razor.css"}
\ No newline at end of file
diff --git a/Wabbajack.App.Blazor/Shared/Globals.css b/Wabbajack.App.Blazor/Shared/Globals.css
new file mode 100644
index 00000000..07aa5266
--- /dev/null
+++ b/Wabbajack.App.Blazor/Shared/Globals.css
@@ -0,0 +1,10 @@
+@font-face {
+ font-family: "Raleway";
+ src: url("fonts/Raleway-Variable.ttf");
+}
+@font-face {
+ font-family: "YanoneKaffeesatz";
+ src: url("fonts/YanoneKaffeesatz-Variable.ttf");
+}
+
+/*# sourceMappingURL=Globals.css.map */
diff --git a/Wabbajack.App.Blazor/Shared/Globals.css.map b/Wabbajack.App.Blazor/Shared/Globals.css.map
new file mode 100644
index 00000000..dbc1fe23
--- /dev/null
+++ b/Wabbajack.App.Blazor/Shared/Globals.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Globals.scss"],"names":[],"mappings":"AAAC;EACC;EACA;;AAGF;EACE;EACA","file":"Globals.css"}
\ No newline at end of file
diff --git a/Wabbajack.App.Blazor/Shared/MainLayout.razor.css b/Wabbajack.App.Blazor/Shared/MainLayout.razor.css
new file mode 100644
index 00000000..f31ff6e2
--- /dev/null
+++ b/Wabbajack.App.Blazor/Shared/MainLayout.razor.css
@@ -0,0 +1,28 @@
+@font-face {
+ font-family: "Raleway";
+ src: url("fonts/Raleway-Variable.ttf");
+}
+@font-face {
+ font-family: "YanoneKaffeesatz";
+ src: url("fonts/YanoneKaffeesatz-Variable.ttf");
+}
+#background {
+ position: fixed;
+ height: 100vh;
+ width: 100%;
+ background: linear-gradient(320deg, #151022, #1f0d2a, #100214);
+ z-index: -1;
+}
+
+#wrapper {
+ width: calc(100% - 75px);
+ float: right;
+ height: 100%;
+}
+
+#page {
+ margin-top: 65px;
+ height: calc(100% - 65px);
+}
+
+/*# sourceMappingURL=MainLayout.razor.css.map */
diff --git a/Wabbajack.App.Blazor/Shared/MainLayout.razor.css.map b/Wabbajack.App.Blazor/Shared/MainLayout.razor.css.map
new file mode 100644
index 00000000..4f770067
--- /dev/null
+++ b/Wabbajack.App.Blazor/Shared/MainLayout.razor.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["Globals.scss","MainLayout.razor.scss"],"names":[],"mappings":"AAAC;EACC;EACA;;AAGF;EACE;EACA;;ACLF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE,YDHc;ECId","file":"MainLayout.razor.css"}
\ No newline at end of file
diff --git a/Wabbajack.App.Blazor/Store/DownloadState.cs b/Wabbajack.App.Blazor/Store/DownloadState.cs
index 1831c95d..4d9eac53 100644
--- a/Wabbajack.App.Blazor/Store/DownloadState.cs
+++ b/Wabbajack.App.Blazor/Store/DownloadState.cs
@@ -6,16 +6,16 @@ namespace Wabbajack.App.Blazor.Store;
[FeatureState]
public class DownloadState
{
- public DownloadStateEnum CurrentDownloadState { get; }
- public ModlistMetadata CurrentModlistMetadata { get; }
+ public DownloadStateEnum CurrentDownloadState { get; }
+ public ModlistMetadata CurrentModlistMetadata { get; }
// Required for initial state.
private DownloadState() { }
public DownloadState(DownloadStateEnum newState, ModlistMetadata newModlist)
{
- CurrentDownloadState = newState;
- CurrentModlistMetadata = newModlist;
+ CurrentDownloadState = newState;
+ CurrentModlistMetadata = newModlist;
}
public enum DownloadStateEnum
@@ -29,13 +29,13 @@ public class DownloadState
public class UpdateDownloadState
{
- public DownloadState.DownloadStateEnum State { get; }
- public ModlistMetadata Modlist { get; }
+ public DownloadState.DownloadStateEnum State { get; }
+ public ModlistMetadata Modlist { get; }
public UpdateDownloadState(DownloadState.DownloadStateEnum state, ModlistMetadata modlist)
{
- State = state;
- Modlist = modlist;
+ State = state;
+ Modlist = modlist;
}
}