apps/workbench/app/views/getting_started/_getting_started_popup.html.erb

   1 <<<<<<< HEAD:apps/workbench/app/views/application/_getting_started_popup.html.erb
   2 <%
   3   update_getting_started_shown_user_pref() if current_user
   4 %>
   5 <style>
   6 .style_image {
   7   border: 10px solid #ddd;
   8 }
   9 </style>
  10
  11 <div class="modal">
  12   <div class="modal-dialog modal-with-loading-spinner" style="width:80%">
  13 =======
  14 <div id="getting-started-modal-window" class="modal">
  15   <div class="modal-dialog modal-with-loading-spinner">
  16 >>>>>>> 8e4ed0edeadc4dfcc85666ef5c36619815dca8e2:apps/workbench/app/views/getting_started/_getting_started_popup.html.erb
  17     <div class="modal-content">
  18       <div class="modal-header">
  19         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
  20         <div>
  21           <div class="col-sm-8"> <h4 class="modal-title">Welcome to Arvados!</h4> </div>
  22           <div class="spinner spinner-32px spinner-h-center col-sm-1" hidden="true"></div>
  23         </div>
  24         <br/>
  25       </div>
  26
  27 <<<<<<< HEAD:apps/workbench/app/views/application/_getting_started_popup.html.erb
  28       <div class="modal-body" style="height: 38em; overflow-y: scroll">
  29
  30 <div class="container">
  31     <div class="row">
  32         <div class="col-md-6">
  33   <strong>How does this work?</strong> What you're looking at right now is Workbench, the graphical interface to the Arvados system.
  34 <br><br>
  35 Click the <span class="btn btn-sm btn-primary">Next &gt;</span> button below for a quick tour of Arvados.
  36 <br><br>
  37 <strong>OR</strong>
  38           <br><br>Get started by running your first pipeline in 3 quick steps:<br><br>
  39 <ol><li> Go to the <span class="btn btn-sm btn-default"><i class="fa fa-lg fa-fw fa-dashboard"></i> Dashboard</span> &gt; <span class="btn btn-sm btn-primary"><i class="fa fa-fw fa-gear"></i> Run a pipeline...</span> <br><br>
  40 <%= image_tag "mouse-move.gif", :class => "style_image" %>.
  41 </li><br>
  42   <li>  <span class="btn btn-sm btn-default"><i class="fa fa-fw fa-gear"></i>Mason Lab -- Ancestry Mapper (public)</span> &gt; <span class="btn btn-sm btn-primary">Next: choose inputs <i class="fa fa-fw fa-arrow-circle-right"></i></span></li><br>
  43   <li> <span class="btn btn-sm btn-primary">Run <i class="fa fa-fw fa-play"></i></span></li>
  44 </ol>
  45       </div>        <div class="col-md-6" style="border-left: solid; border-width: 1px">
  46             <br>
  47 <i class="fa fa-flag fa-flip-horizontal" style="color: green"></i> <i class="fa fa-child"></i>
  48 <strong>Voila!</strong> <i class="fa fa-child"></i> <i class="fa fa-flag" style="color: green"></i>
  49 Your pipeline is now spooling up and getting ready to run!
  50             <br><br>
  51
  52   <br><br>
  53   Go ahead, try it for yourself right now. <span class="glyphicon glyphicon-thumbs-up"></span>
  54 <br><br>
  55 <%= image_tag "pipeline-running.gif", :class => "style_image" %>
  56
  57   <br><br>
  58   <em><strong>Note:</strong> You can always come back to this Getting Started guide by clicking the <span class="fa fa-lg fa-question-circle"></span> in the upper-right corner.</em>
  59   <br><br>
  60 </div> </div> </div>
  61
  62
  63
  64       </div>
  65       <div class="modal-body" style="height: 35em; overflow-y: scroll">
  66         Page 2
  67 =======
  68       <div class="modal-body" style="height: 25em; overflow-y: scroll">
  69          <%= image_tag "getting_started/pipeline.gif" %>
  70       </div>
  71       <div class="modal-body" style="height: 25em; overflow-y: scroll">
  72          <%= image_tag "getting_started/mouse-move.gif" %>
  73 >>>>>>> 8e4ed0edeadc4dfcc85666ef5c36619815dca8e2:apps/workbench/app/views/getting_started/_getting_started_popup.html.erb
  74       </div>
  75       <div class="modal-body" style="height: 35em; overflow-y: scroll">
  76         Page 3
  77       </div>
  78       <div class="modal-body" style="height: 35em; overflow-y: scroll">
  79         Page 4
  80       </div>
  81
  82       <div class="modal-footer">
  83         <div style="text-align:center">
  84           <button class="btn btn-default pager-prev"><i class="fa fa-fw fa-chevron-left"></i><span style="font-weight: bold;"> Prev</span></button>
  85           <button class="btn btn-default pager-next"><span style="font-weight: bold;">Next </span><i class="fa fa-fw fa-chevron-right"></i></button>
  86           <div class="pager-count pull-right"><span style="margin:5px"></span></div>
  87         </div>
  88       </div>
  89     </div>
  90   </div>
  91 </div>