Skip to content

Commit e5ccc8d

Browse files
almontgalmontg
committed
adds tabbed style to metadata and transcriptions
1 parent 7a97b16 commit e5ccc8d

File tree

7 files changed

+105
-3
lines changed

7 files changed

+105
-3
lines changed

‎_includes/foot.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,10 @@
11
<!-- Bootstrap bundle JS -->
2+
<script src="{{ '/assets/lib/jquery-3.5.1.min.js' | absolute_url }}"></script>
23
<script src="{{ '/assets/lib/bootstrap.bundle.min.js' | relative_url }}"></script>
4+
35
<!-- load other js -->
46
<script src="{{ '/assets/lib/lazysizes.min.js' | relative_url }}" async></script>
7+
58
{% if layout.gallery == true or page.gallery == true %}<script src="{{ '/assets/lib/spotlight.bundle.js' | relative_url }}" defer></script>{% endif %}
69
{% if page.custom-foot or layout.custom-foot %}
710
{%- assign page_feet = page.custom-foot | split: ";" -%}

‎_includes/item/download-buttons-iiif.html

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
{% comment %}
2+
3+
Adds Item page button links, styled as a Bootstrap btn-group.
4+
Features:
5+
6+
- View on Map -- if item has "latitude" and "longitude" value, links to location on map.
7+
- View on ContentDM
8+
- No download buttons
9+
{%- endcomment -%}
10+
<div class="btn-group" role="group" aria-label="Item options">
11+
<!--{% if page.object_transcript %}<button class="btn btn-outline-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTranscript" aria-expanded="false" aria-controls="collapseExample">View Transcript</button>{% endif %} -->
12+
{% if page.date %}{%- capture year -%}{% if page.date contains "-" %}{{ page.date | split: "-" | first }}{% elsif page.date contains "/" %}{{ page.date | split: "/" | last }}{% else %}{{ page.date }}{% endif %}{%- endcapture -%}
13+
<a href="{{ year | strip | prepend: '/timeline.html#y' | relative_url }}" class="btn btn-outline-primary">View on Timeline</a>{% endif %}
14+
{% if page.latitude and page.longitude %}
15+
<a href="{{ '/map.html?location=' | append: page.latitude | append: ',' | append: page.longitude | append: '&marker=' | append: page.objectid | relative_url }}" class="btn btn-outline-primary">View on Map</a>{% endif %}
16+
<a href="{{page.link}}" class="btn btn-outline-primary">View on ContentDM</a>
17+
</div>
18+
<!-- {% if page.object_transcript %}
19+
<div class="collapse mt-3" id="collapseTranscript">
20+
<div class="card card-body text-start">
21+
{% assign transcript_type = page.object_transcript | slice: 0,1 %}
22+
{% if transcript_type == '/' %}
23+
{% assign transcript_location = page.object_transcript | remove_first: '/' %}
24+
{% assign transcript = site.pages | where: 'path', transcript_location | first %}
25+
{{ transcript.content | markdownify }}
26+
{% else %}
27+
{{ page.object_transcript | markdownify }}
28+
{% endif %}
29+
</div>
30+
</div>
31+
{% endif %} -->

‎_includes/item/item-info-tabs.html

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
{% comment %}
2+
Adds item metadata and transcription tabs
3+
{%- endcomment -%}
4+
5+
<ul class="nav nav-tabs" id="myTab" role="tablist">
6+
<li class="nav-item">
7+
<button class="nav-link active" id="metadatas-tab" data-bs-toggle="tab" data-bs-target="#metadatas" type="button" role="tab" aria-controls="metadatas" aria-selected="true">Metadata</button>
8+
</li>
9+
{% if page.object_transcript %}
10+
<li class="nav-item">
11+
<button class="nav-link" id="transcript-tab" data-bs-toggle="tab" data-bs-target="#transcript" type="button" role="tab" aria-controls="transcript" aria-selected="false">Transcript</button>
12+
</li>
13+
{% endif %}
14+
</ul>
15+
16+
<div class="tab-content py-3" id="myTabContent">
17+
<div class="tab-pane fade show active" id="metadatas" role="tabpanel" aria-labelledby="metadatas-tab">
18+
{%- assign fields = site.data.config-metadata | where_exp: 'item', 'item.display_name != nil' -%}
19+
<dl>
20+
{% for f in fields %}{% if page[f.field] %}
21+
<dt class="field">{{ f.display_name }}:</dt>
22+
<dd class="field-value">
23+
{% if f.browse_link == "true" %}
24+
{% assign topics = page[f.field] | split: ";" %}
25+
{% for t in topics %}
26+
<a class="me-3" href="{{ t | strip | url_param_escape | prepend: '/browse.html#' | relative_url }}">{{ t | strip }}</a>
27+
{% endfor %}
28+
{% elsif f.external_link == "true" %}
29+
<a href="{{ page[f.field] }}" target="_blank" rel="noopener">{{ page[f.field] }}</a>
30+
{% else %}
31+
{{ page[f.field] | replace: '""','"' }}{% endif %}
32+
</dd>
33+
{% endif %}{% endfor %}
34+
</dl>
35+
</div>
36+
<div class="tab-pane fade" id="transcript" role="tabpanel" aria-labelledby="transcript-tab">
37+
{% if page.object_transcript %}
38+
{% assign transcript_type = page.object_transcript | slice: 0,1 %}
39+
{% if transcript_type == '/' %}
40+
{% assign transcript_location = page.object_transcript | remove_first: '/' %}
41+
{% assign transcript = site.pages | where: 'path', transcript_location | first %}
42+
{{ transcript.content | markdownify }}
43+
{% else %}
44+
{{ page.object_transcript | markdownify }}
45+
{% endif %}
46+
{% endif %}
47+
</div>
48+
</div>
49+
50+
51+

‎_includes/item/tab-test.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<ul class="nav nav-tabs" id="myTab" role="tablist">
2+
<li class="nav-item" role="presentation">
3+
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button>
4+
</li>
5+
<li class="nav-item" role="presentation">
6+
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button>
7+
</li>
8+
<li class="nav-item" role="presentation">
9+
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>
10+
</li>
11+
</ul>
12+
<div class="tab-content" id="myTabContent">
13+
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div>
14+
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
15+
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
16+
</div>

‎_layouts/item/item-page-base.html

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,7 @@ <h2 class="mb-3">{{ page.title }}
2626

2727
<div class="col-md-5" id="metadata">
2828

29-
{% include item/item-head.html %}
30-
{% include item/item-info-boxes.html %}
29+
{% include item/item-info-tabs.html %}
3130

3231
</div>
3332

‎_layouts/item/manifest.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
<div class="card-body">
1010

11-
{% include item/download-buttons.html %}
11+
{% include item/download-buttons-iiif.html %}
1212

1313
</div>
1414

‎assets/lib/jquery-3.5.1.min.js

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)