feat(sales-dashboard-sample): WC-accurate pivot dashboard#21
Open
Zneeky wants to merge 7 commits into
Open
Conversation
… and Indigo theme - Convert the Sales sample to an IgbPivotGrid analytics dashboard matching the IgniteUI Web Components sales example: the sales.json dataset summarized as a cross-tab. - Two switchable pivot presets (by Country & Brand, by Store) plus an IgbPivotDataSelector panel for runtime drag-and-drop reconfiguration of rows, columns, values and filters. - Values aggregate Sales and the pre-computed Profit (Sale - Cost) with SUM and a SUM/AVG/COUNT/MIN/MAX dropdown; a date dimension groups periods into years and quarters. - Apply the Indigo / Light theme scoped to the sales section (palette tokens overriding the host material theme - the same scoping pattern used for the fleet sample's dark theme). - Expose Profit on the model so the grid can aggregate it; drop the live-update timer (too heavy for a pivot over the full dataset). Remove unused RCL boilerplate and suppress the unavoidable BL0005 from the documented pivot-configuration pattern.
…y 10% data sample - Rework the layout to match the IgniteUI Web Components sales sample: a bordered toolbar with the header-surface background and bordered, gap-less pivot + data-selector containers. - Temporarily sample every 10th record (~10%) so the pivot loads quickly while validating functionality; marked for removal before finalizing. WIP: parked to revisit last (indigo grid-structure theme and data-loading strategy still open).
…ales-dashboard-sample-blazor
…d data, Indigo theme, styled toolbar - Map every sales.json record into PivotSalesDataItem via SalesDataService (no hand-written data); bundle a 10% sample (~1MB, every 10th record) locally and cache the deserialized list per session. - Configure the pivot 1:1 with the WC sample: Country > Brand columns, Date (Year > Quarter) rows, Sales + Profit values, narrowed to the HM / HM Home brands in C# (the native dimension Filter does not apply in this build). Three switchable views: Brands separate / combined, Stores: Bulgaria. - Scope the Indigo grid theme to #sales-section so the grid structure (filter chips, cells) is Indigo, not just the color tokens. - Toolbar: replace the select with a filled-Indigo IgbDropdown button (white text, eye + caret icons) and an outlined gray Export-to-Excel pill (download icon); SVG icons registered at runtime. - Use the pivot grid built-in IsLoading indicator (the WC loading widget). - Shrink the data selector search input and enlarge/bolden its section headers via a shadow-piercing interop helper (they render inside the selector shadow root).
…blazor' into aahmedov/sales-dashboard-sample-blazor
…blazor' into aahmedov/sales-dashboard-sample-blazor # Conflicts: # BlazorGridExamples/wwwroot/scripts/shell-interop.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Sales Dashboard (pivot grid)
A faithful Blazor port of the Web Components sales dashboard.
Pivot
IsLoadingindicator (the WC loading widget)Data
SalesDataServicefetchessales.jsonand maps every record intoPivotSalesDataItem(no hand-written data)wwwrootfor a fast, offline load; the deserialized list is cached per sessionLoadAsync()'s sample rate for the full setTheme & toolbar
#sales-sectionso the grid structure (filter chips, cells) is Indigo, not just the color tokensNotes
Filterdid not take effect in this build, so the Brand/Country narrowing is done in C# on the data - same visible result