85 lines
3.5 KiB
Plaintext
85 lines
3.5 KiB
Plaintext
<div id="albums-filter" class="modal fade">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h3><%= t('list.user') %></h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="tabbable tabs-left">
|
|
<div class="nano">
|
|
<div class="content">
|
|
<ul class="nav nav-pills nav-stacked">
|
|
<li class="active"><a href="#all" data-toggle="tab"><%= t('category') %></a></li>
|
|
<% @categories.each do |category| %>
|
|
<li class=""><a href="#category_<%= category.id %>" data-toggle="tab"><%= category.title %></a></li>
|
|
<% end %>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="tab-content">
|
|
<div class="tab-pane fade in active" id="all">
|
|
<fieldset class="category_field">
|
|
<% @categories.each do |category| %>
|
|
<label class="checkbox inline">
|
|
<%= check_box_tag 'category_ids[]', category.id, false, :id => "category_ids_#{category.id}" %> <%= category.title %>
|
|
</label>
|
|
<% end %>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<% @categories.each do |category| %>
|
|
<div class="tab-pane fade" id="category_<%= category.id %>">
|
|
<fieldset class="clearfix">
|
|
<div class="albums-filter-result nano">
|
|
<div class="content">
|
|
<i class="icon-search"></i>
|
|
<input class="search_names" placeholder="<%=t('users.name')%>" style="margin: 1em;">
|
|
<div style="margin-bottom: 1em;"></div>
|
|
<ul class="checkbox-card clearfix">
|
|
<% @category_id_albums_maps[category.id].to_a.each do |album| %>
|
|
<li class="check-item">
|
|
<label>
|
|
<% if album.cover == "default" %>
|
|
<%= image_tag "gallery/default.jpg" %>
|
|
<% else %>
|
|
<img src="<%= album.cover_path %>">
|
|
<% end %>
|
|
<p class="album_name"><%= album.name %></p>
|
|
</label>
|
|
<%= check_box_tag 'album_ids[]', album.id , false , :id => "album_ids_#{category.id}_#{(album.id rescue '')}" %>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<% end %>
|
|
<div class="form-actions condition">
|
|
<button type="button" class="btn" data-dismiss="modal"><%= t(:cancel) %></button>
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="updateUsers<%=@index rescue ''%>()"><%= t(:submit) %></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$('#albums-filter a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
|
|
try{
|
|
var target = $($(e.target).attr("href"));
|
|
target.find('.nano').nanoScroller({ scrollTop: 0, iOSNativeScrolling: true });
|
|
}catch(e){};
|
|
});
|
|
$(document).ready(function(){
|
|
$('.search_names').off('input').on('input',function(){
|
|
var name = $(this).val();
|
|
var $check_items = $(this).parent().find('.check-item');
|
|
$check_items.each(function(i,item){
|
|
if( $(item).find('.user-name').text().search(name) == -1){
|
|
$(item).css('display','none');
|
|
}else{
|
|
$(item).css('display','');
|
|
}
|
|
})
|
|
})
|
|
})
|
|
</script> |