3235: Fix infinite scroll in Search chooser.
[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       <div class="modal-header">
5         <button type="button" class="close" onClick="reset_form()" data-dismiss="modal" aria-hidden="true">&times;</button>
6         <h4 class="modal-title"><%= params[:title] || "Choose #{@objects.first.andand.class_for_display}" %></h4>
7       </div>
8
9       <div class="modal-body">
10         <div class="input-group">
11           <% if params[:by_project] %>
12             <div class="input-group-btn">
13               <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
14                 Projects <span class="caret"></span>
15               </button>
16               <ul class="dropdown-menu" role="menu">
17                 <%= render partial: "projects_tree_menu", locals: {
18                       :project_link_to => Proc.new do |pnode, &block|
19                         link_to "#", {"class" => "chooser-show-project", "data-project-uuid" => pnode[:object].uuid }, &block
20                        end,
21                       :top_button => Proc.new do %>
22                         <% link_to "#", {"class" => "chooser-show-project btn btn-xs btn-default pull-right" } do %>
23                           All <%= controller.model_class.class_for_display.pluralize.downcase %>
24                         <% end %>
25                       <% end %>
26                 <% } %>
27                 <li class="divider" />
28                 <li><span class="navbar-text" id="chooser-breadcrumb">All <%= controller.model_class.class_for_display.pluralize.downcase %></span></li>
29               </ul>
30             </div>
31           <% end %>
32           <input type="text" class="form-control filterable-control" placeholder="Search" data-filterable-target=".modal.arv-choose .selectable-container"/>
33         </div>
34         <div class="row" style="height: 20em">
35           <div class="col-sm-6 container arv-filterable-list selectable-container"
36                style="height: 100%; overflow-y: scroll"
37                data-infinite-scroller="#choose-scroll"
38                id="choose-scroll"
39                data-infinite-content-href="<%= next_page_href partial: true %>">
40             <%= render partial: 'choose_rows', locals: {multiple: multiple} %>
41           </div>
42           <div class="col-sm-6 modal-dialog-preview-pane" style="height: 100%; overflow-y: scroll">
43           </div>
44         </div>
45
46         <div class="modal-footer">
47           <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
48           <button class="btn btn-primary" aria-hidden="true" data-enable-if-selection disabled><%= raw(params[:action_name]) || 'Select' %></button>
49           <div class="modal-error hide" style="text-align: left; margin-top: 1em;">
50           </div>
51         </div>
52       </div>
53     </div>
54   </div>
55 </div>