Skip to content
This repository was archived by the owner on Jan 5, 2026. It is now read-only.

Styling for Error-table and Reconcilation-table + minor fixes #40

Merged
alexsteffensen merged 10 commits into from
Nov 19, 2021
Merged

Styling for Error-table and Reconcilation-table + minor fixes #40

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
9627f27
Minor changes to scrollbar design
mikejensen0 Nov 17, 2021
c88a2fa
Changed border radius on scrollbar
mikejensen0 Nov 17, 2021
35b9a53
Fixed margin on manager queue in summary
mikejensen0 Nov 17, 2021
68526e3
Restructering of overview to make tables CSS-able
mikejensen0 Nov 17, 2021
008337c
Fixed indentation
mikejensen0 Nov 17, 2021
3ce760d
Basic table CSS + 1 out of 10 table's CSS fixed
mikejensen0 Nov 17, 2021
d2a1907
Fixing overflow on tables WIP
mikejensen0 Nov 17, 2021
511da20
Resizing of entire table
mikejensen0 Nov 18, 2021
061b9cd
Errors view styling done
mikejensen0 Nov 18, 2021
0a99209
Reconciliation view styling done
mikejensen0 Nov 18, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
80 changes: 40 additions & 40 deletions BlazorApp/Pages/ErrorTable.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,18 +16,18 @@ else
<RadzenTabs id="errorlog-tab">
<Tabs>
<RadzenTabsItem Text="All" class="TabElement">
<RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" FilterMode="FilterMode.Advanced" PageSize="1000"
AllowPaging="true" AllowSorting="true" Data="@errors" TItem="Error" ColumnWidth="200px"
<RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" FilterMode="FilterMode.Advanced" PageSize="999999"
AllowPaging="false" AllowSorting="true" Data="@errors" TItem="Error"
FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
LogicalFilterOperator="LogicalFilterOperator.Or" CellRender="@CellRender">
<Columns>
<RadzenDataGridColumn TItem="Error" Property="_id" Filterable="false"
Title="Manager name" Frozen="true" Width="200px" TextAlign="TextAlign.Center">
<RadzenDataGridColumn TItem="Error" Property="_id" Filterable="true"
Title="Manager name" Frozen="true" Width="400px">
<Template Context="data">
<span style="color: #FFFFFF">@data._id</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_severity" Title="Severity" Width="100px">
<RadzenDataGridColumn TItem="Error" Property="_severity" Filterable="false" Title="Severity" Frozen="true" Width="200px" >
<Template Context="data">
@if(data._severity == "INFO")
{
Expand All @@ -47,43 +47,43 @@ else
}
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_timestamp" Title="Timestamp" Width="150px">
<RadzenDataGridColumn TItem="Error" Property="_timestamp" Filterable="false" Title="Timestamp" Frozen="true" Width="300px">
<Template Context="data">
<span style="color: #FFFFFF">@data._timestamp</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_message" Title="Message" Width="350px">
<RadzenDataGridColumn TItem="Error" Property="_message" Filterable="true" Title="Message" Frozen="true" Width="800px">
<Template Context="data">
<span style="color: #FFFFFF">@data._severity</span>
<span style="color: #FFFFFF">@data._message</span>
</Template>
</RadzenDataGridColumn>
</Columns>
</RadzenDataGrid>
</RadzenTabsItem>
<RadzenTabsItem Text="Fatal" class="TabElement">
<RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" FilterMode="FilterMode.Advanced" PageSize="1000"
AllowPaging="true" AllowSorting="true" Data="@errors" TItem="Error" ColumnWidth="200px"
FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
LogicalFilterOperator="LogicalFilterOperator.Or" CellRender="@CellRender">
<RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" FilterMode="FilterMode.Advanced" PageSize="999999"
AllowPaging="false" AllowSorting="true" Data="@errors" TItem="Error"
FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
LogicalFilterOperator="LogicalFilterOperator.Or" CellRender="@CellRender">
<Columns>
<RadzenDataGridColumn TItem="Error" Property="_id" Filterable="false" Title="Manager name"
Frozen="true" Width="200px" TextAlign="TextAlign.Center">
Frozen="true" Width="400px">
<Template Context="data">
<span style="color: #FFFFFF">@data._id</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_severity" Title="Severity" Width="100px"
<RadzenDataGridColumn TItem="Error" Property="_severity" Filterable="true" Title="Severity" Frozen="true" Width="200px"
FilterValue=@("FATAL") FilterOperator="FilterOperator.Equals">
<Template Context="data">
<span style='color:#FF1700'>@data._severity</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_timestamp" Title="Timestamp" Width="150px">
<RadzenDataGridColumn TItem="Error" Property="_timestamp" Filterable="false" Title="Timestamp" Frozen="true" Width="300px">
<Template Context="data">
<span style="color: #FFFFFF">@data._timestamp</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_message" Title="Message" Width="350px">
<RadzenDataGridColumn TItem="Error" Property="_message" Filterable="false" Title="Message" Frozen="true" Width="800px">
<Template Context="data">
<span style="color: #FFFFFF">@data._message</span>
</Template>
Expand All @@ -92,29 +92,29 @@ else
</RadzenDataGrid>
</RadzenTabsItem>
<RadzenTabsItem Text="Error" class="TabElement">
<RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" FilterMode="FilterMode.Advanced" PageSize="1000"
AllowPaging="true" AllowSorting="true" Data="@errors" TItem="Error" ColumnWidth="200px"
FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
LogicalFilterOperator="LogicalFilterOperator.Or" CellRender="@CellRender">
<RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" FilterMode="FilterMode.Advanced" PageSize="999999"
AllowPaging="false" AllowSorting="true" Data="@errors" TItem="Error"
FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
LogicalFilterOperator="LogicalFilterOperator.Or" CellRender="@CellRender">
<Columns>
<RadzenDataGridColumn TItem="Error" Property="_id" Filterable="false" Title="Manager name"
Frozen="true" Width="200px" TextAlign="TextAlign.Center">
Frozen="true" Width="400px">
<Template Context="data">
<span style="color: #FFFFFF">@data._id</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_severity" Title="Severity" Width="100px"
<RadzenDataGridColumn TItem="Error" Property="_severity" Filterable="true" Title="Severity" Frozen="true" Width="200px"
FilterValue=@("ERROR") FilterOperator="FilterOperator.Equals">
<Template Context="data">
<span style='color:#E35F52'>@data._severity</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_timestamp" Title="Timestamp" Width="150px">
<RadzenDataGridColumn TItem="Error" Property="_timestamp" Filterable="false" Title="Timestamp" Frozen="true" Width="300px">
<Template Context="data">
<span style="color: #FFFFFF">@data._timestamp</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_message" Title="Message" Width="350px">
<RadzenDataGridColumn TItem="Error" Property="_message" Filterable="false" Title="Message" Frozen="true" Width="800px">
<Template Context="data">
<span style="color: #FFFFFF">@data._message</span>
</Template>
Expand All @@ -123,29 +123,29 @@ else
</RadzenDataGrid>
</RadzenTabsItem>
<RadzenTabsItem Text="Warning" class="TabElement">
<RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" FilterMode="FilterMode.Advanced" PageSize="1000"
AllowPaging="true" AllowSorting="true" Data="@errors" TItem="Error" ColumnWidth="200px"
FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
LogicalFilterOperator="LogicalFilterOperator.Or" CellRender="@CellRender">
<RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" FilterMode="FilterMode.Advanced" PageSize="999999"
AllowPaging="false" AllowSorting="true" Data="@errors" TItem="Error"
FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
LogicalFilterOperator="LogicalFilterOperator.Or" CellRender="@CellRender">
<Columns>
<RadzenDataGridColumn TItem="Error" Property="_id" Filterable="false" Title="Manager name"
Frozen="true" Width="200px" TextAlign="TextAlign.Center">
Frozen="true" Width="400px">
<Template Context="data">
<span style="color: #FFFFFF">@data._id</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_severity" Title="Severity" Width="100px"
<RadzenDataGridColumn TItem="Error" Property="_severity" Filterable="true" Title="Severity" Frozen="true" Width="200px"
FilterValue=@("WARNING") FilterOperator="FilterOperator.Equals">
<Template Context="data">
<span style='color:#DD9B2B'>@data._severity</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_timestamp" Title="Timestamp" Width="150px">
<RadzenDataGridColumn TItem="Error" Property="_timestamp" Filterable="false" Title="Timestamp" Frozen="true" Width="300px">
<Template Context="data">
<span style="color: #FFFFFF">@data._timestamp</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_message" Title="Message" Width="350px">
<RadzenDataGridColumn TItem="Error" Property="_message" Filterable="false" Title="Message" Frozen="true" Width="800px">
<Template Context="data">
<span style="color: #FFFFFF">@data._message</span>
</Template>
Expand All @@ -154,29 +154,29 @@ else
</RadzenDataGrid>
</RadzenTabsItem>
<RadzenTabsItem Text="Info" class="TabElement">
<RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" FilterMode="FilterMode.Advanced" PageSize="1000"
AllowPaging="true" AllowSorting="true" Data="@errors" TItem="Error" ColumnWidth="200px"
FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
LogicalFilterOperator="LogicalFilterOperator.Or" CellRender="@CellRender">
<RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" FilterMode="FilterMode.Advanced" PageSize="999999"
AllowPaging="false" AllowSorting="true" Data="@errors" TItem="Error"
FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
LogicalFilterOperator="LogicalFilterOperator.Or" CellRender="@CellRender">
<Columns>
<RadzenDataGridColumn TItem="Error" Property="_id" Filterable="false" Title="Manager name"
Frozen="true" Width="200px" TextAlign="TextAlign.Center">
Frozen="true" Width="400px">
<Template Context="data">
<span style="color: #FFFFFF">@data._id</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_severity" Title="Severity" Width="100px"
<RadzenDataGridColumn TItem="Error" Property="_severity" Filterable="true" Title="Severity" Frozen="true" Width="200px"
FilterValue=@("INFO") FilterOperator="FilterOperator.Equals">
<Template Context="data">
<span style='color:#5CBCA9'>@data._severity</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_timestamp" Title="Timestamp" Width="150px">
<RadzenDataGridColumn TItem="Error" Property="_timestamp" Filterable="false" Title="Timestamp" Frozen="true" Width="300px">
<Template Context="data">
<span style="color: #FFFFFF">@data._timestamp</span>
</Template>
</RadzenDataGridColumn>
<RadzenDataGridColumn TItem="Error" Property="_message" Title="Message" Width="350px">
<RadzenDataGridColumn TItem="Error" Property="_message" Filterable="false" Title="Message" Frozen="true" Width="800px">
<Template Context="data">
<span style="color: #FFFFFF">@data._message</span>
</Template>
Expand Down
5 changes: 3 additions & 2 deletions BlazorApp/Pages/Errors.razor
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,5 +6,6 @@
@* Font *@
<link href='https://fonts.googleapis.com/css?family=Roboto Slab' rel='stylesheet'>

<ErrorTable></ErrorTable>

<div class="error_reconciliation_table_formatting"> @* Styling for this can be found in site.css *@
<ErrorTable></ErrorTable>
</div>
Loading