about summary refs log tree commit diff
path: root/uploader/templates/populations/sui-view-population.html
blob: 3bf8d0d565545f87b691e8b861786fbc56e25e8a (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
127
128
129
130
131
132
133
134
135
136
137
138
{%extends "populations/sui-base.html"%}
{%from "macro-step-indicator.html" import step_indicator%}
{%from "populations/macro-display-population-card.html" import display_sui_population_card%}

{%block contents%}
<div class="row">
  <h2 class="heading">{{population.FullName}} ({{population.Name}})</h2>
</div>

<div class="row">
  <ul class="nav nav-tabs" id="population-actions">
    <li class="nav-item presentation">
      <button class="nav-link"
              id="samples-tab"
              data-bs-toggle="tab"
              data-bs-target="#samples-content"
              type="button"
              role="tab"
              aria-controls="samples-content"
              aria-selected="true">Samples</button></li>
    <li class="nav-item presentation">
      <button class="nav-link active"
              id="phenotypes-tab"
              data-bs-toggle="tab"
              data-bs-target="#phenotypes-content"
              type="button"
              role="tab"
              aria-controls="phenotypes-content"
              aria-selected="false">Phenotypes</button></li>
    {%if view_under_construction%}
    <li class="nav-item presentation">
      <button class="nav-link"
              id="genotypes-tab"
              data-bs-toggle="tab"
              data-bs-target="#genotypes-content"
              type="button"
              role="tab"
              aria-controls="genotypes-content"
              aria-selected="false">Genotypes</button></li>
    <li class="nav-item presentation">
      <button class="nav-link"
              id="expression-data-tab"
              data-bs-toggle="tab"
              data-bs-target="#expression-data-content"
              type="button"
              role="tab"
              aria-controls="expression-data-content"
              aria-selected="false">Expression-Data</button></li>
    {%endif%}
  </ul>
</div>

<div class="row">
  <div class="tab-content" id="populations-tabs-content">
    <div class="tab-pane fade"
         id="samples-content"
         role="tabpanel"
         aria-labelledby="samples-content-tab">
      <p>Think of a <strong>"sample"</strong> as say a single case or individual
        in the experiment. It could even be a single strain (where applicable)
        under consideration.</p>
      <p>This is a convenience feature for when you want to upload phenotypes to
        the system, but do not have the genotypes data ready yet.</p>
      <p>Please click the button below to provide the samples that will be used
        in your data.</p>
      <a href="{{url_for('species.populations.samples.list_samples',
               species_id=species.SpeciesId,
               population_id=population.Id)}}"
         title="Upload samples for population '{{population['Name']}}'"
         class="btn btn-primary">Upload Samples</a>
    </div>

    <div class="tab-pane fade show active"
         id="phenotypes-content"
         role="tabpanel"
         aria-labelledby="phenotypes-content-tab">
      <p>Upload and manage phenotypes and publications for population
        "<em>{{population.FullName}} ({{population.Name}})</em>" of species
        "<em>{{species.FullName}} ({{species.Name}})</em>".</p>

      <p class="text-danger">Tabs will not work nicely here. Maybe present
        options e.g.:
      </p>
      <div class="row">
        <div class="col">
          <a href="{{url_for('species.populations.phenotypes.view_dataset',
                   species_id=species.SpeciesId,
                   population_id=population.Id,
                   dataset_id=dataset.Id)}}"
             title="Upload phenotype data for population '{{population['Name']}}'"
             class="btn btn-primary">Upload new Phenotypes</a>
          <!-- Go straight to upload form(s). -->
        </div>
        <div class="col">
          <a href="#"
             title="List all existing phenotypes for this population."
             class="btn btn-info not-implemented">list existing phenotypes</a>
          <!-- Means and QTLReaper will be computed in this page. -->
        </div>
        <div class="col">
          <a href="#"
             title="List all existing publications for this population."
             class="btn btn-info not-implemented">list existing publications</a>
          <!-- Maybe, actually filter publications by population? -->
          <!-- Provide other features for publications on loaded page. -->
        </div>
      </div>
    </div>
    <div class="tab-pane fade"
         id="genotypes-content"
         role="tabpanel"
         aria-labelledby="genotypes-content-tab">
      <p>This allows you to upload the data that concerns your genotypes.</p>
      <p>Any samples/individuals/cases/strains that do not already exist in the
        system will be added. This does not delete any existing data.</p>
      <a href="{{url_for('species.populations.genotypes.list_genotypes',
               species_id=species.SpeciesId,
               population_id=population.Id)}}"
         title="Upload genotype information for the '{{population.FullName}}' population of the '{{species.FullName}}' species."
         class="btn btn-primary">upload genotypes</a>
    </div>
    <div class="tab-pane fade" id="expression-data-content" role="tabpanel" aria-labelledby="expression-data-content-tab">
      <p>Upload expression data (mRNA data) for this population.</p>
      <a href="#" title="" class="btn btn-primary">upload genotypes</a>
    </div>
  </div>
</div>
{%endblock%}

{%block sidebarcontents%}
<div class="row">
  <p>Each tab presents a feature that's available at the population level.
    Select the tab that allows you to continue with your task.</p>
</div>
{{display_sui_population_card(species, population)}}
{%endblock%}