1212{% block container-class %}dashboard-container{% endblock %}
1313{% block title %}TrackIt | Dashboard{% endblock %}
1414{% block page_heading %}
15- < i class ="material-icons-outlined "> assessment</ i > Dashboard
15+ < i class ="material-icons-outlined align-bottom heading-icon "> assessment</ i > Dashboard
1616< div id ="filtered-count " class ="float-right "> </ div >
1717< hr >
1818{% endblock %}
1919{% block content %}
20-
21- <!-- Internal Panes Nav Items -->
22- < nav >
23- < div class ="nav nav-tabs " id ="nav-tab " role ="tablist ">
24- < a class ="nav-item nav-link active " id ="nav-tickets-tab " data-toggle ="tab " href ="#nav-tickets " role ="tab "
25- aria-controls ="nav-tickets " aria-selected ="true "> All Tickets</ a >
26- < a class ="nav-item nav-link " id ="nav-ph-tab " data-toggle ="tab " href ="#nav-ph " role ="tab " aria-controls ="nav-ph "
27- aria-selected ="false "> Aged Tickets (> 14days)</ a >
28- </ div >
29- </ nav >
30-
31- <!-- Internal Panes -->
32- < div class ="tab-content " id ="nav-tabContent ">
33- <!-- Tickets Pane -->
34- < div class ="tab-pane fade show active " id ="nav-tickets " role ="tabpanel " aria-labelledby ="nav-tickets-tab ">
35- < br >
36- < div class ="row ">
37- < div class ="col-12 ">
38- < div id ="submitted-by-dropdown "> </ div >
39- < br >
40- </ div >
20+ < div class ="row ">
21+ < div class ="col-md-12 col-lg-4 text-center ">
22+ < div class ="jumbotron ">
23+ < h5 class ="lead "> Open/Closed Tickets</ h5 >
24+ < div id ="open-closed-tickets-pie-chart "> </ div >
25+ </ div >
26+ < div class ="jumbotron ">
27+ < h5 class ="lead "> Status</ h5 >
28+ < div id ="statusRowChart "> </ div >
4129 </ div >
42- < div class ="row ">
43- < div class ="col col-md-8 ">
44- < div class ="jumbotron text-center ">
45- < h5 class ="lead "> Ticket Status by Date Submitted</ h5 >
46- < div id ="statusByMonthBarChart "> </ div >
47- </ div >
48- </ div >
49- < div class ="col-md-4 text-center ">
50- < div class ="jumbotron ">
51- < h5 class ="lead "> Open Tickets Count</ h5 >
52- < div id ="open-closed-tickets-pie-chart "> </ div >
53- </ div >
54- < div class ="jumbotron ">
55- < h5 class ="lead "> Status</ h5 >
56- < div id ="statusRowChart "> </ div >
57- </ div >
58- </ div >
30+ </ div >
31+ < div class ="col col-md-12 col-lg-8 ">
32+ < div class ="jumbotron text-center ">
33+ < h5 class ="lead "> Ticket Status by Date Submitted</ h5 >
34+ < div id ="statusByMonthBarChart "> </ div >
5935 </ div >
60- < div class ="row ">
61- < div class ="col-md-4 ">
62- < div class ="jumbotron text-center ">
63- < h5 class ="lead "> Type</ h5 >
64- < div id ="ticketTypeRowChart "> </ div >
65- </ div >
66- </ div >
67- < div class ="col-md-4 ">
68- < div class ="jumbotron text-center ">
69- < h5 class ="lead "> Priority</ h5 >
70- < div id ="priorityRowChart "> </ div >
71- </ div >
72- </ div >
73- < div class ="col-md-4 ">
74- < div class ="jumbotron text-center ">
75- < h5 class ="lead "> In-Demand Tickets</ h5 >
76- < div id ="upvotesRowChart "> </ div >
77- </ div >
78- </ div >
36+ </ div >
37+ </ div >
38+ < div class ="row ">
39+ < div class ="col-md-4 ">
40+ < div class ="jumbotron text-center ">
41+ < h5 class ="lead "> Type</ h5 >
42+ < div id ="ticketTypeRowChart "> </ div >
7943 </ div >
80- <!-- <div class="row">
81- <div class="col-12">
82- <div class="jumbotron text-center">
83- <h5 class="lead">Age vs Priority Scatter</h5>
84- <div id="age-priority-scatter-plot"></div>
85- </div>
86- </div>
44+ </ div >
45+ < div class ="col-md-4 ">
46+ < div class ="jumbotron text-center ">
47+ < h5 class ="lead "> Priority</ h5 >
48+ < div id ="priorityRowChart "> </ div >
8749 </ div >
88- <div class="row">
89- <div class="col-12">
90- <div class="jumbotron text-center">
91- <h5 class="lead">Average Days to Resolve</h5>
92- <div id="average-days-to-resolve"></div>
93- </div>
94- </div>
95- </div> -->
9650 </ div >
97- <!-- placeholder Pane -->
98- < div class ="tab-pane fade show " id ="nav-ph " role ="tabpanel " aria-labelledby ="nav-ph-tab ">
99- < br >
100- < div class ="row ">
101- < div class ="col ">
102- < h5 class ="lead "> Aged Tickets</ h5 >
103- < div id ="agedRowChart "> </ div >
104- </ div >
51+ < div class ="col-md-4 ">
52+ < div class ="jumbotron text-center ">
53+ < h5 class ="lead "> In-Demand Tickets</ h5 >
54+ < div id ="upvotesRowChart "> </ div >
10555 </ div >
10656 </ div >
10757</ div >
@@ -117,8 +67,6 @@ <h5 class="lead">Aged Tickets</h5>
11767<!-- dc.js -->
11868< script src ="https://cdnjs.cloudflare.com/ajax/libs/dc/3.1.9/dc.min.js "
11969 integrity ="sha256-unWojco2TOb01l2JB43J27kr4UQIkHk+PWce5A2eq8Y= " crossorigin ="anonymous "> </ script >
120- <!-- dc-tableview-light.js NOT USED-->
121- <!-- <script src="{% static 'js/dc-tableview-light.min.js' %}"></script> -->
122- <!-- main.js -->
70+ <!-- dashboard.js -->
12371< script src ="{% static 'js/dashboard.js' %} "> </ script >
12472{% endblock %}
0 commit comments