changed the frontend loading to more rails specific. and also fixed the filter reload in thumbnali and summary view of members
This commit is contained in:
parent
4e706fab0c
commit
4353b481c7
|
@ -25,12 +25,12 @@
|
||||||
<ul class="nav nav-pills filter-nav pull-right">
|
<ul class="nav nav-pills filter-nav pull-right">
|
||||||
<li class="accordion-group">
|
<li class="accordion-group">
|
||||||
<div class="accordion-heading">
|
<div class="accordion-heading">
|
||||||
<a href="#collapse-status" data-toggle="collapse" data-parent="#filter" class="accordion-toggle">Roles</a>
|
<a href="#collapse-role" data-toggle="collapse" data-parent="#filter" class="accordion-toggle">Roles</a>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="filter-group accordion-group">
|
<div class="filter-group accordion-group">
|
||||||
<div class="accordion-body collapse" id="collapse-status">
|
<div class="accordion-body collapse" id="collapse-role">
|
||||||
|
|
||||||
<%= render :partial => "filter"%>
|
<%= render :partial => "filter"%>
|
||||||
|
|
||||||
|
|
|
@ -25,12 +25,12 @@
|
||||||
<ul class="nav nav-pills filter-nav pull-right">
|
<ul class="nav nav-pills filter-nav pull-right">
|
||||||
<li class="accordion-group">
|
<li class="accordion-group">
|
||||||
<div class="accordion-heading">
|
<div class="accordion-heading">
|
||||||
<a href="#collapse-status" data-toggle="collapse" data-parent="#filter" class="accordion-toggle">Roles</a>
|
<a href="#collapse-role" data-toggle="collapse" data-parent="#filter" class="accordion-toggle">Roles</a>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="filter-group accordion-group">
|
<div class="filter-group accordion-group">
|
||||||
<div class="accordion-body collapse" id="collapse-status">
|
<div class="accordion-body collapse" id="collapse-role">
|
||||||
|
|
||||||
<%= render :partial => "filter"%>
|
<%= render :partial => "filter"%>
|
||||||
|
|
||||||
|
|
|
@ -32,52 +32,8 @@ var galleryAPI = function(){
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$(document).ready(function(){
|
|
||||||
//bindHandlers();
|
|
||||||
})
|
|
||||||
var bindHandlers = function(){
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
this.loadAlbums = function(cids){
|
|
||||||
g.albumArea.find(".rghead .rgfn a").click(function(){g.makeNewAlbum($(this).attr("href"))});
|
|
||||||
g.albumArea.addClass('o_gallery');
|
|
||||||
g.albumArea.find("#imgholder").empty();
|
|
||||||
$.getJSON("/panel/gallery/front_end/get_albums",{"cid":cids,"inner":true},function(categories){
|
|
||||||
$.each(categories,function(x,category){
|
|
||||||
$.each(category,function(i,album){
|
|
||||||
album.description = (album.description?album.description:"<%= I18n.t('gallery.no_description') %>")
|
|
||||||
if(album.cover == "default")
|
|
||||||
var $img = $("<div class='rgalbum'><a title='"+album.description+"' href='"+album.show_path+"'><img src='../../../assets/gallery/default.jpg'/></a><span class='albumname'><a title='"+album.description+"' href='?album="+album._id+"'>"+album.name+"</a></span><span class='categoryname'><i class='icon-folder-close'></i> "+album.category_name+"</span><span class='tagnames'></span></div>");
|
|
||||||
else
|
|
||||||
var $img = $("<div class='rgalbum'><a title='"+album.description+"' href='"+album.show_path+"'><img src='"+album.cover_path+"'/></a><span class='albumname'><a title='"+album.description+"' href='?album="+album._id+"'>"+album.name+"</a></span><span class='categoryname'><i class='icon-folder-close'></i> "+album.category_name+"</span><span class='tagnames'></span></div>");
|
|
||||||
var tag_string = "";
|
|
||||||
for(tag in album.tag_names){
|
|
||||||
if(tag == album.tag_names.length-1)
|
|
||||||
tag_string+= '<span class="tags">' + album.tag_names[tag] + '</span>';
|
|
||||||
else
|
|
||||||
tag_string+= '<span class="tags">' + album.tag_names[tag] + ', </span>';
|
|
||||||
}
|
|
||||||
$img.find(".tagnames").html(tag_string);
|
|
||||||
g.albumArea.find("#imgholder").append($img);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
this.loadImages = function(id){
|
|
||||||
g.albumArea.addClass('o_album');
|
|
||||||
g.albumArea.find("#imgholder").empty();
|
|
||||||
$.getJSON("panel/gallery/front_end/albums/"+id+"/imgs",{inner:true},function(album){
|
|
||||||
$.each(album.images,function(i,image){
|
|
||||||
var thumb = image.file.thumb.url;
|
|
||||||
image.description = (image.description?image.description:"<%= I18n.t('gallery.no_description') %>")
|
|
||||||
var $img = $("<div class='rgphoto'><a title='"+image.description+"' href='"+image.theater_link+"'><img src='"+thumb+"'/></a></div>");
|
|
||||||
g.albumArea.find("#imgholder").append($img);
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
this.loadTheater = function(id){
|
this.loadTheater = function(id){
|
||||||
var imageArray;
|
var imageArray;
|
||||||
var imagecount = 0;
|
var imagecount = 0;
|
||||||
|
|
|
@ -1,31 +1,11 @@
|
||||||
class Panel::Gallery::FrontEnd::AlbumsController < OrbitWidgetController
|
class Panel::Gallery::FrontEnd::AlbumsController < OrbitWidgetController
|
||||||
def index
|
def index
|
||||||
@categories = params[:category_id]
|
@albums = GalleryAlbum.where(:category_id.in => params[:category_id])
|
||||||
end
|
end
|
||||||
|
|
||||||
def show
|
def show
|
||||||
@album = GalleryAlbum.find(params[:id])
|
@album = GalleryAlbum.find(params[:id])
|
||||||
@tags = Tag.find(@album.tagged_ids).map{|t| t.name}
|
@images = @album.gallery_images
|
||||||
end
|
|
||||||
|
|
||||||
def get_albums
|
|
||||||
@categoryids = params["cid"]
|
|
||||||
@albums = Array.new
|
|
||||||
@albums << GalleryAlbum.where(:category_id.in => @categoryids)
|
|
||||||
|
|
||||||
|
|
||||||
@output = Array.new
|
|
||||||
@albums.each do |album|
|
|
||||||
@albs = Array.new
|
|
||||||
album.each do |values|
|
|
||||||
tags = Tag.find(values.tagged_ids).map{|t| t.name}
|
|
||||||
category = Category.find(values.category_id).title
|
|
||||||
|
|
||||||
@albs << {"_id"=>values.id,"show_path"=>panel_gallery_front_end_album_path(values),"cover"=>values.cover,"cover_path"=>values.cover_path,"description"=>values.description,"category_name"=>category,"gallery_category_id" => values.category_id,"name"=>values.name,"tag_ids"=>values.tag_ids,"tag_names"=>tags}
|
|
||||||
end
|
|
||||||
@output << @albs
|
|
||||||
end
|
|
||||||
render :json=>@output.to_json
|
|
||||||
end
|
end
|
||||||
|
|
||||||
def imgs
|
def imgs
|
||||||
|
|
14
vendor/built_in_modules/gallery/app/views/panel/gallery/front_end/albums/_album.html.erb
vendored
Normal file
14
vendor/built_in_modules/gallery/app/views/panel/gallery/front_end/albums/_album.html.erb
vendored
Normal file
|
@ -0,0 +1,14 @@
|
||||||
|
<div class='rgalbum'>
|
||||||
|
<a title='<%= album.name %>' href='<%= panel_gallery_front_end_album_path(album) %>'>
|
||||||
|
<% if album.cover == "default" %>
|
||||||
|
<%= image_tag "gallery/default.jpg" %>
|
||||||
|
<% else %>
|
||||||
|
<img src="<%= album.cover_path %>">
|
||||||
|
<% end %>
|
||||||
|
</a>
|
||||||
|
<span class='albumname'>
|
||||||
|
<a title='<%= album.description %>' href='<%= panel_gallery_front_end_album_path(album) %>'><%= album.name %></a>
|
||||||
|
</span>
|
||||||
|
<span class='categoryname'><i class='icon-folder-close'></i><%= Category.find(album.category_id).title %></span>
|
||||||
|
<span class='tagnames'></span>
|
||||||
|
</div>
|
5
vendor/built_in_modules/gallery/app/views/panel/gallery/front_end/albums/_image.html.erb
vendored
Normal file
5
vendor/built_in_modules/gallery/app/views/panel/gallery/front_end/albums/_image.html.erb
vendored
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
<div class='rgphoto'>
|
||||||
|
<a title='<%= image.description %>' href='<%= theater_panel_gallery_front_end_album_path(image) %>'>
|
||||||
|
<img src='<%= image.file.thumb.url %>'/>
|
||||||
|
</a>
|
||||||
|
</div>
|
|
@ -1,35 +1,14 @@
|
||||||
|
|
||||||
|
|
||||||
<%= stylesheet_link_tag "gallery_frontend" %>
|
<%= stylesheet_link_tag "gallery_frontend" %>
|
||||||
|
|
||||||
<%#= stylesheet_link_tag "gallery" %>
|
|
||||||
<div id="orbit_gallery" class="rg">
|
<div id="orbit_gallery" class="rg">
|
||||||
|
|
||||||
<div class="rgbody">
|
<div class="rgbody">
|
||||||
<div id="imgholder">
|
<div id="imgholder">
|
||||||
|
<% @albums.each do |album| %>
|
||||||
|
<%= render :partial => "album", :object => album %>
|
||||||
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="rghead">
|
|
||||||
<div class="rgfn">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<script type="text/javascript">
|
|
||||||
</script>
|
|
||||||
<% content_for :page_specific_javascript do %>
|
|
||||||
<%= javascript_include_tag "galleryAPI_frontend" %>
|
|
||||||
<%#= javascript_include_tag "jquery.tinyscrollbar" %>
|
|
||||||
<%= javascript_include_tag "rss" %>
|
|
||||||
<% end %>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
galleryAPI.prototype.locale = "<%= I18n.locale %>";
|
|
||||||
var gallery = new galleryAPI();
|
|
||||||
var categories = <%= @categories.to_json.html_safe %>;
|
|
||||||
gallery.initialize();
|
|
||||||
gallery.loadArea = "albums";
|
|
||||||
gallery.loadAlbums(categories);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
|
@ -1,42 +1,12 @@
|
||||||
|
|
||||||
<%= stylesheet_link_tag "gallery_frontend" %>
|
<%= stylesheet_link_tag "gallery_frontend" %>
|
||||||
|
|
||||||
<div id="orbit_gallery" class="rg">
|
<div id="orbit_gallery" class="rg">
|
||||||
<div class="rgbody">
|
<div class="rgbody">
|
||||||
<div id="imgholder">
|
<div id="imgholder">
|
||||||
|
<% @images.each do |image| %>
|
||||||
</div>
|
<%= render :partial => "image", :object => image %>
|
||||||
</div>
|
|
||||||
<!-- tag part -->
|
|
||||||
<!-- add "album_tags" or "photo_tags" class to .taglist -->
|
|
||||||
<div class="taglist">
|
|
||||||
<h3 class="taglist_title"><%= t('gallery.album_tag') %></h3>
|
|
||||||
<ul>
|
|
||||||
<% @tags.each do |tag|%>
|
|
||||||
<li><%= tag %></li>
|
|
||||||
<% end %>
|
<% end %>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- tag end -->
|
</div>
|
||||||
<!-- -->
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<% content_for :page_specific_javascript do %>
|
|
||||||
<%= javascript_include_tag "galleryAPI_frontend" %>
|
|
||||||
<%#= javascript_include_tag "jquery.tinyscrollbar" %>
|
|
||||||
<%= javascript_include_tag "rss" %>
|
|
||||||
<% end %>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
galleryAPI.prototype.locale = "<%= I18n.locale %>";
|
|
||||||
var gallery = new galleryAPI();
|
|
||||||
gallery.initialize();
|
|
||||||
gallery.loadArea = "images";
|
|
||||||
gallery.loadImages("<%= params[:id] %>");
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue