mason/genomes/sequenced_accessions.mas

   1
   2 <%args>
   3 </%args>
   4
   5 <& /util/import_css.mas, paths => ['/documents/inc/datatables/jquery.dataTables.css'] &>
   6
   7 <& /util/import_javascript.mas,
   8   entries => ["sequenced_accessions"]
   9 &>
  10
  11
  12 <& /page/page_title.mas, title=> "Sequenced Accessions" &>
  13
  14 <div>
  15 <table class="table table-condensed" cellspacing="20px" id="sequenced_stocks_table" >
  16 <thead>
  17    <tr>
  18    <th>Accession</th>
  19    <th>Year</th>
  20 <th>Organization</th>
  21    <th>Website</th>
  22 <th>Analyze</th>
  23 <th>Manage</th>
  24    </tr>
  25 </thead>
  26 </table>
  27 </div>
  28 <!-- Dialog for adding sequencing info -->
  29
  30 <div class="modal fade" id="edit_sequencing_info_dialog" role="dialog">
  31     <div class="modal-dialog" role="modal">
  32         <div class="form-search">
  33             <div class="modal-content">
  34                 <div class="modal-header">
  35                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><div aria-hidden="true">&times;</div></button>
  36                     <h5 class="modal-title">Enter sequencing info for accession:</h5>
  37                 </div> <!-- modal-header -->
  38                 <form id="sequencing_info_form" class="form-horizontal">
  39                     <div class="modal-body">
  40                         <div class="row">
  41                             <label class="col-sm-3 control-label">Organization: </label>
  42                             <div class="col-sm-9">
  43                                 <input type="text" class="form-control" alt="Organization" placeholder="Sequencing organization" name="organization" id="organization" size="30" /><br />
  44                             </div>
  45                         </div>
  46                         <div class="row">
  47                             <label class="col-sm-3 control-label">Year: </label>
  48                             <div class="col-sm-9">
  49                                 <input type="text" class="form-control" placeholder="Sequencing year" name="sequencing_year" id="sequencing_year" size="6" /><br />
  50                             </div>
  51                         </div>
  52                         <div class="row">
  53                             <label class="col-sm-3 control-label">Website: </label>
  54                             <div class="col-sm-9">
  55                                 <div class="input-group">
  56                                     <span class="input-group-addon" id="https-prefix">https:&sol;&sol;</span>
  57                                     <input type="text" class="form-control" placeholder="Website" aria-label="https-prefix" aria-describedby="https-prefix" name="website"  id="website" size="10" />
  58                                 </div>
  59                             </div> <!-- input-group -->
  60                             <br />
  61                         </div>
  62                         <div class="row">
  63                             <label class="col-sm-3 control-label">Contact email: </label>
  64                             <div class="col-sm-9">
  65                                 <input type="text" class="form-control" placeholder="Contact email" name="contact_email"  id="contact_email" size="10" /><br />
  66                             </div>
  67                         </div>
  68                         <div class="row">
  69                             <label class="col-sm-3 control-label">Genbank accession: </label>
  70                             <div class="col-sm-9">
  71                                 <input type="text" class="form-control" placeholder="Genbank Accession" name="genbank_accession"  id="genbank_accession" size="10" /><br />
  72                             </div>
  73                         </div>
  74                         <div class="row">
  75                             <label class="col-sm-3 control-label">Funding agency: </label>
  76                             <div class="col-sm-9">
  77                                 <input type="text" class="form-control" placeholder="Funding organization" name="funded_by"  id="funded_by" size="10" /><br />
  78                             </div>
  79                         </div>
  80                         <div class="row">
  81                             <label class="col-sm-3 control-label">Funding agency project id: </label>
  82                             <div class="col-sm-9">
  83                                 <input type="text" class="form-control" placeholder="Funding organization project ID"  name="funder_project_id" id="funder_project_id" size="10" /><br />
  84                             </div>
  85                         </div>
  86                         <div class="row">
  87                             <label class="col-sm-3 control-label">JBrowse link: </label>
  88                             <div class="col-sm-9">
  89                                 <input type="text" class="form-control" placeholder="Jbrowse link" name="jbrowse_link" id="jbrowse_link" size="20" /><br />
  90                             </div>
  91                         </div>
  92                         <div class="row">
  93                             <label class="col-sm-3 control-label">BLAST link</label>
  94                             <div class="col-sm-9">
  95                                 <input type="text" class="form-control" placeholder="BLAST link" name="blast_link" id="blast_link" size="20" /><br />
  96                             </div>
  97                         </div>
  98                         <div class="row">
  99                             <label class="col-sm-3 control-label">FTP link</label>
 100                             <div class="col-sm-9">
 101                                 <input type="text" class="form-control" placeholder="FTP link" name="ftp_link" id="ftp_link" size="20" /><br />
 102                             </div>
 103                         </div>
 104                         <div class="row">
 105                             <label class="col-sm-3 control-label">NCBI link</label>
 106                             <div class="col-sm-9">
 107                                 <input type="text" class="form-control" placeholder="NCBI link" name="ncbi_link" id="ncbi_link" size="20" /><br />
 108                             </div>
 109                         </div>
 110                         <div>
 111                             <input type="hidden" id="stock_id"  name="stock_id" value="`+stock_id+`" />
 112                             <input type="hidden" id="stockprop_id"  name="stockprop_id" value="`+stockprop_id+`" />
 113                         </div>
 114                     </div> <!-- modal-body -->
 115                     <div class="modal-footer">
 116                         <button id="save_sequencing_info_button" type="submit" class="btn btn-primary">Save changes</button>
 117                         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
 118                     </div> <!-- modal-footer -->
 119                 </form> <!-- sequencing_info form -->
 120             </div> <!-- modal-content -->
 121         </div> <!-- form-search -->
 122     </div> <!-- modal-dialog -->
 123 </div> <!-- modal -->
 124
 125
 126 <div id="sequenced_stocks_div">
 127 </div>
 128
 129   <script>
 130     jQuery(document).ready( function() {
 131     //alert("HELLO");
 132     var sequenced_stocks = window.jsMod['sequenced_accessions'].init("sequenced_stocks_div");
 133     //alert("HELLO AGAIN!");
 134     });
 135   </script>