{%extends "publications/base.html"%}
{%from "flash_messages.html" import flash_all_messages%}

{%block title%}Publications{%endblock%}


{%block contents%}
{{flash_all_messages()}}

<div class="row" style="padding-bottom: 1em;">
  <div class="col">
    <a href="{{url_for('publications.create_publication')}}"
       class="btn btn-primary"
       title="Create a new publication.">
      add new publication</a>
  </div>
</div>

<div class="row">
  <p>Click on title to view more details and to edit details for that
    publication.</p>
</div>

<div class="row">
  <table id="tbl-list-publications" class="table compact stripe">
    <thead>
      <tr>
        <th>#</th>
        <th>PubMed ID</th>
        <th>Title</th>
        <th>Authors</th>
      </tr>
    </thead>

    <tbody></tbody>
  </table>
</div>
{%endblock%}


{%block javascript%}
<script type="text/javascript" src="/static/js/urls.js"></script>

<script type="text/javascript">
  $(function() {
      var publicationsDataTable = buildDataTable(
          "#tbl-list-publications",
          [],
          [
              {data: "index"},
              {
                  searchable: true,
                  data: (pub) => {
                      if(pub.PubMed_ID) {
                          return `<a href="https://pubmed.ncbi.nlm.nih.gov/` +
                              `${pub.PubMed_ID}/" target="_blank" ` +
                              `title="Link to publication on NCBI.">` +
                              `${pub.PubMed_ID}</a>`;
                      }
                      return "";
                  }
              },
              {
                  searchable: true,
                  data: (pub) => {
                      var title = "⸻";
                      if(pub.Title) {
                          title = pub.Title
                      }
                      url=buildURLFromCurrentURL(
                          `/publications/view/${pub.Id}`);
                      return `<a href="${url}" target="_blank" ` +
                          `title="Link to view publication details">` +
                          `${title}</a>`;
                  }
              },
              {
                  searchable: true,
                  data: (pub) => {
                      authors = pub.Authors.split(",").map(
                          (item) => {return item.trim();});
                      if(authors.length > 1) {
                          return authors[0] + ", et. al.";
                      }
                      return authors[0];
                  }
              }
          ],
          {
              serverSide: true,
              ajax: {
                  url: "/publications/list",
                  dataSrc: "publications"
              },
              scrollY: 700,
              scroller: true,
              scrollCollapse: true,
              paging: true,
              deferRender: true,
              layout: {
                  topStart: "info",
                  topEnd: "search",
                  bottomStart: "pageLength",
                  bottomEnd: false
              }
          });
  });
</script>
{%endblock%}