Updated the web UI to use the API. Reworked the looks of web UI
This commit is contained in:
@@ -1,54 +1,17 @@
|
||||
@page "/"
|
||||
|
||||
|
||||
@using Discord
|
||||
@using DiscordBotCore
|
||||
@using DiscordBotCore.Others
|
||||
@using DiscordBotWebUI.Components.Pages.Setup
|
||||
@using DiscordBotWebUI.DiscordBot
|
||||
|
||||
@page "/"
|
||||
@inject IJSRuntime JSRuntime
|
||||
@inject NavigationManager NavigationManager
|
||||
@inject DialogService DialogService
|
||||
@inject ContextMenuService ContextMenuService
|
||||
@inject TooltipService TooltipService
|
||||
@inject NotificationService NotificationService
|
||||
|
||||
<RadzenButton readonly="@Globals.BotIsRunning" Text="Start" Click="Initialize"/>
|
||||
<RadzenTextArea Placeholder="Logs..." Value="@_TextValue" Style="width: 100%; height: 80%"/>
|
||||
|
||||
<PageTitle>Home</PageTitle>
|
||||
<RadzenRow>
|
||||
<RadzenColumn Size="12">
|
||||
<RadzenText Text="Home" TextStyle="TextStyle.H3" TagName="TagName.H1" />
|
||||
</RadzenColumn>
|
||||
</RadzenRow>
|
||||
@code {
|
||||
private string? _TextValue;
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
base.OnInitialized();
|
||||
if (Globals.BotIsRunning)
|
||||
{
|
||||
_TextValue = Application.CurrentApplication.Logger.GetLogsHistory();
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private async Task Initialize()
|
||||
{
|
||||
if (Globals.BotIsRunning)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
Action<string, LogType> logging = async (str, type) => {
|
||||
_TextValue += $"[{type}] {str} \n";
|
||||
await InvokeAsync(StateHasChanged);
|
||||
};
|
||||
|
||||
var discordApplication = new DiscordApplication(logging);
|
||||
bool hasStarted = await discordApplication.Start();
|
||||
|
||||
if (!hasStarted)
|
||||
{
|
||||
await DialogService.OpenAsync<SetupWizard>(string.Empty, new Dictionary<string, object>());
|
||||
await Initialize();
|
||||
return;
|
||||
}
|
||||
|
||||
await discordApplication.RefreshPlugins(false);
|
||||
Globals.BotIsRunning = true;
|
||||
await InvokeAsync(StateHasChanged);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
@page "/plugins"
|
||||
|
||||
@code {
|
||||
|
||||
}
|
||||
@@ -1,42 +0,0 @@
|
||||
@page "/market/plugins"
|
||||
@using DiscordBotCore
|
||||
@using DiscordBotWebUI.Types
|
||||
@using DiscordBotWebUI.Components.Items
|
||||
|
||||
@if(_MarketItems is null)
|
||||
{
|
||||
<RadzenText Text="There are no plugins available right now ..."></RadzenText>
|
||||
}
|
||||
|
||||
@if(_MarketItems is not null && _MarketItems.Any())
|
||||
{
|
||||
<Marketplace ListedItems="_MarketItems"/>
|
||||
}
|
||||
|
||||
@code {
|
||||
private List<MarketItem>? _MarketItems;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
if(!Application.IsRunning)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
var plugins = await Application.CurrentApplication.PluginManager.GetPluginsList();
|
||||
|
||||
if(plugins is null)
|
||||
{
|
||||
_MarketItems = null;
|
||||
return;
|
||||
}
|
||||
|
||||
_MarketItems = new List<MarketItem>();
|
||||
|
||||
foreach (var onlinePlugin in plugins)
|
||||
{
|
||||
var marketItem = new MarketItem(onlinePlugin.Name, onlinePlugin.Author, onlinePlugin.Description);
|
||||
_MarketItems.Add(marketItem);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,140 +1,68 @@
|
||||
@page "/settings"
|
||||
@using DiscordBotCore
|
||||
@inject NotificationService NotificationService
|
||||
@inject DialogService DialogService
|
||||
@page "/settings"
|
||||
@inject DialogService DialogService;
|
||||
|
||||
@if (Application.IsRunning)
|
||||
{
|
||||
<RadzenPanel>
|
||||
<HeaderTemplate>
|
||||
<RadzenText>Discord Bot requires a Bot Token, a prefix for normal commands and the server Ids on the servers it will be in</RadzenText>
|
||||
</HeaderTemplate>
|
||||
<ChildContent>
|
||||
<RadzenRow>
|
||||
<RadzenColumn>
|
||||
<RadzenText>Discord Bot Token</RadzenText>
|
||||
</RadzenColumn>
|
||||
<RadzenColumn>
|
||||
<RadzenTextBox Placeholder="Token..." Value="@_Token" ValueChanged="TokenValueChanged"></RadzenTextBox>
|
||||
</RadzenColumn>
|
||||
</RadzenRow>
|
||||
<RadzenCard Style="padding: 2rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.2);">
|
||||
<RadzenStack Orientation="Orientation.Vertical" Gap="20px" Style="color: white;">
|
||||
<RadzenLabel Text="Enter your Discord bot token below:" />
|
||||
<RadzenLabel
|
||||
Text="Create token here"
|
||||
Component="a"
|
||||
href="https://discord.com/developers/applications"
|
||||
Style="display: block; margin-bottom: 0.5rem;" />
|
||||
<RadzenTextBox
|
||||
id="token"
|
||||
Name="token"
|
||||
Placeholder="Enter your token here ..."
|
||||
Style="width: 100%;"
|
||||
bind-Value="@TokenString" />
|
||||
<RadzenLabel Text="Specify the bot's prefix:" />
|
||||
<RadzenTextBox
|
||||
id="prefix"
|
||||
Name="prefix"
|
||||
Placeholder="Enter your prefix here ..."
|
||||
Style="width: 100%;"
|
||||
bind-Value="@PrefixString" />
|
||||
<RadzenLabel Text="Enter server IDs (separated by semicolons):" />
|
||||
<RadzenTextBox
|
||||
id="server"
|
||||
Name="server"
|
||||
Placeholder="Enter server IDs here ..."
|
||||
Style="width: 100%;"
|
||||
bind-Value="@ServerIdsString" />
|
||||
|
||||
<RadzenRow>
|
||||
<RadzenColumn>
|
||||
<RadzenText>Bot prefix</RadzenText>
|
||||
</RadzenColumn>
|
||||
<RadzenColumn>
|
||||
<RadzenTextBox Placeholder="Bot prefix ..." MaxLength="1" Value="@_Prefix" ValueChanged="PrefixValueChanged"></RadzenTextBox>
|
||||
</RadzenColumn>
|
||||
</RadzenRow>
|
||||
|
||||
<RadzenRow>
|
||||
<RadzenColumn>
|
||||
<RadzenText>Bot Server Ids:</RadzenText>
|
||||
</RadzenColumn>
|
||||
<RadzenColumn>
|
||||
<RadzenTextArea Placeholder="One per line ..." Value="@_ServerIds" ValueChanged="ServerIDsValueChanged"></RadzenTextArea>
|
||||
</RadzenColumn>
|
||||
</RadzenRow>
|
||||
</ChildContent>
|
||||
|
||||
<FooterTemplate>
|
||||
<RadzenButton Text="Save" Click="SaveChanges"></RadzenButton>
|
||||
</FooterTemplate>
|
||||
</RadzenPanel>
|
||||
}
|
||||
else
|
||||
{
|
||||
<RadzenText>The application is not running. Please start the application first from the Home page</RadzenText>
|
||||
}
|
||||
<RadzenButton Text="Save Changes" Click="SaveButtonClick" Style="margin-top: 1rem;" />
|
||||
</RadzenStack>
|
||||
</RadzenCard>
|
||||
|
||||
|
||||
@code {
|
||||
private string _Token = string.Empty;
|
||||
private string _Prefix = string.Empty;
|
||||
private string _ServerIds = string.Empty;
|
||||
private string TokenString { get; set; }
|
||||
private string PrefixString { get; set; }
|
||||
private string ServerIdsString { get; set; }
|
||||
|
||||
protected override void OnInitialized()
|
||||
private async void SaveButtonClick()
|
||||
{
|
||||
base.OnInitialized();
|
||||
var response = await DialogService.Confirm("Saving this requires a bot restart.\nRestart now?", "Save Settings", new ConfirmOptions()
|
||||
{
|
||||
CloseDialogOnEsc = false,
|
||||
ShowClose = false,
|
||||
CloseDialogOnOverlayClick = false,
|
||||
OkButtonText = "Restart Now",
|
||||
CancelButtonText = "Don't Save"
|
||||
});
|
||||
|
||||
if (!Application.IsRunning)
|
||||
if (!response.HasValue)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
if(Application.CurrentApplication.ApplicationEnvironmentVariables.TryGetValue("token", out var token))
|
||||
{
|
||||
_Token = token as string;
|
||||
}
|
||||
|
||||
if(Application.CurrentApplication.ApplicationEnvironmentVariables.TryGetValue("prefix", out var prefix))
|
||||
{
|
||||
_Prefix = prefix as string;
|
||||
}
|
||||
|
||||
if(Application.CurrentApplication.ApplicationEnvironmentVariables.TryGetValue("ServerID", out var serverIds))
|
||||
{
|
||||
if (serverIds is List<object> listServerIds)
|
||||
{
|
||||
foreach(var item in listServerIds)
|
||||
{
|
||||
_ServerIds += $"{item}\n";
|
||||
}
|
||||
|
||||
_ServerIds.TrimEnd();
|
||||
}
|
||||
if (!response.Value)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
StateHasChanged();
|
||||
|
||||
|
||||
//TODO: Restart bot request
|
||||
|
||||
}
|
||||
|
||||
private async Task SaveChanges()
|
||||
{
|
||||
|
||||
if (_Prefix.Length != 1)
|
||||
{
|
||||
DialogService.Close(false);
|
||||
}
|
||||
|
||||
List<ulong> serverIds = new List<ulong>();
|
||||
string[] values = _ServerIds.Split('\n');
|
||||
foreach(var value in values)
|
||||
{
|
||||
string clearValue = value.TrimEnd().Replace("\r", "");
|
||||
if(ulong.TryParse(clearValue, out ulong actualValue))
|
||||
{
|
||||
serverIds.Add(actualValue);
|
||||
}
|
||||
}
|
||||
|
||||
if (serverIds.Count == 0)
|
||||
{
|
||||
DialogService.Close(false);
|
||||
}
|
||||
|
||||
Application.CurrentApplication.ApplicationEnvironmentVariables.Set("token", _Token);
|
||||
Application.CurrentApplication.ApplicationEnvironmentVariables.Set("prefix", _Prefix);
|
||||
Application.CurrentApplication.ApplicationEnvironmentVariables.Set("ServerID", serverIds);
|
||||
|
||||
await Application.CurrentApplication.ApplicationEnvironmentVariables.SaveToFile();
|
||||
|
||||
NotificationService.Notify(NotificationSeverity.Success, "Configuration", "Configuration has been saved !", 4000);
|
||||
|
||||
DialogService.Close(true);
|
||||
}
|
||||
|
||||
private void ServerIDsValueChanged(string obj)
|
||||
{
|
||||
_ServerIds = obj;
|
||||
}
|
||||
private void PrefixValueChanged(string obj)
|
||||
{
|
||||
_Prefix = obj;
|
||||
}
|
||||
private void TokenValueChanged(string obj)
|
||||
{
|
||||
_Token = obj;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user