mason/help/workflow_guided/begin.mas

   1 <%args>
   2 $breeding_programs
   3 $locations
   4 $preferred_species
   5 $editable_stock_props
   6 $timestamp
   7 </%args>
   8
   9
  10 <& /util/import_javascript.mas, classes => [ 'CXGN.GuidedHelp','bootstrap_min.js', 'jquery.iframe-post-form', 'CXGN.List', 'CXGN.BreedersToolbox.AddTrial','CXGN.BreedersToolbox.UploadTrial','CXGN.BreedersToolbox.Trial', 'CXGN.Trial','CXGN.BreedersToolbox.GenotypingTrial','CXGN.BreedersToolbox.Accessions', 'CXGN.BreedersToolbox.UploadPedigrees','CXGN.BreedersToolbox.Crosses','CXGN.BreedersToolbox.FieldBook','CXGN.BreedersToolbox.UploadPhenotype', 'CXGN.BreederSearch', 'CXGN.Trial','CXGN.TrialTreeFolders' ] &>
  11
  12 <div class="panel panel-default">
  13     <div class="panel-body">
  14         <& /page/page_title.mas, title=>"New to the database?" &>
  15
  16         <center>
  17         <button class="btn btn-primary btn-block" id="guided_help_begin_button">Let us help!<br/>Click this button to begin our guided help.</button>
  18         </center>
  19     </div>
  20 </div>
  21
  22 <div class="modal fade" id="guided_help_begin_dialog" name="guided_help_begin_dialog" tabindex="-1" role="dialog" aria-labelledby="guidedHelpBeginDialog">
  23     <div class="modal-dialog modal-xl" role="document">
  24         <div class="modal-content">
  25             <div class="modal-header" style="text-align: center">
  26                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  27                 <h4 class="modal-title" id="guidedHelpBeginDialog">What are you interested in? <a href="https://solgenomics.github.io/sgn">For General Help</a></h4>
  28             </div>
  29             <div class="modal-body">
  30                 <div class="container-fluid">
  31                     <div class="row">
  32                         <div class="col-sm-6">
  33                             <div class="well">
  34                                 <div class="row">
  35                                     <div class="col-sm-3">
  36                                         <span style="font-size:2.5em;" class="glyphicon glyphicon-cloud-upload"></span>
  37                                     </div>
  38                                     <div class="col-sm-7">
  39                                         <h4>Upload an experimental field trial into the database that you have saved on your computer in Excel</h4>
  40                                     </div>
  41                                     <div class="col-sm-2">
  42                                         <button name="upload_trial_link" class="btn btn-primary btn-sm">Go</button>
  43                                     </div>
  44                                 </div>
  45                             </div>
  46                         </div>
  47                         <div class="col-sm-6">
  48                             <div class="well">
  49                                 <div class="row">
  50                                     <div class="col-sm-3">
  51                                         <span style="font-size:2.5em;" class="glyphicon glyphicon glyphicon-flash"></span>
  52                                     </div>
  53                                     <div class="col-sm-7">
  54                                         <h4>Design a completely new experimental field trial in the database</h4>
  55                                     </div>
  56                                     <div class="col-sm-2">
  57                                         <button id="add_project_link" class="btn btn-primary btn-sm">Go</button>
  58                                     </div>
  59                                 </div>
  60                             </div>
  61                         </div>
  62                     </div>
  63                     <div class="row">
  64                         <div class="col-sm-6">
  65                             <div class="well">
  66                                 <div class="row">
  67                                     <div class="col-sm-3">
  68                                         <span style="font-size:2.5em;" class="glyphicon glyphicon-list-alt"></span>
  69                                     </div>
  70                                     <div class="col-sm-7">
  71                                         <h4>Catalog your available seed inventory into the database</h4>
  72                                     </div>
  73                                     <div class="col-sm-2">
  74                                         <button id="guided_help_seedlot_inventory_button" class="btn btn-primary btn-sm">Go</button>
  75                                     </div>
  76                                 </div>
  77                             </div>
  78                         </div>
  79                         <div class="col-sm-6">
  80                             <div class="well">
  81                                 <div class="row">
  82                                     <div class="col-sm-3">
  83                                         <span style="font-size:2.5em;" class="glyphicon glyphicon-book"></span>
  84                                     </div>
  85                                     <div class="col-sm-7">
  86                                         <h4>Upload phenotypic data into the database that you have saved on your computer in Excel</h4>
  87                                     </div>
  88                                     <div class="col-sm-2">
  89                                         <button id="guided_help_upload_phenotypes_button" class="btn btn-primary btn-sm">Go</button>
  90                                     </div>
  91                                 </div>
  92                             </div>
  93                         </div>
  94                     </div>
  95                     <div class="row">
  96                         <div class="col-sm-6">
  97                             <div class="well">
  98                                 <div class="row">
  99                                     <div class="col-sm-3">
 100                                         <span style="font-size:2.5em;" class="glyphicon glyphicon-flag"></span>
 101                                     </div>
 102                                     <div class="col-sm-7">
 103                                         <h4>Plan tissue sampling</h4>
 104                                     </div>
 105                                     <div class="col-sm-2">
 106                                         <button name="tissue_sample_guided_help" class="btn btn-primary btn-sm">Go</button>
 107                                     </div>
 108                                 </div>
 109                             </div>
 110                         </div>
 111                         <div class="col-sm-6">
 112                             <div class="well">
 113                                 <div class="row">
 114                                     <div class="col-sm-3">
 115                                         <span style="font-size:2.5em;" class="glyphicon glyphicon-random"></span>
 116                                     </div>
 117                                     <div class="col-sm-7">
 118                                         <h4>Upload crosses and crossing information into the database</h4>
 119                                     </div>
 120                                     <div class="col-sm-2">
 121                                         <button name="upload_crosses_link" class="btn btn-primary btn-sm">Go</button>
 122                                     </div>
 123                                 </div>
 124                             </div>
 125                         </div>
 126                     </div>
 127                     <div class="row">
 128                         <div class="col-sm-6">
 129                             <div class="well">
 130                                 <div class="row">
 131                                     <div class="col-sm-3">
 132                                         <span style="font-size:2.5em;" class="glyphicon glyphicon-tags"></span>
 133                                     </div>
 134                                     <div class="col-sm-7">
 135                                         <h4>Print barcode labels for my experiment (for your plots or plants or tissue samples in the field, or for your 96 well plate and tissue samples)</h4>
 136                                     </div>
 137                                     <div class="col-sm-2">
 138                                         <button id="guided_help_barcode_trial_button" class="btn btn-primary btn-sm">Go</button>
 139                                     </div>
 140                                 </div>
 141                             </div>
 142                         </div>
 143                         <div class="col-sm-6">
 144                             <div class="well">
 145                                 <div class="row">
 146                                     <div class="col-sm-3">
 147                                         <span style="font-size:2.5em;" class="glyphicon glyphicon-blackboard"></span>
 148                                     </div>
 149                                     <div class="col-sm-7">
 150                                         <h4>Analyze phenotypic performance across trials</h4>
 151                                     </div>
 152                                     <div class="col-sm-2">
 153                                         <button id="guided_help_trial_comparison_button" class="btn btn-primary btn-sm">Go</button>
 154                                     </div>
 155                                 </div>
 156                             </div>
 157                         </div>
 158                     </div>
 159                     <div class="row">
 160                         <div class="col-sm-6">
 161                             <div class="well">
 162                                 <div class="row">
 163                                     <div class="col-sm-3">
 164                                         <span style="font-size:2.5em;" class="glyphicon glyphicon-th"></span>
 165                                     </div>
 166                                     <div class="col-sm-7">
 167                                         <h4>Prepare a 96 or 384 well plate for a genotyping experiment</h4>
 168                                     </div>
 169                                     <div class="col-sm-2">
 170                                         <button name="create_genotyping_trial_link" class="btn btn-primary btn-sm">Go</button>
 171                                     </div>
 172                                 </div>
 173                             </div>
 174                         </div>
 175                         <div class="col-sm-6">
 176                             <div class="well">
 177                                 <div class="row">
 178                                     <div class="col-sm-3">
 179                                         <span style="font-size:2.5em;" class="glyphicon glyphicon-map-marker"></span>
 180                                     </div>
 181                                     <div class="col-sm-7">
 182                                         <h4>Upload VCF genotypic data</h4>
 183                                     </div>
 184                                     <div class="col-sm-2">
 185                                         <button name="upload_genotyping_data_link" class="btn btn-primary btn-sm">Go</button>
 186                                     </div>
 187                                 </div>
 188                             </div>
 189                         </div>
 190                     </div>
 191                 </div>
 192             </div>
 193             <div class="modal-footer">
 194                 <button id="close_guided_help_begin_dialog" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 195             </div>
 196         </div>
 197     </div>
 198 </div>
 199
 200 <& /help/workflow_guided/tissue_sample_help.mas &>
 201
 202 <& /help/workflow_guided/seedlot_inventory_modal.mas, timestamp=>$timestamp &>
 203 <& /help/workflow_guided/phenotype_upload_modal.mas &>
 204 <& /help/workflow_guided/trial_barcoding_modal.mas &>
 205 <& /help/workflow_guided/trial_comparison_modal.mas &>
 206
 207 <& /breeders_toolbox/trial/trial_upload_dialogs.mas, breeding_programs=>$breeding_programs, locations=>$locations &>
 208 <& /breeders_toolbox/trial/trial_create_dialogs.mas, locations => $locations, breeding_programs => $breeding_programs &>
 209
 210 <& /breeders_toolbox/genotyping_trials/upload_genotyping_data_dialogs.mas &>
 211 <& /breeders_toolbox/genotyping_trials/create_genotyping_trial_dialogs.mas &>
 212
 213 <& /breeders_toolbox/upload_seedlots_inventory_dialogs.mas &>
 214 <& /breeders_toolbox/upload_seedlots_dialogs.mas &>
 215 <& /breeders_toolbox/add_seedlot_dialogs.mas, timestamp=>$timestamp &>
 216 <& /breeders_toolbox/add_accessions_dialogs.mas, preferred_species=>$preferred_species, editable_stock_props=>$editable_stock_props &>
 217 <& /breeders_toolbox/upload_crosses_dialogs.mas, programs=>$breeding_programs, locations=>$locations &>
 218 <& /breeders_toolbox/add_cross_dialogs.mas, programs=>$breeding_programs, locations=>$locations &>
 219 <& /breeders_toolbox/add_crossing_trial_dialogs.mas, programs=>$breeding_programs, locations=>$locations &>