aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--fatcat_scholar/templates/base.html62
-rw-r--r--fatcat_scholar/templates/search_macros.html260
2 files changed, 221 insertions, 101 deletions
diff --git a/fatcat_scholar/templates/base.html b/fatcat_scholar/templates/base.html
index 268d97a..1cc9e86 100644
--- a/fatcat_scholar/templates/base.html
+++ b/fatcat_scholar/templates/base.html
@@ -35,16 +35,21 @@
nav.ui.inverted.menu .item:before { background: none; }
nav.ui.menu { border-radius: 0; }
- .ui.button.serp_button {
+ .ui.button.serp-button {
border-radius: 0;
margin-bottom: 0.3em;
text-align: left;
}
- .ui.blue.button.serp_button {
+ .ui.blue.button.serp-button {
background-color: #2224c7ad;
}
+ .ui.labeled.icon.button.serp-button {
+ padding-left: 3.5em!important;
+ padding-right: 1em!important;
+ }
+
@media only screen and (max-width: 767px) {
.mobile-hide { display: none !important; }
}
@@ -181,6 +186,59 @@
cursor: pointer;
display: inline-block;
}
+
+ .modal-overlay {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: rgba(0,0,0,0.5);
+ transition: opacity 200ms;
+ visibility: hidden;
+ opacity: 0;
+ }
+ .modal-overlay .cancel {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ cursor: default;
+ }
+ .modal-overlay:target {
+ visibility: visible;
+ opacity: 1;
+ }
+
+ .modal-popup {
+ margin: 75px auto;
+ padding: 20px;
+ background: #fff;
+ border: 1px solid #666;
+ width: 300px;
+ box-shadow: 0 0 50px rgba(0,0,0,0.5);
+ position: relative;
+ }
+ .modal-popup .close {
+ position: absolute;
+ width: 20px;
+ height: 20px;
+ top: 20px;
+ right: 20px;
+ opacity: 0.8;
+ transition: all 200ms;
+ font-size: 24px;
+ font-weight: bold;
+ text-decoration: none;
+ color: #666;
+ }
+ .modal-popup:hover {
+ opacity: 1;
+ }
+ .modal-popup .content {
+ max-height: 400px;
+ overflow: auto;
+ }
+
</style>
<link rel="icon"
type="image/x-icon"
diff --git a/fatcat_scholar/templates/search_macros.html b/fatcat_scholar/templates/search_macros.html
index 3ce49f6..5f19506 100644
--- a/fatcat_scholar/templates/search_macros.html
+++ b/fatcat_scholar/templates/search_macros.html
@@ -88,7 +88,7 @@
<h3 class="biblio-title">
{% if paper.doc_type == "work" %}
- <a href="https://fatcat.wiki/release/{{ paper.biblio.release_ident }}" target="_blank" rel="noopener" title="{{ _('access fatcat landing page') }}" {% if settings.ENABLE_GOATCOUNTER %}data-goatcounter-click="serp-title-fatcat-work"{% endif %}>
+ <a style="color: #2224c7; cursor: pointer;" onclick="document.getElementById('access-modal-{{ paper.key }}').showModal()">
{% if paper.biblio.title %}
{{ paper.biblio.title[:512] }}
{% if paper.biblio.title|length > 512 %}...{% endif %}
@@ -235,136 +235,198 @@
{% set access_alt = _('fulltext access') %}
{% endif %}
<a target="_blank" rel="noopener" href="{{ paper.fulltext.access_url}}" title="{{ access_alt }}" {% if settings.ENABLE_GOATCOUNTER %}data-goatcounter-click="serp-fulltext-button"{% endif %}>
- <button class="ui fluid compact black button serp_button">
- <img src="static/ia-logo.svg" style="height: 1em; margin-right: 0.2em;">
- {# <i class="archive icon"></i> #}
+ <button class="ui simple dropdown fluid compact black labeled icon button serp-button">
+ <i class="icon" style="background: no-repeat center / 50% url('/static/ia-logo.svg');"></i>
{% if paper.fulltext.access_type == "wayback" %}
- web.archive.org
+ PDF (1.42 MB)
{% elif paper.fulltext.access_type == "ia_sim" %}
- IA Microfilm
+ Microfilm
{% elif paper.fulltext.access_type == "ia_file" %}
- archive.org
+ PDF (2.34 MB)
{% else %}
other
{% endif %}
+ {% if paper.fulltext.thumbnail_url %}
+ <div class="menu" style="left: 185px; margin-top: -2em;">
+ <img src="{{ paper.fulltext.thumbnail_url }}" alt="fulltext thumbnail">
+ </div>
+ {% endif %}
</button>
</a>
{% endif %}
- <button class="ui fluid compact grey basic button serp_button">
- <i class="quote left icon"></i>
- Cite
- </button>
+ {# publisher #}
+ {% if paper.biblio.doi %}
+ <a target="_blank" rel="external noopener noreferrer" href="https://doi.org/{{paper.biblio.doi }}" style="color: green;">
+ <button class="ui fluid left aligned compact blue labeled icon button serp-button">
+ {% if "oa" in paper.tags %}
+ <i class="unlock alternate icon" style="background-color: orange;"></i>
+ {% else %}
+ <i class="linkify icon"></i>
+ {% endif %}
+ {# TODO: detect prefix? JSTOR, biorxiv, medrxiv, zenodo, figshare, dryad, etc #}
+ {# helpful: https://gist.github.com/TomDemeranville/8699224 #}
+ {% if paper.biblio.doi_prefix == "10.6084" %}
+ figshare.com
+ {% elif paper.biblio.doi_prefix == "10.5281" %}
+ zenodo.org
+ {% elif paper.biblio.doi_prefix == "10.1371" %}
+ plos.org
+ {% elif paper.biblio.doi_prefix == "10.1016" %}
+ elsevier.com
+ {% elif paper.biblio.doi_prefix in ["10.1186", "10.1007"] %}
+ springer.com
+ {% elif paper.biblio.doi_prefix in ["10.1042", "10.1111", "10.1177"] %}
+ sagepub.com
+ {% elif paper.biblio.doi_prefix in ["10.1080"] %}
+ tandfonline.com
+ {% else %}
+ Publisher (DOI)
+ {% endif %}
+ </button>
+ </a>
+ {% endif %}
+
+ {# trusted platform fulltext links #}
+ {# TODO: DOAJ, dblp #}
+ {% if paper.biblio.arxiv_id %}
+ <a target="_blank" rel="noopener" href="https://arxiv.org/abs/{{ paper.biblio.arxiv_id }}" title="arxiv.org access">
+ <button class="ui fluid compact blue labeled icon button serp-button">
+ <i class="file alternate outline icon"></i>
+ arxiv.org
+ </button>
+ </a>
+ {% elif paper.biblio.pmcid %}
+ <a target="_blank" rel="noopener" href="https://www.ncbi.nlm.nih.gov/pmc/articles/{{paper.biblio.pmcid }}" title="pubmed link">
+ <button class="ui fluid compact blue labeled icon button serp-button">
+ <i class="file alternate outline icon"></i>
+ Pubmed Central
+ </button>
+ </a>
+ {% endif %}
{# ### VERSIONS #}
{% if (paper.access and paper.access|length > 1) or (paper.releases and paper.releases|length > 1) %}
- <div class="ui fluid left aligned compact basic blue button dropdown item serp_button">
+ <div class="ui simple dropdown fluid left aligned compact basic blue labeled icon button serp-button">
<i class="ui icon add"></i>
{% trans %}Versions{% endtrans %}
<div class="menu" style="font-weight: normal;">
- <table class="ui celled table">
- <thead>
- <tr>
- <th>{{ _("Publication Stage") }}</th>
- <th>{{ _("Date") }}</th>
- <th>{{ _("Fulltext") }}</th>
- <th>{{ _("Metadata") }}</th>
- </tr>
- </thead>
- <tbody>
- {% for release in paper.releases %}
- <tr>
- <td>
- <span class="release-stage">{{ release.release_stage or _("unknown") }}</span>
- </td>
- <td>
- {% if release.release_date %}
- {{ release.release_date }}
- {% elif release.release_year %}
- {{ release.release_year }}
- {% endif %}
- </td>
- <td>
- {% for access in paper.access %}
- {% if access.release_ident == release.ident %}
- <a href="{{ access.access_url }}">
- <span class="ui blue label">
- {% if access.mimetype == "application/pdf" %}
- <i class="file pdf outline icon"></i>
- {% endif %}
- {{ access.access_type }}
- </span>
- </a>
- {% endif %}
- {% endfor %}
- </td>
- <td>
- <a href="https://fatcat.wiki/release/{{ release.ident }}">
- <span class="ui green label">
- <i class="share square icon"></i>
- fatcat
- </span>
- </a>
- </td>
- </tr>
- {% endfor %}
- {% for access in paper.access %}
- {% if not access.release_ident and access.access_type == "ia_sim" %}
- <tr>
- <td>
- <span style="font-weight: normal; text-transform: uppercase; font-weight: bold; color: brown;">
- {{ _("published") }}
- </span>
- </td>
- <td></td>
- <td>
- <a href="{{ access.access_url }}">
- <span class="ui blue label">
- <i class="film icon"></i>
- {{ _("microfilm") }}
- </span>
- </a>
- </td>
- <td></td>
- </tr>
- {% endif %}
- {% endfor %}
- </tbody>
- </table>
</div>
</div>
{% endif %}
{# ### COLLAPSED HITS #}
{% if paper._collapsed_count > 0 %}
- <button class="ui fluid left aligned basic blue compact button serp_button" form="search_form" type="submit" name="collapse_key" value="{{ paper.collapse_key }}">
+ <button class="ui fluid left aligned basic blue compact button serp-button" form="search_form" type="submit" name="collapse_key" value="{{ paper.collapse_key }}">
<i class="ui icon zoom-in"></i>
{% trans trimmed count=paper._collapsed_count %}
Issue ({{ count }})
{% endtrans %}
</button>
{% endif %}
-</div>
-<div class="one wide left aligned column" style="padding-top: 0.5em; padding-right: 0.5em;">
- {% if paper.fulltext and paper.fulltext.access_url and paper.fulltext.thumbnail_url and 0 %}
- {% if paper.fulltext.file_mimetype == "application/pdf" %}
- {% set access_alt = _('fulltext PDF download') %}
- {% elif paper.fulltext.access_type == "ia_sim" %}
- {% set access_alt = _('read fulltext microfilm') %}
- {% else %}
- {% set access_alt = _('fulltext access') %}
+ {# ### OTHER ACTIONS #}
+ <a onclick="document.getElementById('cite-modal-{{ paper.key }}').showModal()">
+ <button class="ui compact icon button serp-button" style="box-shadow: 0;">
+ <i class="quote left icon"></i>
+ </button>
+ </a>
+ <a href="https://fatcat.wiki/release/{{ paper.biblio.release_ident }}" target="_blank" rel="noopener" title="{{ _('access fatcat landing page') }}">
+ <button class="ui compact icon button serp-button" style="box-shadow: 0;">
+ <i class="edit icon"></i>
+ </button>
+ </a>
+
+ {# ### CITATION MODAL #}
+ <dialog id="cite-modal-{{ paper.key }}">
+ <h2>Cite Paper</h2>
+ Something something bibtex will go here.
+ </dialog>
+
+ {# ### VERSIONS MODAL #}
+ <dialog id="access-modal-{{ paper.key }}">
+ <h2>Paper Versions</h2>
+ {% if paper.fulltext.thumbnail_url %}
+ <img src="{{ paper.fulltext.thumbnail_url }}" alt="fulltext thumbnail">
+ <br>
{% endif %}
+ There are several versions of this paper!
+
+ <table class="ui celled table">
+ <thead>
+ <tr>
+ <th>{{ _("Publication Stage") }}</th>
+ <th>{{ _("Date") }}</th>
+ <th>{{ _("Fulltext") }}</th>
+ <th>{{ _("Metadata") }}</th>
+ </tr>
+ </thead>
+ <tbody>
+ {% for release in paper.releases %}
+ <tr>
+ <td>
+ <span style="font-weight: normal; text-transform: uppercase; font-weight: bold; color: brown;">
+ {{ release.release_stage or _("unknown") }}
+ </span>
+ </td>
+ <td>
+ {% if release.release_date %}
+ {{ release.release_date }}
+ {% elif release.release_year %}
+ {{ release.release_year }}
+ {% endif %}
+ </td>
+ <td>
+ {% for access in paper.access %}
+ {% if access.release_ident == release.ident %}
+ <a href="{{ access.access_url }}">
+ <span class="ui blue label">
+ {% if access.mimetype == "application/pdf" %}
+ <i class="file pdf outline icon"></i>
+ {% endif %}
+ {{ access.access_type }}
+ </span>
+ </a>
+ {% endif %}
+ {% endfor %}
+ </td>
+ <td>
+ <a href="https://fatcat.wiki/release/{{ release.ident }}">
+ <span class="ui green label">
+ <i class="share square icon"></i>
+ fatcat
+ </span>
+ </a>
+ </td>
+ </tr>
+ {% endfor %}
+ {% for access in paper.access %}
+ {% if not access.release_ident and access.access_type == "ia_sim" %}
+ <tr>
+ <td>
+ <span style="font-weight: normal; text-transform: uppercase; font-weight: bold; color: brown;">
+ {{ _("published") }}
+ </span>
+ </td>
+ <td></td>
+ <td>
+ <a href="{{ access.access_url }}">
+ <span class="ui blue label">
+ <i class="film icon"></i>
+ {{ _("microfilm") }}
+ </span>
+ </a>
+ </td>
+ <td></td>
+ </tr>
+ {% endif %}
+ {% endfor %}
+ </tbody>
+ </table>
+
+ </dialog>
- <a target="_blank" rel="noopener" href="{{ paper.fulltext.access_url}}" title="{{ access_alt }}" {% if settings.ENABLE_GOATCOUNTER %}data-goatcounter-click="serp-fulltext"{% endif %}>
- <div class="ui serp card">
- <img src="{{ paper.fulltext.thumbnail_url }}" alt="fulltext thumbnail">
- </div>
- </a>
- {% else %}
- {# No Fulltext #}
- {% endif %}
</div>
</div>
{% endmacro %}