-
Notifications
You must be signed in to change notification settings - Fork 0
/
developer.html
126 lines (107 loc) · 4.21 KB
/
developer.html
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./css/developer.css">
<title> Developer Metrics </title>
</head>
<body>
<h1 id="title" align="center"> </h1>
<!-- From MDL Lite (Lists) -->
<!-- Three Line List with secondary info and action -->
<style>
.demo-list-three {
width: 650px;
}
</style>
<!-- <table align="center" width="600"> OLD UI
<tr class="heading">
<th><font size="4">
Top 5 Longest Open Issues
</font></th>
</tr>
<th>
Use this below to remove the indent on the list: <ul class="demo-list-three mdl-list"> </ul>
<ul id="open_issues_list">
<li class="mdl-list__item mdl-list__item--three-line">
<span class="mdl-list__item-primary-content">
<i class="material-icons mdl-list__item-avatar">assignment</i>
<span id="listTitle">Issue1 [Sample] </span>
<span id = "list_content1" class="mdl-list__item-text-body">
Time since the issue has been opened for
</span>
</span>
<span class="mdl-list__item-secondary-content">
</span>
</li>
</ul>
</th>
</table> -->
<table align="center" width="650" class="issues_table">
<thead>
<tr class="heading">
<th><font size="4">
Top 5 Longest Open Issues
</font></th>
<th width="13%"><font size="4">
<i align="middle" class="material-icons mdl-list__item-avatar">schedule</i>
</font></th>
</tr>
</thead>
<tbody id="open_issues_table">
</tbody>
</table>
<table align="center" width="650" class="issues_table">
<thead>
<tr class="heading">
<th><font size="4">
Top 5 Most Popular Issues
</font></th>
<th width="12%"><font size="4">
<i align="middle" class="material-icons mdl-list__item-avatar">people</i>
</font></th>
</tr>
</thead>
<tbody id="popular_issues_table">
</tbody>
</table>
<!-- Old UI
<table id="popular_issues_table" align="center" width="600">
<tr class="heading">
<th><font size="4">
Top 5 Most Popular Issues
</font></th>
</tr>
<td>
<ul id="popular_issues_list">
<!-- <li class="mdl-list__item mdl-list__item--three-line">
<!-- <span class="mdl-list__item-primary-content">
<!-- The following sets the symbol to the left of the list point
<!--
<i class="material-icons mdl-list__item-avatar">people</i>
<span id="listTitle"></span>
-->
<!--
<span id = "list_content1" class="mdl-list__item-text-body">
Popularity index
</span>
-->
<!-- </span>
<!-- <span class="mdl-list__item-secondary-content">
<!-- </span>
<!-- </li>
</ul>
</td>
</table>
-->
<script src="./js/Classes.js"></script>
<script src="./js/script.js"></script>
<script src="./js/developer.js"></script>
<!-- For MDL -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
</body>
</html>