forked from urbanlaunchpad/SoloCityMap
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
139 lines (136 loc) · 7.66 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="User testing.">
<meta property="fb:app_id" content="1648943068662525">
<title>Solo City Map / Structure</title>
<!-- STYLE -->
<link href='https://fonts.googleapis.com/css?family=Raleway:300,400,500' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="./src/css/normalize.css">
<link rel="stylesheet" href="./src/css/bootstrap.css">
</head>
<body>
<div id="fb-root">
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.3&appId=1648943068662525";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</div>
<div class="container-fluid">
<div class="row">
<div id="nav-bar" class="hidden-md hidden-lg">Solo City Map</div>
<div id="map-canvas" class="col-md-8 col-lg-9 col-md-push-4 col-lg-push-3">
<div id="map-panel">
<div id="tools_container">
<div id="language_selector" title="Here you can select which language to show.">
<input type="radio" id="language_bahasa" name="language_selector">
<label for="language_bahasa">Bahasa</label>
<input type="radio" id="language_english" name="language_selector" checked="checked">
<label for="language_english">English</label>
</div>
<button type="button" id="layers_button" title="Open this menu to show the possible data layers available."></button>
<div id="year_selector" title="Here you can filter the projects by year selecting one or more from the bar.">
<p class="trn">Year filter</p>
</div>
<div id="layer_tools" style="display: none">
<div id="data_layer_year_selector" title="Here you can select which year of the data layers to show">
<p>Data layer years</p>
<input type="radio" id="data_2010" name="data_layer_year" checked="checked">
<label for="data_2010">2010</label>
<input type="radio" id="data_2012" name="data_layer_year">
<label for="data_2012">2012</label>
</div>
<div id="data_layer_scope" title="Here you can select if you want to show RT or Kelurahan data">
<input type="radio" id="data_KEL" name="data_layer_scope">
<label for="data_KEL">Kelurahan</label>
<input type="radio" id="data_RT" name="data_layer_scope" checked="checked">
<label for="data_RT">RT</label>
</div>
<select id="aggregate_data_selector" title="Choose which data layer to show."></select>
<button type="button" id="clear_data_layer_button">X</button>
</div>
</div>
<div id="key_bar_container"></div>
</div>
<div id="map"></div>
</div>
<div class="clearfix visible-sm-block visible-xs-block"></div>
<div id="left-panel" class="col-md-4 col-lg-3 col-md-pull-8 col-lg-pull-9">
<div class="row">
<div id="nav-bar" class="hidden-xs hidden-sm">Solo City Map - Musrenbang tracker</div>
<div id="kelurahan_search">
<h1 id="kelurahan_name">
Solo City Map
</h5>
</div>
<select id="kelurahan_selector" style="width: 98.75%;"
class="hidden-xs hidden-sm" data-placeholder="Select a kelurahan"
title="Select a Kelurahan to see its projects."></select>
<div id="filter_conditions" class="hidden-xs hidden-sm"
style="display: none;">
<div id="subcategory_filter"
title="Here you can toggle which categories you want to show."></div>
<div id="was_voted_filter" class="filter-buttons"
title="Filter if you want to show the projects that went trough the complete musrenbang process and the projects that were executed without voting.">
<input type="checkbox" id="was_voted_filter_ALL" value="ALL"></input>
<label for="was_voted_filter_ALL"
title="Toggle to show all the categories.">All</label> <input
type="checkbox" id="was_voted_filter_VO" value="VO"></input> <label
for="was_voted_filter_VO">Voted</label> <input type="checkbox"
id="was_voted_filter_NV" value="NV"></input> <label
for="was_voted_filter_NV">Not voted</label>
</div>
<div id="is_it_executed_filter" class="filter-buttons"
title="Filter if you want to show the projects that were executed and the projects that were proposed, but not executed.">
<input type="checkbox" id="is_it_executed_filter_ALL" value="ALL"></input>
<label for="is_it_executed_filter_ALL"
title="Toggle to show all the categories.">All</label> <input
type="checkbox" id="is_it_executed_filter_YES" value="YES"></input>
<label for="is_it_executed_filter_YES">Implemented</label> <input
type="checkbox" id="is_it_executed_filter_NO" value="NO"></input>
<label for="is_it_executed_filter_NO">Not Implemented</label>
</div>
</div>
<div id="planned_budget_info"></div>
<div id="executed_budget_info"></div>
<div id="list"></div>
</div>
</div>
</div>
<!-- jquery and jquery UI -->
<link rel="stylesheet"
href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script type="text/javascript"
src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript"
src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<!-- MAPBOX -->
<script src='https://api.tiles.mapbox.com/mapbox.js/v2.1.5/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.5/mapbox.css'
rel='stylesheet' />
<!-- Taffy DB -->
<script type="text/javascript" src="src/js/taffy-min.js"></script>
<!-- Chosen -->
<script type="text/javascript" src="src/js/chosen.jquery.min.js"></script>
<link rel="stylesheet" href="src/css/chosen.min.css">
<!-- D3 and SK's key -->
<script src="src/js/d3.v3.min.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="src/css/key-fonts.css" />
<link rel="stylesheet" type="text/css" href="src/css/key.css" />
<!-- Translate -->
<script type="text/javascript" src="src/js/jquery.translate.js"></script>
<!-- Urban Launchpad -->
<link rel="stylesheet" href="./src/css/structure.css">
<link rel="stylesheet" href="./src/css/style.css">
<script type="text/javascript" src="src/js/musrenbang_tracker.js"></script>
</body>
</html>