-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
121 lines (110 loc) · 4.55 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>PRC DMS Projects 3W Dashboard</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/dc.css"/>
<link rel="stylesheet" type="text/css" href="css/3w-dashboard.css"/>
<link type="text/css" href="css/dc.css" rel="stylesheet"/>
<link type="text/css" href="css/jquery.dataTables.min.css" rel="stylesheet">
</head>
<body>
<div class ="col-sm-4 col-md-offset4" id="loading">
<h1>Loading... (~2.5MB)</h1><small>Does not work on IE8 or older</small>
</div>
<div class="container" id="dashboard">
<div class="row">
<div class="col-lg-6">
<div class="row">
<div style="display:flex">
<img src="images/prc_logo (disabled).png" style="height: 80px; width: 80px; top: 50px">
<div>
<h3>DMS Projects<br>PRC 3W Dashboard</h3>
</div>
</div>
<div class="col-xs-12">Explore What PRC does Where.<br>Last update: 12 Oct 2018</div>
<div id="count-info" class="col-xs-10">
<span class="filter-count "></span> selected out of <span class="total-count "></span> activities
</div>
<div id="count-info" class="col-xs-2">
<a style="background-color: #BF002D" class="btn btn-primary btn-sm" id="reset" href="javascript:dc.filterAll();dc.redrawAll();datatable.dataTable().fnFilter('');">Reset All</a>
</div>
</div>
<hr>
<div class="row">
<div id="sectors" class="col-lg-8">
<h4>Type of Project</h4>
<div class="col-xs-12"># of municipalities</div>
</div>
<div id="organisations" class="col-lg-6">
<h4>Supported by</h4>
<div class="col-xs-12"># of municipalities</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h4>Projects implemented and # beneficiaries</h4>
<div id="services" class="col-xs-12">
# of beneficiaries (Note that there are different types of beneficiaries: individuals, families, municipalities. Scroll down to the activities table for more information.)
</div>
</div>
</div>
</div>
<div id="map" class="col-lg-6">
<h3>Project area</h3><p><a href="javascript:municipalitiesMapShow();">Municipalities</a> - Provinces</p>
</div>
<div id="map2" class="col-lg-6">
<h3>Project area</h3><p>Municipalities - <a href="javascript:provincesMapShow();">Provinces</a></p>
</div>
</div>
<div class='row'>
<div class='span12'>
<h4>Project List table</h4>
<div id="sectors" class="col-xs-12">
# of projects (Note use the filters in the table heading to sort rows.)
</div>
<table class='table table-hover' id='dc-table-graph'>
<thead>
<tr class='header'>
<th>Implementing Partner</th>
<th>Type of Project</th>
<th>Lead Office</th>
<th>Project Title</th>
<th>Province</th>
<th>Municipality</th>
<th>Barangay</th>
<th>Status</th>
<th>Beneficiaries</th>
<th>Beneficiary type</th>
</tr>
</thead>
</table>
</div>
</div>
Created by Denise Avelino - denise(dot)avelino(at)redcross(dot)org(dot)ph - Skype: den.avelino
Supported by - 510(dot)global
</div>
<script type="text/javascript" src="js/d3.js"></script>
<script type="text/javascript" src="js/crossfilter.js"></script>
<script type="text/javascript" src="js/dc.js"></script>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src='js/jquery.js'></script>
<script type="text/javascript" src="js/data.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/site.js"></script>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-46399763-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>