-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
192 lines (162 loc) · 9.85 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html>
<head>
<title>Ricostruzione Trasparente | AlboPOP | NanoFlux Fusion + RiotJS + Elasticsearch</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="container">
<header>
<h1>Albi Pretori | Ricostruzione Trasparente (dev)</h2>
</header>
<div class="row">
<section class="col-md-4">
<h2>Cerca e filtra</h2>
<div id="search-container">
<!-- Componente per la ricerca libera full-text
- fields: campi in cui effettuare la ricerca
- placeholder: come per il tag input
- value: valore iniziale
-->
<es-search title="Testo libero" fields="title,description" placeholder="Cerca..." value="">
<!-- Markup generato dal componente tra { } i valori degli attributi indicati
<div class="panel panel-default">
<div class="panel-heading">
<h4>{ title }</h4>
</div>
<form class="search-form">
<input class="search-input" placeholder="{ placeholder }" value="{ value }">
</form>
<div class="panel-footer"></div>
</div>
-->
</es-search>
</div>
<div id="facet-container">
<!-- Componente per il filtro per parole (variabile categoriale)
- title: titolo del componente
- field: campo su cui applicare il filtro
- size: numero massimo di termini visualizzati
- order: ordinamento dei termini ("count:asc", "count:desc"*, "term:asc", "term:desc")
-->
<es-facet-keywords title="Paesi" field="country">
<!-- Markup generato dal componente
- disabled: classe aggiunta alle voci con conteggio nullo
- active: classe aggiunta alle voci selezionate (filtro attivo)
- value: valore della variabile categoriale (parola)
- label: stringa mostrata all'utente, uguale a { valore }
- count: conteggio dei documenti per valore
-->
<!--
<div class="facet-item { disable } { active }">
<span class="facet-label" data-value="{ value }">{ label }</span> <span class="facet-count">{ count }</span>
</div>
...
-->
</es-facet-keywords>
<es-facet-keywords title="Regioni" field="region" size="20"></es-facet-keywords>
<es-facet-keywords title="Province" field="province" size="110"></es-facet-keywords>
<es-facet-keywords title="Comuni" field="municipality" size="100" height="10"></es-facet-keywords>
<es-facet-keywords title="Tipologie" field="type" size="100" height="10"></es-facet-keywords>
<es-facet-keywords title="Curatori" field="channel.webMaster" size="5"></es-facet-keywords>
<div class="panel panel-default">
<div class="panel-heading">
<h4>Giorni</h4>
</div>
<!-- Componente per il filtro per date (variabile temporale)
- title: titolo del componente
- field: campo su cui applicare il filtro
- format: formato della stringa mostrata all'utente (strftime: https://samhuri.net/projects/strftime)
- interval: estensione del bin della distribuzione (second, minute, hour, day, week, month, year) !!!DA VERIFICARE!!!
-->
<es-facet-datetimes format="%Y-%m-%d" field="pubStart" interval="day">
<!-- Markup generato dal componente
- disabled: classe aggiunta alle voci con conteggio nullo
- active: classe aggiunta alle voci selezionate (filtro attivo)
- value: valore della variabile categoriale (parola)
- label: stringa mostrata all'utente, il valore è formattato secondo il formato indicato
- count: conteggio dei documenti per valore
-->
<!--
<div class="facet-item { disable } { active }">
<span class="facet-label" data-value="{ value }">{ label }</span> <span class="facet-count">{ count }</span>
</div>
...
-->
</es-facet-datetimes>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4>Numero</h4>
</div>
<!-- Componente per il filtro per numero (variabile numerica)
- title: titolo del componente
- field: campo su cui applicare il filtro
- format: formato della stringa mostrata all'utente (numeral: http://numeraljs.com/)
- interval: estensione del bin della distribuzione
-->
<es-facet-numbers format="0,0" field="longitude" interval="1">
<!-- Markup generato dal componente
- disabled: classe aggiunta alle voci con conteggio nullo
- active: classe aggiunta alle voci selezionate (filtro attivo)
- value: valore della variabile categoriale (parola)
- label: stringa mostrata all'utente, il valore è formattato secondo il formato indicato
- count: conteggio dei documenti per valore
-->
<!--
<div class="facet-item { disable } { active }">
<span class="facet-label" data-value="{ value }">{ label }</span> <span class="facet-count">{ count }</span>
</div>
...
-->
</es-facet-numbers>
</div>
</div>
</section>
<section class="col-md-8">
<h2>
Atti amministrativi
<es-feed class="pull-right" opening="<%" closing="%>" href="http://feeds.ricostruzionetrasparente.it/albi_pretori/?q=<%match%>&source=<%terms.municipality.values%>&size=25&format=rss">
<span class="glyphicon glyphicon-asterisk"></span>
</es-feed>
</h2>
<div id="list-container">
<!-- Componente per il rendering della lista dei risultati
- size: numero di risultati per pagina
-->
<es-list size="25">
<!-- Markup generato dal componente, di cui una parte è personalizzabile -->
<!--
<div class="list-item panel panel-default">
-->
<div class="panel-heading">
<h4>{ uid }</h4>
</div>
<div class="panel-body">
<p>{ description }</p>
</div>
<div class="panel-footer">
<p>{ pubStart } - { pubEnd }</p>
</div>
<!--
</div>
<div>
<span class="list-page">{ prev }</span>
<span class="list-page">{ page }</span>
...
<span class="list-page">{ next }</span>
</div>
-->
</es-list>
</div>
</section>
</div>
<footer>
<p>CC BY 2017 onData | Powered by NanoFlux Fusion + RiotJS + Elasticsearch</p>
</footer>
</div>
<!-- I principali parametri di configurazione sono nel file config.js -->
<script src="./config.js"></script>
<script src="./dist/js/bundle.js"></script>
</body>
</html>