add pubdata ui

2 files changed, 81 insertions, 3 deletions

diff --git a/gn2/wqflask/templates/gnqa_answer.html b/gn2/wqflask/templates/gnqa_answer.html
index aad804ad..51ea71c6 100644
--- a/gn2/wqflask/templates/gnqa_answer.html
+++ b/gn2/wqflask/templates/gnqa_answer.html
@@ -126,6 +126,25 @@ outline: none;
 
         <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>
+           
+      <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-color:  #d5d5d5;"> 
+     Pubmed Link
+      </button>        
+  </div>
+
+
+    <div>
+      {% include 'pubmed_modal.html' %}
+    </div>
+      
+       
+        {% endif %}
         
             <p>{{reference.comboTxt}}</p>
             <div class="rating" style="margin-right:20px;padding:5px;text-align: right;" data-doc-id="{{reference.doc_id}}" data-task-id="{{task_id['task_id']}}">
@@ -142,9 +161,6 @@ outline: none;
 
 
           {% else %}
-
-
-
           
         <div class="panel-heading" role="tab" id="heading{{reference.doc_id}}">
                  <h4 class="panel-title">
@@ -158,7 +174,26 @@ outline: none;
 
 
     <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 %}
+
+     <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-color:  #d5d5d5;"> 
+     Pubmed Link
+      </button>
+
+      <div>
+      {% include 'pubmed_modal.html' %}
+
+      </div>
+
+      
+
+    {% endif %}
+   
+
         
             <p>{{reference.comboTxt}}</p>
             <div class="rating" style="margin-right:20px;padding:5px;text-align: right;" data-doc-id="{{reference.doc_id}}" data-task-id="{{task_id['task_id']}}">
diff --git a/gn2/wqflask/templates/pubmed_modal.html b/gn2/wqflask/templates/pubmed_modal.html
new file mode 100644
index 00000000..96047e9f
--- /dev/null
+++ b/gn2/wqflask/templates/pubmed_modal.html
@@ -0,0 +1,43 @@
+
+
+<div>
+            <div class="modal fade  bd-pubmed-modal-lg-{{reference.doc_id}} " id="pubmedModal-{{reference.doc_id}}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel-{{reference.doc_id}}" aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document" >
+    <div class="modal-content">
+      <div class="modal-header">
+        
+        <div style='line-height:2.6rem;line-height: 1.4;font-weight: 700;font-family: "Merriweather","Georgia","Cambria","Times New Roman","Times",serif;'>
+            
+        <h2 class="modal-title" id="pubmedModalLabel-{{reference.doc_id}}" style="font-weight: bold">{{reference.pubmed[0].get('title')}}</h2>
+        </div>
+         
+        <div style="color:#0071bc; padding-top: 15px;">
+            {{reference.pubmed[0].get('authors')}}
+        </div>
+
+        <h3 style="font-weight: bold;"> PMID:{{reference.pubmed[0].get('pub_id')}}</h3>
+
+      </div>
+            <div class="modal-body">
+         <h3 style="font-weight:bold"> 
+            Abstract 
+         </h3>
+   <div style="font-size:1.7rem;padding: 0 2rem;margin: 0 auto;">
+        <div >{{reference.pubmed[0].get('abstract')|safe}}
+
+        </div>           
+       
+   </div>
+            
+      </div>
+      <div class="modal-footer" style="font-weight:bold;text-decoration: underline;">
+        <a href="{{reference.pubmed[0].get('source')}}" target="_blank" style="float:left;">See full Article Pubmed</a>
+     </div>
+    </div>
+  </div>
+</div>
+</div>
+
+
+
+