diff options
author | Arun Isaac | 2023-12-29 18:55:37 +0000 |
---|---|---|
committer | Arun Isaac | 2023-12-29 19:01:46 +0000 |
commit | 204a308be0f741726b9a620d88fbc22b22124c81 (patch) | |
tree | b3cf66906674020b530c844c2bb4982c8a0e2d39 /gn2/wqflask/templates/dataset.html | |
parent | 83062c75442160427b50420161bfcae2c5c34c84 (diff) | |
download | genenetwork2-204a308be0f741726b9a620d88fbc22b22124c81.tar.gz |
Namespace all modules under gn2.
We move all modules under a gn2 directory. This is important for
"correct" packaging and deployment as a Guix service.
Diffstat (limited to 'gn2/wqflask/templates/dataset.html')
-rw-r--r-- | gn2/wqflask/templates/dataset.html | 107 |
1 files changed, 107 insertions, 0 deletions
diff --git a/gn2/wqflask/templates/dataset.html b/gn2/wqflask/templates/dataset.html new file mode 100644 index 00000000..2e22be17 --- /dev/null +++ b/gn2/wqflask/templates/dataset.html @@ -0,0 +1,107 @@ +{% extends "base.html" %} + +{% block css %} +<style type="text/css"> + .page-header, .dataset-content { + padding-left: 10%; + line-height: 1.375; + } + + .dataset-content blockquote { + font-size: 13px; + } + .page-header h1 { + font-size: 1.8em; + line-height: 1.375; + } + .panel-about { + background: #F8F8F8; + max-width: 35em; + margin: 10px; + } + .panel-metadata { + display: inline-block; + width: fit-content; + height: fit-content; + padding: 0; + {% if dataset.description or dataset.specificity or dataset.experimentDesignInfo or + dataset.caseInfo or dataset.tissue or + dataset.platform or dataset.processingInfo or + dataset.notes or dataset.references or dataset.acknowledgment or dataset.contributors + %} + float: right; + {% endif %} + } + + .panel-metadata dt { + color: green; + } + + .panel-metadata dt::after { + content: ":"; + } + + .search { + width: 50%; + margin: 1em auto; + } + .has-search .form-control-feedback { + right: initial; + left: 0; + color: #ccc; + } + + .has-search .form-control { + padding-right: 12px; + padding-left: 34px; + } + + .search { + transform: scale(1.5, 1.5); + } + .search input { + min-width: 17em; + } + .dataset-search { + padding: 0 17%; + } +</style> +{% endblock %} + +{% block title %}Dataset: {{ name }}{% endblock %} +{% block content %} + +{% if dataset %} + +{% include 'metadata/dataset.html' %} + +{% else %} +<div class="container dataset-search"> + <p class="lead">We appreciate your interest, but unfortunately, we don't have any additional information available for: <strong>{{ name }}</strong>. If you have other inquiries or need assistance with something else, please don't hesitate to get in touch with us. <b><i>In the meantime you can explore other datasets here:</i></b></p>. + + <!-- Actual search box --> + <div class="search"> + <form class="form-group has-feedback has-search" + hx-post="/datasets/search" + hx-target="#search-results"> + <span class="glyphicon glyphicon-search form-control-feedback"></span> + <input class="form-control" + type="search" + name="search" placeholder="Start your dataset search here"> + </form> + </div> + + <div id="search-results"></div> + +</div> + + +{% endif %} + +{% endblock %} + +{% block js %} +<script language="javascript" + type="text/javascript" + src="{{ url_for('js', filename='htmx.min.js') }}"></script> +{% endblock %} |