templates: edit_trait: Add form for editing a dataset (WIP)

1 files changed, 90 insertions, 75 deletions

diff --git a/wqflask/wqflask/templates/edit_trait.html b/wqflask/wqflask/templates/edit_trait.html
index b9a31fc6..ae6bc0d5 100644
--- a/wqflask/wqflask/templates/edit_trait.html
+++ b/wqflask/wqflask/templates/edit_trait.html
@@ -2,85 +2,100 @@
 {% block title %}Trait Submission{% endblock %}
 {% block content %}
 <!-- Start of body -->
-  <form method="post" action="/show_temp_trait">
-    <div class="container-fluid">
+Edit Trait for Published Database
+Submit Trait | Reset
 
-        {{ flash_me() }}
-
-        <div class="row" style="width: 1400px !important;">
-            <div class="col-xs-3">
-                <section id="description">
-                    <div>
-                        <h2 style="color: #5a5a5a;">Introduction</h2>
-                        <hr>
-                        <p>The trait values that you enter are statistically compared with verified genotypes collected at a set of microsatellite markers in each RI set. The markers are drawn from a set of over 750, but for each set redundant markers have been removed, preferentially retaining those that are most informative.</p>
-                        <p>These error-checked RI mapping data match theoretical expectations for RI strain sets. The cumulative adjusted length of the RI maps are approximately 1400 cM, a value that matches those of both MIT maps and Chromosome Committee Report maps. See our <a target="_blank" href="http://www.nervenet.org/papers/BXN.html">full description</a> of the genetic data collected as part of the WebQTL project.</p>
-                    </div>
-                </section>
-                <br>
-                <section id="description">
-                    <div>
-                        <h2 style="color: #5a5a5a;">About Your Data</h2>
-                        <hr>
-                        <p>You can open a separate window giving the number of strains for each data set and sample data.</p>
-                        <p>None of your submitted data is copied or stored by this system except during the actual processing of your submission. By the time the reply page displays in your browser, your submission has been cleared from this system.</p>
-                    </div>
-                </section>
-            </div>
-            <div style="padding-left:20px" class="col-xs-6" style="width: 600px !important;">
-                <section id="submission_form">
-                    <div class="form-group">
-                        <h2 style="color: #5a5a5a;">Edit Trait Form</h2>
-                        <hr>
-                        <div style="margin-bottom: 150px;" class="form-horizontal">
-                          <h3>Choose Dataset to Edit:</h3>
-                          <br>
-                          <div class="col-xs-10">
-                            <!-- Species -->
-                            <div class="form-group">
-                              <label for="species" class="col-xs-2 control-label">Species: </label>
-                              <div class="col-xs-4 controls">
-                                <select name="species" id="species" class="form-control span3" style="width: 280px !important;"></select>
-                              </div>
-                            </div>
-                            <!-- Group -->
-                            <div class="form-group">
-                              <label for="group" class="col-xs-2 control-label">Group: </label>
-                              <div class="col-xs-4 controls">
-                                <select name="group" id="group" class="form-control span3" style="width: 280px !important;"></select>
-                              </div>
-                            </div>
-                            <!-- Type -->
-                            <div class="form-group">
-                                <label for="group" class="col-xs-2 control-label">Type: </label>
-                                <div class="col-xs-4 controls">
-                                    <select name="type" id="type" class="form-control span3" style="width: 280px !important;"></select>
-                                </div>
-                            </div>
-                            <!-- Dataset -->
-                            <div class="form-group">
-                                <label for="group" class="col-xs-2 control-label">DataSet: </label>
-                                <div class="col-xs-4 controls">
-                                    <select name="dataset" id="dataset" class="form-control span3" style="width: 280px !important;"></select>
-                                </div>
-                            </div>
-                          </div>
-                          <div class="controls" style="display:block; margin-left: 40%; margin-right: 20%;">
-                              <input type="submit" style="width: 110px; margin-right: 25px;" class="btn btn-primary form-control col-xs-2" value="Submit Trait">
-                              <input type="reset" style="width: 110px;" class="btn btn-primary form-control col-xs-2" value="Reset">
-                          </div>
-                        </div>
-                </section>
-            </div>
+<form class="form-horizontal" method="post" action="/show_temp_trait">
+    <h2 class="text-center">Trait Information:</h2>
+    <div class="form-group">
+        <label for="pubmedId" class="col-sm-2 control-label">
+            Pubmed ID:
+        </label>
+        <!-- Do not enter PubMed_ID if this trait has not been Published.
+             If the PubMed_ID you entered is alreday stored in our
+             database, all the following fields except Post Publication
+             Description will be ignored.  Do not enter any non-digit
+             character in this field. -->
+        <div class="col-sm-10">
+            <textarea id="pubmedId" class="col-sm-10 form-control" rows="1"></textarea>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="prePubDesc" class="col-sm-2 control-label">Pre Publication Description:</label>
+        <div class="col-sm-10">
+            <textarea id="prePubDesc" class="form-control" rows="5"></textarea>
+        </div>
+        <!-- If the PubMed ID is entered, the Post Publication Description
+             will be shown to all users. If there is no PubMed ID, and the
+             Pre Publication Description is entered, only you and
+             authorized users can see the Post Publication Description -->
+    </div>
+    <div class="form-group">
+        <label for="owner" class="col-sm-2 control-label">Owner:</label>
+        <div class="col-sm-10">
+            <textarea id="owner" class="form-control" rows="1"></textarea>
+        </div>
+        <!-- Please provide detailed owner contact information including
+             full name, title, institution, address, email etc -->
+    </div>
+    <div class="form-group">
+        <label for="authors" class="col-sm-2 control-label">*Authors:</label>
+        <div class="col-sm-10">
+            <textarea id="authors" class="form-control" rows="2"></textarea>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="title" class="col-sm-2 control-label">*Title:</label>
+        <div class="col-sm-10">
+            <textarea id="title" class="col-sm-10 form-control" rows="2"></textarea>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="abstract" class="col-sm-2 control-label">Abstract:</label>
+        <div class="col-sm-10">
+            <textarea id="abstract" class="col-sm-10 form-control" rows="6"></textarea>
         </div>
     </div>
-  </form>
+    <div class="form-group">
+        <label for="journal" class="col-sm-2 control-label">Journal:</label>
+        <div class="col-sm-10">
+            <textarea id="journal" class="col-sm-10 form-control" rows="1"></textarea>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="pages" class="col-sm-2 control-label">Pages:</label>
+        <div class="col-sm-10">
+            <textarea id="pages" class="col-sm-10 form-control" rows="1"></textarea>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="month" class="col-sm-2 control-label">Month:</label>
+        <div class="col-sm-10">
+            <textarea id="month" class="col-sm-10 form-control" rows="1"></textarea>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="year" class="col-sm-2 control-label">*Year:</label>
+        <div class="col-sm-10">
+            <textarea id="year" class="col-sm-10 form-control" rows="6"></textarea>
+        </div>
+    </div>
+    <div class="form-group">
+        <label for="units" class="col-sm-2 control-label">*Units:</label>
+        <div class="col-sm-10">
+            <textarea id="units" class="col-sm-10 form-control" rows="1"></textarea>
+        </div>
+        </div>
+    <!-- 
+         <h2 class="text-center">Trait Data:</h2>
+         Strain Name | Trait Data | SE | N Per Strain -->
+</form>
 
 {%endblock%}
 
-  {% block js %}
-  <script src="/static/new/javascript/dataset_select_menu_edit_trait.js"></script>
-    <script>
-      gn_server_url = "{{ gn_server_url }}";
-    </script>
+{% block js %}
+<script src="/static/new/javascript/dataset_select_menu_edit_trait.js"></script>
+<script>
+ gn_server_url = "{{ gn_server_url }}";
+</script>
 {% endblock %}