Unity/applications/Unity.GrantManager/src/Unity.GrantManager.Web/Pages/Dashboard/Index.cshtml at 811ed6ec94ebffe733eaac3063386c8ef7ce1011 · bcgov/Unity · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
@page
@model Unity.GrantManager.Web.Pages.Dashboard.IndexModel
@using Unity.GrantManager.Web.Pages.Dashboard

@section styles {
    <abp-style src="/Pages/Dashboard/Index.css" />
    <abp-style src="/libs/bootstrap/css/bootstrap.css" />
    <abp-style src="/libs/bootstrap-select/dist/css/bootstrap-select.css" />
}
@section scripts
{
    <abp-script src="/Pages/Dashboard/Index.js" />
    <abp-script src="/libs/jquery/jquery.js" />
    <abp-script src="/libs/popper.js/dist/umd/popper.js"></abp-script>
    <abp-script src="/libs/bootstrap-4/dist/js/bootstrap.js"></abp-script>
    <abp-script src="/libs/bootstrap-select/dist/js/bootstrap-select.js"></abp-script>
    <abp-script src="/libs/echarts/echarts.min.js" />
}
<div class="dashboard-scrollable-content">

<div id="dashboardIntakeList" style="display: none;">@Html.Raw(Json.Serialize(Model.DashboardIntakes))</div>
<div class="d-flex align-items-stretch gap-2 px-1">
    <abp-row class="m-0 p-0">
            <abp-column size="_2" class="px-1 application-dashboard-date">
                <abp-input type="date" id="dateFrom" label="Submission Date From" asp-for="@Model.SubmissionDateFrom" onchange="reloadDashboard()" abp-data-datepicker="false" />
            </abp-column>
            <abp-column size="_2" class="px-1 application-dashboard-date">
                <abp-input type="date" id="dateTo" label="Submission Date To" asp-for="@Model.SubmissionDateTo" onchange="reloadDashboard()" minDate="@Model.SubmissionDateFrom" abp-data-datepicker="false" />
            </abp-column>
    </abp-row>
</div>
<div class="d-flex align-items-stretch gap-2 px-1">
    <abp-row class="m-0 p-0">
        <abp-column size="_2" class="px-1 application-dashboard-dropdown">
            <abp-select asp-for="@Model.Tags" suppress-label="true" asp-items="@Model.TagsOptionsList" id="dashboardTags" multiple title="TAGS" data-original-text="TAGS" data-live-search="true" data-style="btn btn-group dt-buttons btn-secondary buttons-collection dropdown-toggle custom-table-btn flex-none"
                        onchange="reloadDashboard()">
            </abp-select>
        </abp-column>
        <abp-column size="_2" class="px-1 application-dashboard-dropdown">
            <abp-select asp-for="@Model.Assignees" suppress-label="true" asp-items="@Model.AssigneesOptionList" id="dashboardAssignees" multiple title="ASSIGNEES" data-original-text="ASSIGNEES" data-live-search="true" data-style="btn btn-group dt-buttons btn-secondary buttons-collection dropdown-toggle custom-table-btn flex-none"
                        onchange="reloadDashboard()">
            </abp-select>
        </abp-column>
        <abp-column size="_2" class="px-1 application-dashboard-dropdown">
                <abp-select asp-for="@Model.IntakeIds" suppress-label="true" asp-items="@Model.IntakeOptionsList" id="dashboardIntakeId" multiple title="INTAKES" data-original-text="INTAKES" data-checkbox="false" data-live-search="true" data-style="btn btn-group dt-buttons btn-secondary buttons-collection dropdown-toggle custom-table-btn flex-none">
            </abp-select>
        </abp-column>
        <abp-column size="_2" class="px-1 application-dashboard-dropdown">
                <abp-select asp-for="@Model.CategoryNames" suppress-label="true" asp-items="@Model.CategoryOptionsList" id="dashboardCategoryName" multiple title="CATEGORIES" data-original-text="CATEGORIES" data-live-search="true" data-style="btn btn-group dt-buttons btn-secondary buttons-collection dropdown-toggle custom-table-btn flex-none"
                        onchange="reloadDashboard()">
            </abp-select>
        </abp-column>
        <abp-column size="_2" class="px-1 application-dashboard-dropdown">
                <abp-select asp-for="@Model.Statuses" suppress-label="true" asp-items="@Model.StatusOptionsList" id="dashboardStatuses" multiple title="STATUS" data-original-text="STATUS" data-live-search="true" data-style="btn btn-group dt-buttons btn-secondary buttons-collection dropdown-toggle custom-table-btn flex-none"
                        onchange="reloadDashboard()">
            </abp-select>
        </abp-column>
        <abp-column size="_2" class="px-1 application-dashboard-dropdown">
                <abp-select asp-for="@Model.SubStatuses" suppress-label="true" asp-items="@Model.SubStatusActionList" id="dashboardSubStatus" multiple title="SUB-STATUS" data-original-text="SUB-STATUS" data-live-search="true" data-style="btn btn-group dt-buttons btn-secondary buttons-collection dropdown-toggle custom-table-btn flex-none"
                        onchange="reloadDashboard()">
            </abp-select>
        </abp-column>
    </abp-row>
</div>
<div id="dashboardContainer" class="row application-dashboard m-0">
    @* Chart containers are generated in Dashboard\Index.js *@
</div>

</div>