2019-09-16 08:59:53 +01:00
|
|
|
{% extends "base.html" %}
|
|
|
|
|
2019-09-30 14:23:32 +01:00
|
|
|
{% block title %}{{ label or 'no label' }} ({{qid }}){% endblock %}
|
2019-09-16 08:59:53 +01:00
|
|
|
|
2019-09-25 13:40:15 +01:00
|
|
|
{% block style %}
|
|
|
|
<style>
|
2019-10-07 14:12:30 +01:00
|
|
|
div.description { margin-left: 2em; color: rgb(96, 96, 96); }
|
|
|
|
span.description { color: rgb(96, 96, 96); }
|
2019-09-25 13:40:15 +01:00
|
|
|
</style>
|
|
|
|
{% endblock %}
|
|
|
|
|
2019-09-16 08:59:53 +01:00
|
|
|
{% block content %}
|
2019-09-25 13:40:15 +01:00
|
|
|
<div>
|
|
|
|
<div class="d-flex">
|
|
|
|
<div class="p-2 flex-fill">
|
|
|
|
<h1>{{ self.title() }}</h1>
|
2019-09-30 14:23:32 +01:00
|
|
|
{% if label_languages %}
|
2019-09-30 10:19:12 +01:00
|
|
|
<p>Label from:
|
|
|
|
{% for lang in label_languages %}
|
|
|
|
{{ lang.label }} ({{ lang.code }})
|
|
|
|
{% if show_translation_links %}
|
|
|
|
<a href="https://translate.google.com/#view=home&op=translate&sl={{lang.code}}&tl=en&text={{label}}" target="translation">[translate]</a>
|
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
|
|
|
</p>
|
2019-09-30 14:23:32 +01:00
|
|
|
{% endif %}
|
2019-09-25 13:40:15 +01:00
|
|
|
|
2019-10-07 10:36:27 +01:00
|
|
|
<div class="m-2">
|
|
|
|
<a href="https://www.wikidata.org/wiki/{{ qid }}" class="btn btn-primary">view on Wikidata</a>
|
|
|
|
<a href="{{ url_for('random_painting') }}" class="btn btn-primary">skip this photo</a>
|
|
|
|
<a href="{{ url_for('browse_page') }}" class="btn btn-primary">browse paintings</a>
|
|
|
|
</div>
|
2019-09-25 13:40:15 +01:00
|
|
|
|
2019-09-16 08:59:53 +01:00
|
|
|
|
2019-09-25 13:40:15 +01:00
|
|
|
<div>
|
2019-09-16 08:59:53 +01:00
|
|
|
{% for hit in hits %}
|
|
|
|
<p>
|
|
|
|
url: {{ hit.url }}<br>
|
|
|
|
label: {{ hit.label }}<br>
|
|
|
|
qid: {{ hit.qid }}<br>
|
|
|
|
sources: {{ hit.sources() }}<br>
|
|
|
|
</p>
|
|
|
|
{% endfor %}
|
|
|
|
|
2019-09-25 13:40:15 +01:00
|
|
|
<div>
|
|
|
|
{% for key, prop_label in labels.items() %}
|
|
|
|
{% set claims = entity['claims'][key] %}
|
|
|
|
{% if claims %}
|
|
|
|
<div>
|
|
|
|
<strong>{{ prop_label }}</strong>:
|
|
|
|
{% for claim in claims %}
|
2019-09-29 08:33:52 +01:00
|
|
|
{% if 'datavalue' in claim.mainsnak %}
|
|
|
|
{% set claim_qid = claim.mainsnak.datavalue.value.id %}
|
|
|
|
<a href="https://www.wikidata.org/wiki/{{ claim_qid }}">{{ other[claim_qid] or '[ label missing ]' }}</a> ({{ claim_qid }})
|
|
|
|
{% else %}
|
|
|
|
<i>no value</i>
|
|
|
|
{% endif %}
|
2019-09-25 13:40:15 +01:00
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
2019-10-10 10:58:42 +01:00
|
|
|
{% if catalog.detail %}
|
|
|
|
{% for detail in catalog.detail %}
|
2019-09-27 11:02:24 +01:00
|
|
|
<div>
|
|
|
|
<strong>{{ detail.label }}</strong>:
|
|
|
|
<a href="{{ detail.url }}">{{ detail.value }}</a>
|
|
|
|
</div>
|
|
|
|
{% endfor %}
|
|
|
|
{% endif %}
|
2019-09-25 13:40:15 +01:00
|
|
|
|
2019-09-27 11:02:24 +01:00
|
|
|
|
2019-10-10 10:58:42 +01:00
|
|
|
{% if catalog.url %}
|
2019-09-27 11:02:24 +01:00
|
|
|
<p>
|
|
|
|
<strong>catalog URL</strong>:
|
2019-10-10 10:58:42 +01:00
|
|
|
<a href="{{ catalog.url }}">{{ catalog.url }}</a>
|
2019-09-27 11:02:24 +01:00
|
|
|
</p>
|
|
|
|
{% endif %}
|
|
|
|
|
2019-10-10 10:58:42 +01:00
|
|
|
{% if catalog.description or catalog.keywords %}
|
2019-09-25 14:01:46 +01:00
|
|
|
<div class="mt-2">
|
2019-09-27 11:02:24 +01:00
|
|
|
<h4>information from the {{ catalog.institution }} catalog</h4>
|
|
|
|
{% if catalog.description %}
|
|
|
|
<div><strong>description</strong>: {{ catalog.description }}</div>
|
|
|
|
{% endif %}
|
|
|
|
{% if catalog.keywords %}
|
|
|
|
<div><strong>keywords</strong>
|
2019-09-27 15:40:56 +01:00
|
|
|
{% for keyword in catalog.keywords %}
|
|
|
|
<span class="badge badge-primary">{{ keyword }}</span>
|
|
|
|
{% endfor %}
|
2019-09-27 11:02:24 +01:00
|
|
|
</div>
|
|
|
|
{% endif %}
|
2019-09-25 14:01:46 +01:00
|
|
|
</div>
|
2019-09-25 13:40:15 +01:00
|
|
|
{% endif %}
|
|
|
|
</div>
|
2019-09-25 14:01:46 +01:00
|
|
|
</div>
|
2019-09-16 08:59:53 +01:00
|
|
|
|
2019-09-27 16:59:43 +01:00
|
|
|
{% if not username %}
|
|
|
|
<div class="alert alert-info mt-4" role="alert">
|
|
|
|
This tool must be connected with Wikidata to work.
|
|
|
|
</div>
|
2019-09-27 20:23:01 +01:00
|
|
|
<p><a href="{{ url_for('start_oauth', next=current_url()) }}" class="btn btn-primary btn-lg">Connect with Wikidata</a>
|
2019-09-27 16:59:43 +01:00
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
{% if username %}
|
2019-09-27 16:07:37 +01:00
|
|
|
<form method="POST" action="{{ url_for('save', item_id=item_id) }}">
|
2019-09-25 13:40:15 +01:00
|
|
|
{% raw %}
|
|
|
|
<div id="app" class="mt-2">
|
2019-10-07 14:12:30 +01:00
|
|
|
<div v-if="existing_depicts.length">
|
|
|
|
<div>this painting has {{ existing_depicts.length }} existing depicts statement</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="mb-2" v-for="(hit, index) in existing_depicts">
|
|
|
|
<div>
|
|
|
|
<a :href="'https://www.wikidata.org/wiki/' + hit.qid">{{ hit.label }}</a>
|
|
|
|
({{ hit.qid }})
|
|
|
|
|
|
|
|
<span v-if="hit.description" class="description">{{ hit.description }}</span>
|
|
|
|
— {{ hit.count }} paintings
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2019-09-25 13:40:15 +01:00
|
|
|
<h3>what can you see in this painting?</h3>
|
2019-09-16 08:59:53 +01:00
|
|
|
|
2019-10-08 11:11:15 +01:00
|
|
|
<div v-if="people.length">
|
|
|
|
<div>These people were born and died in the same years as appears in the title of the painting.</div>
|
|
|
|
<div v-for="person in people">
|
|
|
|
<a href="#" @click.prevent="add_person(person)">{{ person.label || '[name missing]' }}</a>,
|
|
|
|
{{ person.year_of_birth }}-{{ person.year_of_death}} ({{ person.qid }})
|
|
|
|
<span v-if="person.description" class="description">{{ person.description }}</span>
|
|
|
|
<a :href="'https://www.wikidata.org/wiki/' + person.qid">[wikidata]</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2019-09-27 16:07:37 +01:00
|
|
|
<div v-if="new_depicts.length">
|
|
|
|
<div>{{ new_depicts.length }} new items to add to painting depicts statement</div>
|
|
|
|
</div>
|
|
|
|
|
2019-09-25 14:28:03 +01:00
|
|
|
<div v-for="(hit, index) in new_depicts">
|
2019-09-27 16:07:37 +01:00
|
|
|
<input type="hidden" name="depicts" :value="hit.qid">
|
2019-09-25 13:40:15 +01:00
|
|
|
<div>
|
|
|
|
{{ hit.label }}
|
|
|
|
<span v-if="hit.alt_label">({{ hit.alt_label }})</span>
|
2019-09-25 14:28:03 +01:00
|
|
|
<a href="#" @click.prevent="remove(index)" >remove</a>
|
2019-09-25 13:40:15 +01:00
|
|
|
— {{ hit.count }} existing paintings
|
|
|
|
({{ hit.qid }})
|
2019-10-07 14:12:30 +01:00
|
|
|
<a :href="'https://www.wikidata.org/wiki/' + hit.qid">[wikidata]</a>
|
2019-09-25 13:40:15 +01:00
|
|
|
</div>
|
|
|
|
<div v-if="hit.description">
|
|
|
|
<div class="description">{{ hit.description }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-09-16 08:59:53 +01:00
|
|
|
|
2019-09-27 16:07:37 +01:00
|
|
|
<button type="submit" v-if="new_depicts.length" class="btn btn-primary">add these to painting on Wikidata</button>
|
|
|
|
|
2019-10-07 11:46:42 +01:00
|
|
|
<input class="form-control-lg my-2 w-100" autofocus autocomplete="off" v-model.trim="searchTerms" @input="search" />
|
2019-09-27 16:07:37 +01:00
|
|
|
|
2019-10-07 11:46:42 +01:00
|
|
|
<div v-if="hits.length" id="item-list">
|
2019-09-25 13:40:15 +01:00
|
|
|
<div v-for="hit in hits">
|
|
|
|
<div>
|
2019-09-25 14:28:03 +01:00
|
|
|
<a href="#" @click.prevent="add_depicts(hit)">{{ hit.label }}</a>
|
2019-09-25 13:40:15 +01:00
|
|
|
<span v-if="hit.alt_label">({{ hit.alt_label }})</span>
|
|
|
|
— {{ hit.count }} existing paintings
|
|
|
|
({{ hit.qid }})
|
|
|
|
<a :href="'https://www.wikidata.org/wiki/' + hit.qid">view on Wikidata</a>
|
|
|
|
</div>
|
|
|
|
<div v-if="hit.description">
|
|
|
|
<div class="description">{{ hit.description }}</div>
|
|
|
|
</div>
|
2019-10-07 11:46:42 +01:00
|
|
|
</div> <! -- end for -->
|
|
|
|
</div>
|
|
|
|
<div v-else-if="searchTerms.length >= 3">
|
|
|
|
no matching depicts found
|
2019-09-25 13:40:15 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endraw %}
|
2019-09-27 16:07:37 +01:00
|
|
|
</form>
|
2019-09-27 16:59:43 +01:00
|
|
|
{% endif %}
|
2019-09-25 13:40:15 +01:00
|
|
|
</div>
|
2019-09-25 13:53:51 +01:00
|
|
|
<div class="flex-shrink-1 vh-100">
|
2019-09-27 11:02:24 +01:00
|
|
|
<img src="{{ image.thumburl }}" />
|
2019-09-25 13:53:51 +01:00
|
|
|
</div>
|
2019-09-25 13:40:15 +01:00
|
|
|
</div>
|
2019-09-16 08:59:53 +01:00
|
|
|
|
|
|
|
</div>
|
|
|
|
{% endblock %}
|
2019-09-25 13:40:15 +01:00
|
|
|
|
|
|
|
{% block script %}
|
|
|
|
<script>
|
|
|
|
var lookup_url = {{ url_for('depicts_lookup') | tojson }};
|
2019-10-07 14:12:30 +01:00
|
|
|
var existing_depicts = {{ existing_depicts | tojson }};
|
2019-10-08 11:11:15 +01:00
|
|
|
var people = {{ people | tojson }};
|
2019-09-25 13:40:15 +01:00
|
|
|
</script>
|
|
|
|
<script src="{{ url_for('static', filename='vue/vue.js') }}"></script>
|
2019-09-29 17:01:32 +01:00
|
|
|
<script src="{{ url_for('static', filename='js/item.js') }}"></script>
|
2019-09-25 13:40:15 +01:00
|
|
|
{% endblock %}
|