about summary refs log tree commit diff
path: root/uploader/templates/species/sui-view-species.html
blob: aa26318ebf22ea58f658743047d7f374902ff41c (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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
{%extends "species/sui-base.html"%}
{%from "flash_messages.html" import flash_all_messages%}
{%from "macro-forms.html" import add_http_feature_flags%}
{%from "macro-step-indicator.html" import step_indicator%}
{%from "species/macro-display-species-card.html" import display_sui_species_card%}

{%block title%}View Species{%endblock%}


{%block contents%}
<div class="row">
  <h2>{{step_indicator("2")}} Select Species Action</h2>

  <p>You can manage species' populations and sequencing platforms here. Select
    the tab for the feature you wish to continue working on.</p>
</div>

<div class "row">
  <ul class="nav nav-tabs" id="species-actions">
    <li class="nav-item presentation">
      <button class="nav-link active"
              id="populations-tab"
              data-bs-toggle="tab"
              data-bs-target="#populations-content"
              type="button"
              role="tab"
              aria-controls="populations-content"
              aria-selected="true">Populations</button>
    </li>
    <li class="nav-item presentation">
      <button class="nav-link"
              id="sequencing-platforms-tab"
              data-bs-toggle="tab"
              data-bs-target="#sequencing-platforms-content"
              type="button"
              role="tab"
              aria-controls="sequencing-platforms-content"
              aria-selected="true">Sequencing Platforms</button>
    </li>
  </ul>
</div>

<div class="row">
  <div class="tab-content" id="species-tabs-content">
    <div class="tab-pane fade show active"
         id="populations-content"
         role="tabpanel"
         aria-labelledby="populations-content-tab">
      <p>Data belonging to a particular species is further divided into one or more
        populations for easier handling. Please select the population you want to work
        with.</p>

      <form method="GET"
            action="{{url_for('species.view_species', species_id=species.SpeciesId)}}"
            class="form-horizontal">
        {{add_http_feature_flags()}}
        {%if populations | length != 0%}

        <p class="form-text">Search for, and select the population from the table
          below.</p>

        <div style="margin-top:3em;">
          <table id="tbl-select-population" class="table compact stripe"
                 data-populations-list='{{populations | tojson}}'>
            <thead>
              <tr>
                <th></th>
                <th>Population</th>
              </tr>
            </thead>

            <tbody></tbody>
          </table>
        </div>

        {%else%}
        <p class="form-text">
          There are no populations currently defined for {{species['FullName']}}
          ({{species['SpeciesName']}}).</p>
        {%endif%}

        <div class="row form-buttons">
          <div class="col">
            <input type="submit"
                   value="use selected population"
                   class="btn btn-primary" />
          </div>

          <div class="col"><strong>OR</strong></div>

          <div class="col">
            <a href="url_for('species.population.create_population',
                     species_id=species.SpeciesId,
                     return_to='species.view_species')"
               title="Create a new population for species '{{species.Name}}'."
               class="btn btn-outline-info">
              Create a new population
            </a>
          </div>
        </div>

      </form>
    </div>
    <div class="tab-pane fade"
         id="sequencing-platforms-content"
         role="tabpanel"
         aria-labelledby="sequencing-platforms-content-tab">
      <p>Upload and manage the sequencing platforms for species
        '{{species.Name | title}} ({{species.FullName}})'
        <a href="{{url_for('species.platforms.list_platforms',
                 species_id=species.SpeciesId)}}"
           title="Manage sequencing platforms for {{species.Name}}">here</a>.
      </p>
    </div>
  </div>
</div>
{%endblock%}

{%block sidebarcontents%}
{{display_sui_species_card(species)}}
{%endblock%}


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