aboutsummaryrefslogtreecommitdiff
path: root/gn2/wqflask/templates/gnqa_answer.html
blob: 3a53029a8d9192129c1b2325aeee306863a71dba (plain)
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
<section class="container-fluid answers gnqa-copy">
    <h1 class="row text-left">
	{{ query }}
    </h1>
    <div class="row">
	<p class="col-sm-12 lead">{{ answer }}</p>
	<div class="rating col-sm-3 col-offset-3" data-doc-id="{{query}}" data-task-id="{{task_id['task_id']}}">
	    <button class="btn btn-success" data-toggle="tooltip" data-placement="top" title="Vote Up"><i class="fa fa-thumbs-up fa-lg fa-2x" aria-hidden="true"></i></button>
            <button class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="Vote Down"><i class="fa fa-thumbs-down fa-lg fa-2x" aria-hidden="true"></i></button>
	</div>
    </div>
    <div class="row container">
	<h1>References</h1>
	{% if references %}

	<ul class="list-unstyled">
	    {% for reference in references %}
	    <li>
                <div class="panel-group" role="tablist" aria-multiselectable="true">
		    <div class="panel panel-default">
			{% if loop.first %}
			<div class="panel-heading active" role="tab" id="heading{{ reference.doc_id }}">
			    <h4 class="panel-title">

				<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ reference.doc_id }}" aria-expanded="true" aria-controls="collapse{{reference.doc_id}}">
				    <h2>{{ reference.bibInfo }} </h2>
				</a>
			    </h4>
			</div>
			<div id="collapse{{reference.doc_id}}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading{{reference.doc_id}}">
			    <div class="panel-body">
				<div>
				</div>
				{% if reference.pubmed %}

				<div style="margin: 5px;color:#3071a9;cursor: pointer;" >
				    <p class="node-references">{{reference.comboTxt}}</p>
				    <details>
					<summary>See PubMed Info</summary>
					<h4>{{ reference.pubmed[0].get('title') }}</h4>
					<p><b>Authors: {{ reference.pubmed[0].get('authors') }}</b></p>
					<p><b>PMID: {{ reference.pubmed[0].get('pub_id') }}</b></p>
					<p><b>Abstract: </b> {{ reference.pubmed[0].get('abstract')|safe }}</p>
					<p><i><a href="{{reference.pubmed[0].get('source')}}" target="_blank" style="float:left;">See full Article on Pubmed</a></i></p>
				    </details>
				{% endif %}
			    </div>
			</div>
			{% else %}
		    <div class="panel-heading" role="tab" id="heading{{reference.doc_id}}">
			<h4 class="panel-title">

			    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{reference.doc_id}}" aria-expanded="false" aria-controls="collapse{{reference.doc_id}}">
				<h2 style="font-weight:bold;">{{ reference.bibInfo }} </h2>
			    </a>
			</h4>
		    </div>

		    <div id="collapse{{reference.doc_id}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{reference.doc_id}}">

			<div class="panel-body">


			    {% if reference.pubmed %}


			    <div style="margin: 5px;color:#3071a9;cursor: pointer;" >

				<button type="button"  data-toggle="modal" data-target=".bd-pubmed-modal-lg-{{reference.doc_id}}" style="border:none;text-decoration:underline;outline: none;padding:5px;margin-left:25px;background: transparent;">
				    <span><b>See PubMed Info</b></span>
				</button>
			    </div>

			    {% endif %}

			    <p class="node-references">{{reference.comboTxt}}</p>

			</div>
		    </div>
		    {% endif %}
		    </div>
		</div>
	    </li>
	    {% endfor %}
	</ul>

	{% else %}
	<p><i>No references available.</i></p>
	{% endif %}
    </div>
</section>