Added visualization of sentences.

templates/result.html

@@ -1,4 +1,10 @@
 {% extends "base.html" %}
+
+{% block custom_css %}
+<!--  <link rel="stylesheet" href="/stark/static/css/test/annodoc-main.css"/>-->
+  <link rel="stylesheet" href="/stark/static/css/test/style-vis.css"/>
+  <link rel="stylesheet" href="/stark/static/css/test/turkunlp.css"/>
+{% endblock %}
 {% block content %}
   <div class="container wider-container">
     <br>
@@ -32,9 +38,9 @@
               </thead>
               <tbody>
                 {% for i in range(content['Tree']|length) %}
-                <tr {% if 'Grew-match URL' in content %} class="tr-link" data-toggle="tooltip" title="See examples in Grew-match" data-href={{ content['Grew-match URL'][i] }}  {% endif %}>
+                <tr data-exid="{{content['example_id'][i]}}" data-expositions="{{content['example_positions'][i]}}" class="tr-link" data-toggle="tooltip" title="See an example" data-href={% if 'Grew-match URL' in content %}{{ content['Grew-match URL'][i] }}{% else %}unknown{% endif %}>
                   {% for col in content %}
-                    {% if not col == 'Grew-match URL' %}
+                    {% if not (col == 'Grew-match URL' or col == 'example_id' or col == 'example_positions') %}
                   <td>{{ content[col][i] }}</td>
                     {% endif %}
                   {% endfor %}
@@ -43,10 +49,29 @@
               </tbody>
             </table>
           </div>
+          <br/>
+          <div class="visualization-table">
+            <table style="border: none;">
+              <thead>
+                <tr>
+                  <th width="80%">Visualization</th>
+                  <th>Grew</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr >
+                  <td style="border-right: none"><div class="visualization"></div></td>
+                  <td style="border-left: none;"><div class="grew-link"></div></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
         </div>
       </div>
   </div>
 {% endblock %}
 {% block custom_js %}
   <script src="/stark/static/js/result.js"></script>
+  <script src="/stark/static/js/annodoc/head.min.js"></script>
+  <script src="/stark/static/js/annodoc/annodoc.js"></script>
 {% endblock %}