Merge branch 'master' into 3106-modal-loading-indicator
[arvados.git] / apps / workbench / app / views / application / _choose.html.erb
1 <div class="modal arv-choose modal-with-loading-spinner">
2   <div class="modal-dialog" style="width:80%">
3     <div class="modal-content">
4
5       <div class="modal-header">
6         <button type="button" class="close" onClick="reset_form()" data-dismiss="modal" aria-hidden="true">&times;</button>
7         <div>
8           <div class="col-sm-6"> <h4 class="modal-title"><%= params[:title] || "Choose #{@objects.first.andand.class_for_display}" %></h4> </div>
9           <div class="spinner spinner-32px spinner-h-center col-sm-1" hidden="true"></div>
10         </div>
11         <br/>
12       </div>
13
14       <div class="modal-body">
15         <nav class="navbar navbar-default breadcrumbs" role="navigation">
16           <ul class="nav navbar-nav navbar-left">
17             <li class="dropdown">
18             <%= render partial: "projects_tree_menu", locals: {
19                   :project_link_to => Proc.new do |pnode, &block|
20                     link_to "#", {"class" => "chooser-show-project", "data-project-uuid" => pnode[:object].uuid }, &block
21                    end,
22                   :top_button => Proc.new do %>
23                     <% link_to "#", {"class" => "chooser-show-project btn btn-xs btn-default pull-right" } do %>
24                       All <%= controller.model_class.class_for_display.pluralize.downcase %>
25                     <% end %>
26                   <% end %>
27              <% } %>
28             </li>
29             <li class="nav-separator">
30               <i class="fa fa-lg fa-angle-double-right"></i>
31             </li>
32             <li><p class="navbar-text" id="chooser-breadcrumb">All <%= controller.model_class.class_for_display.pluralize.downcase %></span></li>
33           </ul>
34           <div class="navbar-form navbar-right">
35             <input type="text" class="form-control filterable-control" placeholder="Search" data-filterable-target=".modal.arv-choose .selectable-container"/>
36           </div>
37         </nav>
38
39         <div class="row" style="height: 20em">
40           <div class="col-sm-6 container-fluid arv-filterable-list selectable-container"
41                style="height: 100%; overflow-y: scroll"
42                data-infinite-scroller="#choose-scroll"
43                id="choose-scroll"
44                data-infinite-content-href="<%= @next_page_href %>">
45             <%= render partial: 'choose_rows', locals: {multiple: multiple} %>
46           </div>
47           <div class="col-sm-6 modal-dialog-preview-pane" style="height: 100%; overflow-y: scroll">
48           </div>
49         </div>
50
51         <div class="modal-footer">
52           <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
53           <button class="btn btn-primary" aria-hidden="true" data-enable-if-selection disabled><%= raw(params[:action_name]) || 'Select' %></button>
54           <div class="modal-error hide" style="text-align: left; margin-top: 1em;">
55           </div>
56         </div>
57       </div>
58     </div>
59   </div>
60 </div>