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

   1 <div id="getting-started-modal-window" class="modal">
   2   <div class="modal-dialog modal-with-loading-spinner">
   3     <div class="modal-content">
   4       <div class="modal-header">
   5         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
   6         <div>
   7           <div class="col-sm-8"> <h4 class="modal-title"> Getting Started with Arvados </h4> </div>
   8           <div class="spinner spinner-32px spinner-h-center col-sm-1" hidden="true"></div>
   9         </div>
  10         <br/>
  11       </div>
  12
  13       <div class="modal-body" style="height: 25em; overflow-y: scroll">
  14          <%= image_tag "getting_started/pipeline.gif" %>
  15       </div>
  16       <div class="modal-body" style="height: 25em; overflow-y: scroll">
  17          <%= image_tag "getting_started/mouse-move.gif" %>
  18       </div>
  19       <div class="modal-body" style="height: 25em; overflow-y: scroll">
  20         Page 3
  21       </div>
  22       <div class="modal-body" style="height: 25em; overflow-y: scroll">
  23         Page 4
  24       </div>
  25
  26       <div class="modal-footer">
  27         <div style="text-align:center">
  28           <button class="btn btn-default pager-prev"><i class="fa fa-fw fa-chevron-left"></i><span style="font-weight: bold;"> Prev</span></button>
  29           <button class="btn btn-default pager-next"><span style="font-weight: bold;">Next </span><i class="fa fa-fw fa-chevron-right"></i></button>
  30           <div class="pager-count pull-right"><span style="margin:5px"></span></div>
  31         </div>
  32       </div>
  33     </div>
  34   </div>
  35 </div>