VEFramework.VEBlazor.EntitiesBlocks 0.4.3

.NET 6.0

dotnet add package VEFramework.VEBlazor.EntitiesBlocks --version 0.4.3

NuGet\Install-Package VEFramework.VEBlazor.EntitiesBlocks -Version 0.4.3

This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.

<PackageReference Include="VEFramework.VEBlazor.EntitiesBlocks" Version="0.4.3" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

<PackageVersion Include="VEFramework.VEBlazor.EntitiesBlocks" Version="0.4.3" />
 

 Directory.Packages.props

<PackageReference Include="VEFramework.VEBlazor.EntitiesBlocks" />
 

 Project file

For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.

paket add VEFramework.VEBlazor.EntitiesBlocks --version 0.4.3

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: VEFramework.VEBlazor.EntitiesBlocks, 0.4.3"

#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.

#:package VEFramework.VEBlazor.EntitiesBlocks@0.4.3

#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.

#addin nuget:?package=VEFramework.VEBlazor.EntitiesBlocks&version=0.4.3
 

 Install as a Cake Addin

#tool nuget:?package=VEFramework.VEBlazor.EntitiesBlocks&version=0.4.3
 

 Install as a Cake Tool

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

VEFramework.VEBlazor.EntitiesBlocks library

Tato knihovna obsahuje komponenty ke knihovně VEFramework.VEDriversLite.EntitiesBlocks.

Jako základní knihovna komponent je použita knihovna Blazorise.

Demo

Demo použití komponent si můžete prohlédnout zde.

O knihovně byly také napsány články, které jsou k dispozici na wiki.

Použití knihovny

Vytvořte novou Blazor aplikaci (WASM nebo Server App).

Instalace

Pro instalaci knihovny pomocí NuGet:


Install-Package VEFramework.VEBlazor.EntitiesBlocks

Přidání dependencí

Pokud chcete používat všechny komponenty, je potřeba přidat následující dependenci do souboru _Imports.razor:

@using VEFramework.VEBlazor.EntitiesBlocks
@using VEFramework.VEBlazor.EntitiesBlocks.Blocks
@using VEFramework.VEBlazor.EntitiesBlocks.Graphs
@using VEFramework.VEBlazor.EntitiesBlocks.Entities
@using VEFramework.VEBlazor.EntitiesBlocks.Services
@using VEFramework.VEBlazor.EntitiesBlocks.PVE
@using VEFramework.VEBlazor.EntitiesBlocks.BatteryStorage
@using VEFramework.VEBlazor.EntitiesBlocks.Simulators;

@using Blazorise
@using Blazorise.TreeView
@using Blazorise.Charts
@using Blazorise.Components
@using Blazorise.Snackbar

@using VEDriversLite.EntitiesBlocks.Handlers
@using VEDriversLite.EntitiesBlocks.Sources
@using VEDriversLite.EntitiesBlocks.Consumers
@using VEDriversLite.EntitiesBlocks.Blocks
@using VEDriversLite.EntitiesBlocks.Tree
@using VEDriversLite.EntitiesBlocks.Entities
@using VEDriversLite.EntitiesBlocks.PVECalculations
@using VEDriversLite.EntitiesBlocks.StorageCalculations

Poté přidejte inicializaci knihovny do souboru Program.cs. Zde je celý Program.cs:

using Blazorise;
using Blazorise.Bootstrap;
using Blazorise.Icons.FontAwesome;
using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using VEFramework.VEBlazor.EntitiesBlocks.Analytics;
using VEFramework.VEBlazor.EntitiesBlocks.Services;

var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add<App>("#app");
builder.RootComponents.Add<HeadOutlet>("head::after");

builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

builder.Services.AddScoped<AppData>();

builder.Services.AddScoped<ICalculationService, CalculationService>();

builder.Services
 .AddBlazorise(options =>
 {
 options.Immediate = true;
 })
 .AddBootstrapProviders()
 .AddFontAwesomeIcons();

await builder.Build().RunAsync();

App.razor v základní formě s jednoduchou úpravou barevného schéma vypadá takto:

@inject AppData AppData

<Blazorise.ThemeProvider Theme="@theme">
 <Router AppAssembly="@typeof(App).Assembly">
 <Found Context="routeData">
 <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
 <FocusOnNavigate RouteData="@routeData" Selector="h1" />
 </Found>
 <NotFound>
 <PageTitle>Not found</PageTitle>
 <LayoutView Layout="@typeof(MainLayout)">
 <p role="alert">Sorry, there's nothing at this address.</p>
 </LayoutView>
 </NotFound>
 </Router>
</Blazorise.ThemeProvider>

<MessageProvider />
<PageProgressProvider />
<NotificationProvider />

@code {
 string PrimaryColor = "#0c345c";
 string SecondaryColor = "#43ab74";


 private Theme theme = new Theme
 {
 ColorOptions = new ThemeColorOptions
 {
 Primary = "#0c345c",
 Secondary = "#43ab74",
 },

 TextColorOptions = new ThemeTextColorOptions
 {
 Primary = "#0c345c",
 Secondary = "#43ab74",
 },
 BackgroundOptions = new ThemeBackgroundOptions
 {
 Primary = "#0c345c",
 Secondary = "#43ab74",
 },
 ButtonOptions = new ThemeButtonOptions
 {
 Padding = ".5rem 1rem",
 },
 BodyOptions = new ThemeBodyOptions
 {
 TextColor = "#000000"
 },
 InputOptions = new ThemeInputOptions
 {
 Color = "#000000"
 },

 };

}

Posledním krokem je přidání odkazů na zdroje pro css a externí JavaScrip skripty. Ta se provede v index.html, který pak vypadá následovně:

<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 <title>VE Energy</title>
 <base href="/" />

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">

 <link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
 <link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
 <link href="_content/Blazorise.Snackbar/blazorise.snackbar.css" rel="stylesheet" />
 <link href="_content/Blazorise.TreeView/blazorise.treeview.css" rel="stylesheet" />

 <link href="https://unpkg.com/easymde/dist/easymde.min.css" rel="stylesheet" />

 <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
 <link href="css/app.css" rel="stylesheet" />
 <link href="VEBlazor.EntitiesBlocks.Demo.Energy.styles.css" rel="stylesheet" />

 <script src="js/main.js"></script>
</head>

<body>
 <div id="app">
 <div style="position:absolute; top:30vh; width:100%; text-align:center">
 <h2>VE Energy App</h2>
 <p></p>
 <hr />
 <p></p>
 <p><i class="oi oi-reload"></i> The VE Energy Demo Web App is loading...</p>
 <p>First load of the App can take a while. Next time the load will be much faster.</p>
 </div>
 </div>

 <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.min.js"></script>
 <script src="_content/VEFramework.VEBlazor.EntitiesBlocks/JsInterop.js"></script>
 <script src="_content/Blazor.Extensions.Canvas/blazor.extensions.canvas.js"></script>

 <div id="blazor-error-ui">
 An unhandled error has occurred.
 <a href="" class="reload">Reload</a>
 <a class="dismiss">🗙</a>
 </div>
 <script src="_framework/blazor.webassembly.js"></script>

</body>

</html>

Následně je možné použít komponenty například hned na stránce Index.razor, nebo si pro ně vytvořit vlastní stránky.

Detaily použití komponent si prosím prohlédněte ve zdrojovém kódu demo aplikace

Doporučuji primárně stránku Index a PVESimulation. Ty ostatní jsou spíše experimentální.

Services

Hlavní je služba AppData, která obsahuje EntitiesHandler a PVE Handler a BatteryBlocksHandler.

Komponenty

Base

Pro komponenty je vytvořena base, která obsahuje některé základní vlastnosti a metody. Doporučuji si prostudovat třídu zde.

Entities

Blocks

Simulators

PVE Simulator

Battery Storage

Graphs

Product	Versions Compatible and additional computed target framework versions.
.NET	net6.0 net6.0 is compatible. net6.0-android net6.0-android was computed. net6.0-ios net6.0-ios was computed. net6.0-maccatalyst net6.0-maccatalyst was computed. net6.0-macos net6.0-macos was computed. net6.0-tvos net6.0-tvos was computed. net6.0-windows net6.0-windows was computed. net7.0 net7.0 is compatible. net7.0-android net7.0-android was computed. net7.0-ios net7.0-ios was computed. net7.0-maccatalyst net7.0-maccatalyst was computed. net7.0-macos net7.0-macos was computed. net7.0-tvos net7.0-tvos was computed. net7.0-windows net7.0-windows was computed. net8.0 net8.0 was computed. net8.0-android net8.0-android was computed. net8.0-browser net8.0-browser was computed. net8.0-ios net8.0-ios was computed. net8.0-maccatalyst net8.0-maccatalyst was computed. net8.0-macos net8.0-macos was computed. net8.0-tvos net8.0-tvos was computed. net8.0-windows net8.0-windows was computed. net9.0 net9.0 was computed. net9.0-android net9.0-android was computed. net9.0-browser net9.0-browser was computed. net9.0-ios net9.0-ios was computed. net9.0-maccatalyst net9.0-maccatalyst was computed. net9.0-macos net9.0-macos was computed. net9.0-tvos net9.0-tvos was computed. net9.0-windows net9.0-windows was computed. net10.0 net10.0 was computed. net10.0-android net10.0-android was computed. net10.0-browser net10.0-browser was computed. net10.0-ios net10.0-ios was computed. net10.0-maccatalyst net10.0-maccatalyst was computed. net10.0-macos net10.0-macos was computed. net10.0-tvos net10.0-tvos was computed. net10.0-windows net10.0-windows was computed.

Product

Versions Compatible and additional computed target framework versions.

.NET

net6.0 net6.0 is compatible. net6.0-android net6.0-android was computed. net6.0-ios net6.0-ios was computed. net6.0-maccatalyst net6.0-maccatalyst was computed. net6.0-macos net6.0-macos was computed. net6.0-tvos net6.0-tvos was computed. net6.0-windows net6.0-windows was computed. net7.0 net7.0 is compatible. net7.0-android net7.0-android was computed. net7.0-ios net7.0-ios was computed. net7.0-maccatalyst net7.0-maccatalyst was computed. net7.0-macos net7.0-macos was computed. net7.0-tvos net7.0-tvos was computed. net7.0-windows net7.0-windows was computed. net8.0 net8.0 was computed. net8.0-android net8.0-android was computed. net8.0-browser net8.0-browser was computed. net8.0-ios net8.0-ios was computed. net8.0-maccatalyst net8.0-maccatalyst was computed. net8.0-macos net8.0-macos was computed. net8.0-tvos net8.0-tvos was computed. net8.0-windows net8.0-windows was computed. net9.0 net9.0 was computed. net9.0-android net9.0-android was computed. net9.0-browser net9.0-browser was computed. net9.0-ios net9.0-ios was computed. net9.0-maccatalyst net9.0-maccatalyst was computed. net9.0-macos net9.0-macos was computed. net9.0-tvos net9.0-tvos was computed. net9.0-windows net9.0-windows was computed. net10.0 net10.0 was computed. net10.0-android net10.0-android was computed. net10.0-browser net10.0-browser was computed. net10.0-ios net10.0-ios was computed. net10.0-maccatalyst net10.0-maccatalyst was computed. net10.0-macos net10.0-macos was computed. net10.0-tvos net10.0-tvos was computed. net10.0-windows net10.0-windows was computed.

Compatible target framework(s)

Included target framework(s) (in package)

Learn more about Target Frameworks and .NET Standard.

net6.0
- Blazorise (>= 1.3.1)
- Blazorise.Bootstrap (>= 1.3.1)
- Blazorise.Charts (>= 1.3.1)
- Blazorise.Components (>= 1.3.1)
- Blazorise.Icons.FontAwesome (>= 1.3.1)
- Blazorise.TreeView (>= 1.3.1)
- Microsoft.AspNetCore.Components.Web (>= 6.0.21)
- VEFramework.VEBlazor.Editable (>= 0.4.2)
- VEFramework.VEDriversLite.EntitiesBlocks (>= 0.4.3)
net7.0
- Blazorise (>= 1.3.1)
- Blazorise.Bootstrap (>= 1.3.1)
- Blazorise.Charts (>= 1.3.1)
- Blazorise.Components (>= 1.3.1)
- Blazorise.Icons.FontAwesome (>= 1.3.1)
- Blazorise.TreeView (>= 1.3.1)
- Microsoft.AspNetCore.Components.Web (>= 7.0.11)
- VEFramework.VEBlazor.Editable (>= 0.4.2)
- VEFramework.VEDriversLite.EntitiesBlocks (>= 0.4.3)

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version	Downloads	Last Updated
0.4.3	315	9/28/2023
0.4.2	249	9/24/2023

- SunMoon calc now returns time based on timezone known from lat/lon
- Improvement of Simulator Day Profile component
- Added simple PVEViewer

URL: https://www.nuget.org/packages/VEFramework.VEBlazor.EntitiesBlocks/

⇱ NuGet Gallery | VEFramework.VEBlazor.EntitiesBlocks 0.4.3