forked from datagouv/udata-front
-
Notifications
You must be signed in to change notification settings - Fork 0
/
card.html
139 lines (139 loc) · 6.32 KB
/
card.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
{% from theme('macros/description_list.html') import dl, dd, dt, WITHOUT_ELLIPSIS %}
{% set resource_format = resource.format|trim|lower %}
{% set available = resource.extras['check:status']
and resource.extras['check:status'] >= 200 and resource.extras['check:status'] < 400 %}
{% set unavailable = resource.extras['check:status'] and resource.extras['check:status'] >= 400 %}
{% set last_update = resource.last_modified %}
<article>
<header
class="fr-py-2w fr-grid-row fr-grid-row--middle no-wrap wrap-md justify-between border-bottom border-default-grey"
id="resource-{{resource.id}}-header"
>
<div class="fr-col-auto fr-grid-row fr-grid-row--top no-wrap">
<div class="fr-col-auto fr-mx-3v fr-icon-svg fr-icon--sm">
{% include theme(resource_image(resource)) %}
</div>
<div class="fr-col-auto">
<h4
class="fr-col-auto fr-mb-1w fr-mr-1v"
id="resource-{{resource.id}}-title"
>
{{ resource.title or _('Nameless resource') }}
</h4>
<div class="fr-my-0 text-grey-380 fr-grid-row fr-grid-row--middle">
{% if resource.schema %}
<div class="fr-text--xs fr-m-0 dash-after">
<p class="fr-tag fr-tag--sm">
<strong class="fr-mr-1v">{{ _("schema:") }}</strong> {{resource.schema.name if resource.schema.name else resource.schema.url}}
</p>
</div>
{% endif %}
<p class="fr-text--xs fr-m-0 dash-after">{{_('Updated on %(date)s', date=last_update|dateformat(format='long'))}}</p>
<p class="fr-text--xs fr-m-0 dash-after">
{{ resource_format }}
{% if resource.filesize %}
({{ resource.filesize | filesize }})
{% endif %}
</p>
<p class="fr-text--xs fr-m-0">{{ resource.metrics.views or 0 }} {{ _('downloads') }}</p>
</div>
</div>
</div>
<div class="fr-col-auto fr-ml-auto">
<ul class="fr-grid-row fr-grid-row--middle no-wrap wrap-md">
{% if unavailable %}
<li class="text-default-error fr-mr-5w" v-if="unavailable">
{{ _('Unavailable') }}
</li>
{% endif %}
{% if resource.format == 'url' %}
<li class="fr-col-auto">
<a
href="{{ resource.latest }}"
title="{{ _('Resource link - opens a new window') }}"
rel="nofollow noopener"
target="_blank"
class="fr-btn fr-btn--sm fr-icon-external-link-line"
></a>
</li>
{% else %}
<li class="fr-col-auto">
<a
href="{{ resource.latest }}"
title="{{ _('Download resource') }}"
download
class="fr-btn fr-btn--sm fr-icon-download-line matomo_download"
></a>
</li>
{% endif %}
</ul>
</div>
</header>
<section
class="fr-p-3w border-bottom border-default-grey"
aria-labelledby="resource-{{resource.id}}-title"
id="resource-{{resource.id}}"
>
<div class="fr-grid-row fr-grid-row--gutters">
{% call dl() %}
{% call dt() %}{{ _('URL') }}{% endcall %}
{% call dd() %}
<a class="unstyled" href="{{resource.url}}">{{resource.url}}</a>
{% endcall %}
{% call dt() %}{{ _('Permalink') }}{% endcall %}
{% call dd() %}
<a class="unstyled" href="{{resource.json_ld.url}}">{{resource.json_ld.url}}</a>
{% endcall %}
{% if resource.checksum %}
{% call dt() %}{{resource.checksum.type}}{% endcall %}
{% call dd(WITHOUT_ELLIPSIS) %}
{{resource.checksum.value}}
{% endcall %}
{% endif %}
{% call dt() %}{{ _('MIME Type') }}{% endcall %}
{% call dd() %}
{{resource.mime}}
{% endcall %}
{% endcall %}
{% call dl() %}
{% call dt() %}{{ _('Created on') }}{% endcall %}
{% call dd() %}
{{resource.created_at|dateformat(format='long')}}
{% endcall %}
{% call dt() %}{{ _('Modified on') }}{% endcall %}
{% call dd() %}
{{resource.last_modified|dateformat(format='long')}}
{% endcall %}
{% endcall %}
{% call dl() %}
{% if resource.filesize %}
{% call dt() %}{{ _('Size') }}{% endcall %}
{% call dd() %}
{{resource.filesize | filesize}}
{% endcall %}
{% endif %}
{% endcall %}
</div>
{% if resource.description %}
<div class="fr-mt-0 markdown fr-text--sm text-mention-grey">
{{ resource.description|markdown }}
</div>
{% endif %}
{% if resource.schema %}
<h5 class="fr-h6 fr-mt-1w fr-mb-5v">{{_('Schema')}}</h5>
<p class="fr-tag fr-tag--sm fr-icon-checkbox-circle-line fr-tag--icon-left">
{{resource.schema.name if resource.schema.name else resource.schema.url}}
</p>
{% if resource.schema.name %}
<div>
<a
class="fr-btn fr-btn--secondary fr-btn--secondary-grey-500 fr-mt-2w fr-btn--icon-left fr-icon-book-2-line"
href="{{'{url}{name}'.format(url=config.SCHEMA_DOCUMENTATION_URL, name=resource.schema.name)}}"
>
{{ _('See schema documentation') }}
</a>
</div>
{% endif %}
{% endif %}
</section>
</article>