
    <section id="app" class="margine-base fullpage-section">
        <div class="section-title">
            <h1>Digital archive</h1>
        </div>

        <div class="row" v-if="loading != 100">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <p>loading...</p>
            </div>
        </div>

        <div id="app-child" style="display: none;" :class="{ loaded: loading }">

				<div class="row" v-if="loading == 100">
					<div class="col-xs-12 col-sm-12 col-md-12">
						<div class="form-group">
							<label>Data Search</label>
							<v-select v-model="selected" :options='sortArrays(selected_options, "label_en")' :reduce="label_en => label_en.value" label="label_en"></v-select>
						</div>
					</div>
				</div>

				<div class="row" v-if="selected == 1">
					<div class="col-xs-12 col-sm-12 col-md-12">
						<label>Search by Composer:</label>
						<v-select v-model="autore" :options='sortArrays(data_import[0][1], "cognome_nome")' :reduce="cognome_nome => cognome_nome.id_autore" label="cognome_nome"></v-select>
						<button type="submit" class="btn btn-primary" @click="search">Submit</button>
					</div>
				</div>

				<div class="row" v-if="selected == 2">
					<div class="col-xs-12 col-sm-12 col-md-12">
						<label>Composition</label>
						<v-select v-model="brano" :options='sortArrays(data_import[1][1], "titolo_brano_en")' :reduce="titolo_brano_en => titolo_brano_en.id_brano" label="titolo_brano_en"></v-select>
						<button type="submit" class="btn btn-primary" @click="search">Submit</button>
					</div>
				</div>

				<div class="row" v-if="selected == 3">
					<div class="col-xs-12 col-sm-12 col-md-12">
						<label>Player - Solist</label>
						<v-select v-model="esecutore" :options='sortArrays(data_import[7][1], "esecutore")' :reduce="esecutore => esecutore.id_esecutori" label="esecutore"></v-select>
						<button type="submit" class="btn btn-primary" @click="search">Submit</button>

					</div>
				</div>

				<div class="row" v-if="selected == 4">
					<div class="col-xs-12 col-sm-12 col-md-12">
						<label>Player - Instrument</label>
						<v-select v-model="id_strumenti" :options='sortArrays(data_import[6][1], "strumenti_en")' :reduce="strumenti_en => strumenti_en.id_strumenti" label="strumenti_en"></v-select>
						<button type="submit" class="btn btn-primary" @click="search">Submit</button>

					</div>
				</div>

				<div class="row" v-if="selected == 5">
					<div class="col-xs-12 col-sm-12 col-md-12">
						<label>Player - Ensemble</label>
						<v-select v-model="esecutore" :options='sortArrays(data_import[7][1], "esecutore")' :reduce="esecutore => esecutore.id_esecutori" label="esecutore"></v-select>
						<button type="submit" class="btn btn-primary" @click="search">Submit</button>
					</div>
				</div>

				<div class="row" v-if="selected == 6">
					<div class="col-xs-12 col-sm-12 col-md-12">
						<label>Ensemble</label>
						<v-select v-model="id_formazione" :options='sortArrays(data_import[4][1], "formazione_en")' :reduce="formazione_en => formazione_en.id_formazione" label="formazione_en"></v-select>
						<button type="submit" class="btn btn-primary" @click="search">Submit</button>
					</div>
				</div>

				<div class="row" v-if="selected == 7">
					<div class="col-xs-12 col-sm-12 col-md-12">
						<label>Concert seasons (from - to)</label>
							<div class="stagioni">
								<v-select v-model="date_from" :options='sortArrays(date_options, "")'></v-select>
								<v-select v-model="date_to" :options='sortArrays(date_options, "")'></v-select>
							</div>
						<button type="submit" class="btn btn-primary" @click="search">Submit</button>
					</div>
				</div>

				<div class="row results" v-if="results.length > 0 && selected == 1">
					<div class="col-xs-12 col-sm-12 col-md-12">

						<h2>Search by Composer:{{ results[0].cognome_nome }}</h2>

						<table class="table">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">DATE</th>
								<th scope="col">HOUR</th>
								<th scope="col">ORDER OF PERFORMANCE</th>
								<th scope="col">COMPOSITION</th>
								<th scope="col">LOCATION</th>
							</tr>
						</thead>

							
						<tbody>
							<tr v-for='(r, index) in sort_arrays__complete_dates(results, "data_esecuzione")'>
								<th scope="row">{{ index + 1 }}</th>
								<td>{{ r.data_esecuzione }}</td>
								<td>{{ r.ora.slice(0, -3) }}</td>
								<td>{{ r.ordine_esecuzione }}</td>
								<td><a class="link" v-on:click.stop='ricercaIncrociata( r, r.titolo_brano_en, "titolo_brano_en", 2)'>{{ r.titolo_brano_en }}</a></td>
								<td>{{ r.luogo_en }}</td>
							</tr>
						</tbody>
	
						
						</table>
					</div>
				</div>

				<div class="row results" v-if="results.length > 0 && selected == 2">
					<div class="col-xs-12 col-sm-12 col-md-12">

                        
                        
                        						    <h2>Search by Composition: {{ results[0].titolo_brano_en }}</h2>
                        
						<table class="table">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">DATE</th>
								<th scope="col">HOUR</th>
								<th scope="col">ORDER OF PERFORMANCE</th>
								<th scope="col">COMPOSER</th>
								<th scope="col">ENSEMBLE</th>
								<th scope="col">EXECUTOR</th>
								<th scope="col">INSTRUMENT</th>
								<th scope="col">TRANSCRIBER</th>
							</tr>
						</thead>

							
						<tbody>
							<tr v-for="(r, index)  in results">
								<th scope="row">{{ index + 1 }}</th>
								<td>{{ r.data_esecuzione }}</td>
								<td>{{ r.ora.slice(0, -3) }}</td>
								<td>{{ r.ordine_esecuzione }}</td>
								<td>{{ r.cognome_nome }}</td>
								<td><a class="link" v-on:click.stop='ricercaIncrociata( r, r.formazione_en, "formazione_en", 6)'>{{ r.formazione_en }}</a></td>
								<td  v-if="r.formazione != ''">{{ r.esecutore }}</td>
								<td  v-if="r.formazione == ''"><a class="link" v-on:click.stop='ricercaIncrociata( r, r.esecutore, "esecutore", 3)'>{{ r.esecutore }}</a></td>
								<td>{{ r.strumenti_en }}</td>
								<td>{{ r.trascrittore }}</td>
							</tr>
						</tbody>
	
						
						</table>
					</div>
				</div>

				<div class="row results" v-if="results.length > 0 && selected == 3">
					<div class="col-xs-12 col-sm-12 col-md-12">

						<h2>Search by Executor {{ results[0].esecutore }}</h2>

						<table class="table">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">DATE</th>
								<th scope="col">HOUR</th>
								<th scope="col">ORDER OF PERFORMANCE</th>
								<th scope="col">COMPOSER</th>
								<th scope="col">COMPOSITION</th>
								<th scope="col">INSTRUMENT</th>
							</tr>
						</thead>

							
						<tbody>
							<tr v-for="(r, index)  in results">
								<th scope="row">{{ index + 1 }}</th>
								<td>{{ r.data_esecuzione }}</td>
								<td>{{ r.ora.slice(0, -3) }}</td>
								<td>{{ r.ordine_esecuzione }}</td>
								<td>{{ r.cognome_nome }}</td>
								<td><a class="link" v-on:click.stop='ricercaIncrociata( r, r.titolo_brano_en, "titolo_brano_en", 2)'>{{ r.titolo_brano_en }}</a></td>
								<td>{{ r.strumenti_en }}</td>
							</tr>
						</tbody>
	
						
						</table>
					</div>
				</div>

				<div class="row results" v-if="results.length > 0 && selected == 4">
					<div class="col-xs-12 col-sm-12 col-md-12">

						<h2>Search by Executor {{ results[0].strumenti }}</h2>

						<table class="table">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">EXECUTOR</th>
								<th scope="col">INSTRUMENT</th>
							</tr>
						</thead>

							
						<tbody>
							<tr v-for="(r, index)  in results">
								<th scope="row">{{ index + 1 }}</th>
								<td>{{ r.esecutore }}</td>
								<td>{{ r.strumenti_en }}</td>
							</tr>
						</tbody>
	
						
						</table>
					</div>
				</div>

				<div class="row results" v-if="results.length > 0 && selected == 5">
					<div class="col-xs-12 col-sm-12 col-md-12">

						<h2>Search by Executor {{ results[0].esecutore }} - {{ results[0].strumenti }}</h2>

						<table class="table">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">DATE</th>
								<th scope="col">HOUR</th>
								<th scope="col">ORDER OF PERFORMANCE</th>
								<th scope="col">COMPOSER</th>
								<th scope="col">COMPOSITION</th>
								<th scope="col">ENSEMBLE</th>
								<th scope="col">DIRECTOR</th>
							</tr>
						</thead>

							
						<tbody>
							<tr v-for="(r, index)  in results">
								<th scope="row">{{ index + 1 }}</th>
								<td>{{ r.data_esecuzione }}</td>
								<td>{{ r.ora.slice(0, -3) }}</td>
								<td>{{ r.ordine_esecuzione }}</td>
								<td>{{ r.cognome_nome }}</td>
								<td><a class="link" v-on:click.stop='ricercaIncrociata( r, r.titolo_brano_en, "titolo_brano_en", 2)'>{{ r.titolo_brano_en }}</a></td>
								<td><a class="link" v-on:click.stop='ricercaIncrociata( r, r.formazione_en, "formazione_en", 6)'>{{ r.formazione_en }}</a></td>
								<td>{{ r.nome_direttore }}</td>
							</tr>
						</tbody>
	
						
						</table>
					</div>
				</div>

				<div class="row results" v-if="results.length > 0 && selected == 6">
					<div class="col-xs-12 col-sm-12 col-md-12">

						<h2>Search by Ensemble {{ results[0].formazione_it }}</h2>

						<table class="table">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">DATE</th>
								<th scope="col">HOUR</th>
								<th scope="col">ORDER OF PERFORMANCE</th>
								<th scope="col">COMPOSER</th>
								<th scope="col">COMPOSITION</th>
							</tr>
						</thead>

							
						<tbody>
							<tr v-for="(r, index)  in results">
								<th scope="row">{{ index + 1 }}</th>
								<td>{{ r.data_esecuzione }}</td>
								<td>{{ r.ora.slice(0, -3) }}</td>
								<td>{{ r.ordine_esecuzione }}</td>
								<td>{{ r.cognome_nome }}</td>
								<td><a class="link" v-on:click.stop='ricercaIncrociata( r, r.titolo_brano_en, "titolo_brano_en", 2)'>{{ r.titolo_brano_en }}</a></td>
							</tr>
						</tbody>
	
						
						</table>
					</div>
				</div>

                <div class="row results" v-if="results.length > 0 && selected == 7">
					<div class="col-xs-12 col-sm-12 col-md-12">

						<h2>Search by Concert seasons {{ date_from }} - {{ date_to }}</h2>

						<table class="table">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">DATE</th>
								<th scope="col">HOUR</th>
								<th scope="col">ORDER OF PERFORMANCE</th>
								<th scope="col">COMPOSER</th>
								<th scope="col">COMPOSITION</th>
							</tr>
						</thead>

							
						<tbody>
							<tr v-for='(r, index) in sort_arrays__complete_dates(results, "data_esecuzione")'>
								<th scope="row">{{ index + 1 }}</th>
								<td>{{ r.data_esecuzione }}</td>
								<td>{{ r.ora.slice(0, -3) }}</td>
								<td>{{ r.ordine_esecuzione }}</td>
								<td>{{ r.cognome_nome }}</td>
								<td><a class="link" v-on:click.stop='ricercaIncrociata( r, r.titolo_brano_en, "titolo_brano_en", 2)'>{{ r.titolo_brano_en }}</a></td>
							</tr>
						</tbody>
	
						
						</table>
					</div>
				</div>

				<div class="row results" v-if="error">
					<div class="col-xs-12 col-sm-12 col-md-12">
						<p class="error">{{ error }}</p>
					</div>
				</div>

                <div class="row debug" v-if="results.length > 0">
                    <div class="hidden">
                        <pre>{{ results }}</pre>
                    </div>
                </div>
		</div>
	</section>
	{"id":672081,"date":"2020-09-02T16:59:54","date_gmt":"2020-09-02T14:59:54","guid":{"rendered":"https:\/\/konzertverein.org?page_id=672081"},"modified":"2021-02-21T14:43:56","modified_gmt":"2021-02-21T13:43:56","slug":"archivio-digitale","status":"publish","type":"page","link":"https:\/\/konzertverein.org\/en\/archivio-digitale\/","title":{"rendered":"Archivio Digitale"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-672081","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/konzertverein.org\/en\/wp-json\/wp\/v2\/pages\/672081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/konzertverein.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/konzertverein.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/konzertverein.org\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/konzertverein.org\/en\/wp-json\/wp\/v2\/comments?post=672081"}],"version-history":[{"count":0,"href":"https:\/\/konzertverein.org\/en\/wp-json\/wp\/v2\/pages\/672081\/revisions"}],"wp:attachment":[{"href":"https:\/\/konzertverein.org\/en\/wp-json\/wp\/v2\/media?parent=672081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}