added QC template creation help and changed layout of template creati…

…on page so users can see link to help without scrolling

root/lib/template_creation_help.tt

@@ -0,0 +1,66 @@
+<div class="accordion" id="accordian">
+
+  <div class="accordion-group">
+
+    <div class="accordion-heading">
+      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
+        <i class="icon-question-sign"></i> QC Template Create Help
+      </a>
+    </div>
+
+    <div id="collapseOne" class="accordion-body collapse">
+      <div class="accordion-inner">
+        <p>
+          This form is used to create QC templates from a whole source plate, or from a CSV file listing the required source wells.
+        </p>
+
+        <div class="well">
+          <h6>Create from plate</h6>
+          <p>
+          Enter the name of a source plate to create a QC template using all wells on this plate. If the template will have
+          a different cassette, backbone or recombinase to the source plate then select the relevant items for the template 
+          from the drop down lists provided. If you do not select a new value then the template will inherit this information 
+          from the source plate.</p>
+        </div>
+
+        <div class="well">
+          <h6>Create from spreadsheet</h6>
+          <p>
+           <a href="[% c.uri_for('/static/files/plate_upload/qc_template_plate_template.csv') %]">
+            <i class="icon-download"></i> Download Example CSV File
+           </a>          
+          </p>          
+          <p>
+            Fill in the required fields in the example CSV file.
+          </p>
+            <dl class="dl-horizontal">
+              <dt>well_name</dt>
+              <dd>The name of the well on the new QC template, e.g. A01</dd>
+              <dt>source_plate</dt>
+              <dd>The name of the source plate</dd>
+              <dt>source_plate</dt>
+              <dd>The name of the source well</dd>              
+            </dl>
+          <p>
+          If the template well will have a different cassette, backbone or recombinase to the source well then enter the relevant items 
+          for the template in the optional columns listed below. If you do not enter a new value then the template well will inherit this 
+          information from the source well.</p>
+            <dl class="dl-horizontal">
+              <dt>phase_matched_cassette</dt>
+              <dd>The phase matched cassette to be used by the template, e.g. pL1L2_GT?_DelLacZ_bsd (only needed if different from that in source well)</dd>            
+              <dt>cassette</dt>
+              <dd>The cassette to be used by the template (only needed if different from that in source well and phase_matched_cassette has NOT been specified)</dd>
+              <dt>backbone</dt>
+              <dd>The backbone to be used by the template (only needed different from that in source well)</dd>
+              <dt>recombinase</dt>
+              <dd>The backbone to be used by the template (only needed different from that in source well). 
+               Multiple recombinases can be specified in a comma separated list, e.g. Cre, Dre</dd>
+            </dl>
+
+
+
+        </div>
+
+      </div>
+    </div>
+  </div>

root/site/user/qc/create_template_plate.tt

@@ -15,7 +15,20 @@
         />
 
         <hr/>
-
+
+<div class="accordion" id="accordian">
+
+  <div class="accordion-group">
+
+    <div class="accordion-heading">
+      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOneMain">
+        <i class="icon-play"></i> Create from plate
+      </a>
+    </div>
+
+    <div id="collapseOneMain" class="accordion-body collapse">
+      <div class="accordion-inner">
+
         <table>
          <tr>
           <td>
@@ -82,23 +95,45 @@
          </tr>
         </table> 
 
-       <hr/>
+</div>
+</div>
+</div>
+
+
+  <div class="accordion-group">
+
+    <div class="accordion-heading">
+      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwoMain">
+        <i class="icon-play"></i> Create from spreadsheet
+      </a>
+    </div>
+
+    <div id="collapseTwoMain" class="accordion-body collapse">
+      <div class="accordion-inner">
 
-       <label>Or upload csv file listing the required wells</label>
-       <input name="datafile" type="file"/>
+       <label>Upload a csv file listing the required wells for the template</label>
 
-       <a href="[% c.uri_for('/static/files/plate_upload/qc_template_plate_template.csv') %]">
-         <i class="icon-download"></i> Download Example CSV File
-       </a>       
+       <br />
+
+       <input name="datafile" type="file"/>
+
+       <br />
+       <br />
 
        <button name="create_from_csv" id="create_from_csv" type="submit" value="create_from_csv" class="btn">
          Create New Template from CSV
        </button>
 
      </form>
+</div>
+</div>
+</div>
+
   </div>
 
-</div>
+
+
+[% INCLUDE 'template_creation_help.tt' %]
 
 <script type="text/javascript">
 $("#source_plate").autocomplete({

root/static/files/plate_upload/qc_template_plate_template.csv

@@ -1 +1 @@
-well_name,source_plate,source_well,recombinase,cassette,backboneA01,,,,,A02,,,,,A03,,,,,A04,,,,,A05,,,,,A06,,,,,A07,,,,,A08,,,,,A09,,,,,A10,,,,,A11,,,,,A12,,,,,B01,,,,,B02,,,,,B03,,,,,B04,,,,,B05,,,,,B06,,,,,B07,,,,,B08,,,,,B09,,,,,B10,,,,,B11,,,,,B12,,,,,C01,,,,,C02,,,,,C03,,,,,C04,,,,,C05,,,,,C06,,,,,C07,,,,,C08,,,,,C09,,,,,C10,,,,,C11,,,,,C12,,,,,D01,,,,,D02,,,,,D03,,,,,D04,,,,,D05,,,,,D06,,,,,D07,,,,,D08,,,,,D09,,,,,D10,,,,,D11,,,,,D12,,,,,E01,,,,,E02,,,,,E03,,,,,E04,,,,,E05,,,,,E06,,,,,E07,,,,,E08,,,,,E09,,,,,E10,,,,,E11,,,,,E12,,,,,F01,,,,,F02,,,,,F03,,,,,F04,,,,,F05,,,,,F06,,,,,F07,,,,,F08,,,,,F09,,,,,F10,,,,,F11,,,,,F12,,,,,G01,,,,,G02,,,,,G03,,,,,G04,,,,,G05,,,,,G06,,,,,G07,,,,,G08,,,,,G09,,,,,G10,,,,,G11,,,,,G12,,,,,H01,,,,,H02,,,,,H03,,,,,H04,,,,,H05,,,,,H06,,,,,H07,,,,,H08,,,,,H09,,,,,H10,,,,,H11,,,,,H12,,,,,
+well_name,source_plate,source_well,phase_matched_cassette,cassette,backbone,recombinaseA01,,,,,,A02,,,,,,A03,,,,,,A04,,,,,,A05,,,,,,A06,,,,,,A07,,,,,,A08,,,,,,A09,,,,,,A10,,,,,,A11,,,,,,A12,,,,,,B01,,,,,,B02,,,,,,B03,,,,,,B04,,,,,,B05,,,,,,B06,,,,,,B07,,,,,,B08,,,,,,B09,,,,,,B10,,,,,,B11,,,,,,B12,,,,,,C01,,,,,,C02,,,,,,C03,,,,,,C04,,,,,,C05,,,,,,C06,,,,,,C07,,,,,,C08,,,,,,C09,,,,,,C10,,,,,,C11,,,,,,C12,,,,,,D01,,,,,,D02,,,,,,D03,,,,,,D04,,,,,,D05,,,,,,D06,,,,,,D07,,,,,,D08,,,,,,D09,,,,,,D10,,,,,,D11,,,,,,D12,,,,,,E01,,,,,,E02,,,,,,E03,,,,,,E04,,,,,,E05,,,,,,E06,,,,,,E07,,,,,,E08,,,,,,E09,,,,,,E10,,,,,,E11,,,,,,E12,,,,,,F01,,,,,,F02,,,,,,F03,,,,,,F04,,,,,,F05,,,,,,F06,,,,,,F07,,,,,,F08,,,,,,F09,,,,,,F10,,,,,,F11,,,,,,F12,,,,,,G01,,,,,,G02,,,,,,G03,,,,,,G04,,,,,,G05,,,,,,G06,,,,,,G07,,,,,,G08,,,,,,G09,,,,,,G10,,,,,,G11,,,,,,G12,,,,,,H01,,,,,,H02,,,,,,H03,,,,,,H04,,,,,,H05,,,,,,H06,,,,,,H07,,,,,,H08,,,,,,H09,,,,,,H10,,,,,,H11,,,,,,H12,,,,,,