fixed gallery frontend for category display

app/assets/javascripts/basic/orbit_js_1.0.1.js

@@ -541,6 +541,8 @@ function changeStatusHidden() {
 
 // Document Ready
 $(function() {
+    showFiltersOnPageRefresh();
+
     new ini();
     $('#main-wrap').on('click', '.delete', function() {
         api.modal($(this).attr('rel'));
@@ -589,4 +591,35 @@ $(function() {
     }
     formTip()
     sidebarNav();
-});
+});
+
+var showFiltersOnPageRefresh = function(){
+    var params = getUrlVars(),
+        paramfilter = params['new_filter[type]'];
+
+    // switch (paramfilter){
+    //     case "role":
+    //         paramfilter = "status";
+    //         break;
+    // }
+
+    if( paramfilter ){
+        $( "#filter" ).addClass('open');
+        $( '#filter a[href="#collapse-' + paramfilter + '"]').parent().parent().addClass('active');
+        $( '#filter #collapse-' + paramfilter ).addClass('in');
+    }
+}
+
+var getUrlVars = function(){
+    var vars = [], hash;
+    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
+    for(var i = 0; i < hashes.length; i++){
+        hash = hashes[i].split('=');
+        vars.push(decodeURIComponent(hash[0]));
+        vars[decodeURIComponent(hash[0])] = decodeURIComponent(hash[1]);
+    }
+    if(vars[0] == window.location.href){
+        vars =[];
+    }
+    return vars;
+}

app/assets/javascripts/lib/items/items.js.erb

@@ -81,7 +81,7 @@ function customOpenSlide() {
       } else {
         $('#pageslide form').prop('method', 'post')
       };
-      _type == 'page' ? pageSetting(element.data('id'), _edit) : linkSetting(element.data('id'), _edit, pageslide);
+      _type == 'page' ? pageSetting(element.data('id'), _edit, pageslide) : linkSetting(element.data('id'), _edit, pageslide);
     }
   });
   $iFrame.pageslide({
@@ -130,12 +130,13 @@ function iFrameContent() {
     }).css('cursor', 'default');
   }
   $('#pageslide_iframe').load(function() {
-    var $iContents = $(this).contents(),
+      var $iContents = $(this).contents(),
-        $pc = $iContents.find('.page_content');
+            $pc = $iContents.find('.page_content');
-    $(this).get(0).contentWindow.externalFunction(iFrameFunction, $iContents, $pc);
+      iFrameFunction($iContents, $pc);
   });
 }
-function pageSetting(id, edit) {
+
+function pageSetting(id, edit, ps) {
   $pageModule = $('#pageslide #page_module_app_id');
   $pageF2E = $('#pageslide #page_app_frontend_url');
   $pageDivF2E = $('#pageslide #front_url');
@@ -183,23 +184,25 @@ function pageSetting(id, edit) {
 
           if(val.category.length > 0) {
             $.each(val.category, function(index, val) {
-              var _arr = $.inArray($(this)[1], _selectData.module.category[1]);
+              var _arr = $.inArray($(this)[1], _selectData.module.category);
               $pageCategory.append('<label class="checkbox"><input type="checkbox" name="page[category][]" value="'+ $(this)[1] + '">'+ $(this)[0] +'</label>');
-              if(!_selectData.module.category[0] && _arr !== -1) {
+              if(_arr !== -1) {
                 $pageCategory.find('input[type="checkbox"]').eq(index).prop('checked', true);
               }
-              _selectData.module.category[0] ? $pageCategory.siblings('.checkbox').children('.select_all').prop('checked', true) : '';
+              var $all = $pageCategory.siblings('.checkbox').children('.select_all')
+              _selectData.module.category.length > 1 && _selectData.module.category.length == index + 1 ? $all.prop('checked', true) : $all.prop('checked', false);
             });
             $pageCategoryGroup.show();
           }
           if(val.tags.length > 0) {
             $.each(val.tags, function(index, val) {
-              var _arr = $.inArray($(this)[1], _selectData.module.tags[1]);
+              var _arr = $.inArray($(this)[1], _selectData.module.tags);
               $pageTags.append('<label class="checkbox"><input type="checkbox" name="page[tag][]" value="'+ $(this)[1] + '">'+ $(this)[0] +'</label>');
-              if(!_selectData.module.tags[0] && _arr !== -1) {
+              if(_arr !== -1) {
                 $pageTags.find('input[type="checkbox"]').eq(index).prop('checked', true);
               }
-              _selectData.module.tags[0] ? $pageTags.siblings('.checkbox').children('.select_all').prop('checked', true) : '';
+              var $all = $pageTags.siblings('.checkbox').children('.select_all')
+              _selectData.module.tags.length > 1 && _selectData.module.tags.length == index + 1 ? $all.prop('checked', true) : $all.prop('checked', false);
             });
             $pageTagsGroup.show();
           }
@@ -397,12 +400,13 @@ $(function() {
                 if(val.category.length > 0) {
                   $.each(val.category, function(index, val) {
                     if(val !== 0) {
-                      var _arr = _select ? $.inArray($(this)[1], _select.category[1]) : '';
+                      var _arr = _select ? $.inArray($(this)[1], _select.category) : '';
                       $pageCategory.append('<label class="checkbox"><input type="checkbox" name="page[category][]" value="'+ $(this)[1] + '">'+ $(this)[0] +'</label>');
-                      if(_select && !_select.category[0] && _arr !== -1) {
+                      if(_boolean && _arr !== -1) {
                         $pageCategory.find('input[type="checkbox"]').eq(index).prop('checked', true);
                       }
-                      _select && _val == _select.main && _select.category[0] ? $pageCategory.siblings('.checkbox').children('.select_all').prop('checked', true) : '';
+                      var $all = $pageCategory.siblings('.checkbox').children('.select_all');
+                      _boolean && _val == _select.main && _select.category.length > 1 && _select.category.length == index + 1 ? $all.prop('checked', true) : $all.prop('checked', false);
                     }
                   });
                   $pageCategoryGroup.show();
@@ -413,12 +417,13 @@ $(function() {
                 if(val.tags.length > 0) {
                   $.each(val.tags, function(index, val) {
                     if(val !== 0) {
-                      var _arr = _select ? $.inArray($(this)[1], _select.tags[1]) : '';
+                      var _arr = _select ? $.inArray($(this)[1], _select.tags) : '';
                       $pageTags.append('<label class="checkbox"><input type="checkbox" name="page[tag][]" value="'+ $(this)[1] + '">'+ $(this)[0] +'</label>');
-                      if(_select && !_select.tags[0] && _arr !== -1) {
+                      if(_boolean && _arr !== -1) {
                         $pageTags.find('input[type="checkbox"]').eq(index).prop('checked', true);
                       }
-                      _select && _val == _select.main && _select.tags[0] ? $pageTags.siblings('.checkbox').children('.select_all').prop('checked', true) : '';
+                      var $all = $pageTags.siblings('.checkbox').children('.select_all');
+                      _boolean && _val == _select.main && _select.tags.length > 1 && _select.tags.length == index + 1 ? $all.prop('checked', true) : $all.prop('checked', false);
                     }  
                   });
                   $pageTagsGroup.show();
@@ -451,12 +456,16 @@ $(function() {
 
   $('#pageslide').on('change', '.checkbox-groups input', function(event) {
     var $checked = $(this);
+
     if($checked.attr('type') == 'checkbox') {
-      if($checked.hasClass('select_all') && $checked.prop('checked')) {
+      if($checked.hasClass('select_all')) {
-        $checked.closest('.checkbox').siblings('.groups').find('input[type="checkbox"]').prop('checked', false);
+        if($checked.prop('checked')) {
-      } else if($checked.prop('checked') && !$checked.hasClass('lang-enable')) {
+          $checked.closest('.checkbox').siblings('.groups').find('input[type="checkbox"]').prop('checked', true);
-        $checked.closest('.groups').siblings('.checkbox').find('.select_all').prop('checked', false);
+        } else {
-      } else {
+          $checked.closest('.checkbox').siblings('.groups').find('input[type="checkbox"]').prop('checked', false);
+        }
+      } else if($checked.hasClass('lang-enable')) {
+        var checkboxes = $checked.closest('.groups').find('input[type="checkbox"]');
         if($checked.prop('checked')) {
           $checked.closest('.active-link').addClass('active').siblings('active-link').removeClass('active').end().find('.active-mune').slideDown(300);
           if(_status) {
@@ -470,6 +479,14 @@ $(function() {
             $(this).find('input:eq(0)').prop('checked', true);
           })
         }
+      } else {
+        var _l = $checked.closest('.groups').find('input[type="checkbox"]').length,
+            _c = $checked.closest('.groups').find('input[type="checkbox"]:checked').length;
+        if(_l == _c) {
+          $checked.closest('.groups').siblings('.checkbox').find('.select_all').prop('checked', true)
+        } else {
+          $checked.closest('.groups').siblings('.checkbox').find('.select_all').prop('checked', false)
+        };
       }
       return false;
     } else if($checked.attr('type') == 'radio' && !$(this).closest('div').hasClass('active-mune')) {

app/assets/javascripts/lib/modal-preview.js

@@ -1,93 +1,66 @@
-//Preview need a link in form as Ex and a corresponding PUT action in controller
-//Ex preview trigger:
-// <%= link_to "NewPreview", realtime_preview_admin_ad_banner_path(ad_banner_tab) , :class=>'preview_trigger'%>
-
 $(function() {
-	// $(".post_preview").click(function(e){
+	$(".post_preview").click(function(){
-	// 	$("#main-wrap").after("<span id='show_preview'></span>");
-	// 	e.preventDefault();
-	// 	var form = $(this).parents("form").first()
- //        	//var cont = form["content"].value;
- //   //      	$.ajax({
- //   //      		type: 'POST',
- //   //      		url: $(this).attr("href")+'?preview=true',
- //   //      		data: form.serialize(),
- //   //      		dataType: "script",
- //   //      		success: function (msg) {
-	// 		// 		$("#"+start_modal_with_id).modal('show'); },
-	// 		// error: function(){
-	// 		// 	alert("ERROR");
-	// 		// 	}
- //   //      	});
-	// 		url = "/panel/news/back_end/news_bulletins/preview?preview=true"
-	// 		// alert(url)
-	// 		form.attr("action",url);
- //        	form.submit();
-	// 	//return false;
-	// });
-// /panel/announcement/back_end/bulletins/preview 
-	$('#main-wrap').on(clickEvent, '.post_preview, .preview_trigger', function(e) {
 		$("#main-wrap").after("<span id='show_preview'></span>");
-		if($(this).hasClass('post_preview')) {
-			var attrs = e.target.attributes;
-			var url = attrs['url'];
-			$("form.previewable").ajaxSubmit({
-				beforeSubmit: function(a,f,o){
-					o.dataType = 'script';
-					o.url = url.nodeValue;
-					o.type =  'post';
-				},success: function(msg) {
-					$('#show_preview .modal').modal()
-					$('#show_preview .modal').height(function() {
-						return $(window).height() * 0.7;
-					});
-				}
 
+		$.post($(this).attr('url'), $(".previewable").serialize() ,function(data){
+			$('#show_preview .modal').modal();
+			$('#show_preview .modal').height(function() {
+				return $(window).height() * 0.7;
 			});
-		} else if($(this).hasClass('preview_trigger')) {
+		},'script');
-			$.ajax({
-				type: 'PUT',
-				url: $(this).attr("href"),
-				data: $(this).parents("form").serialize(),
-				success: function (msg) {
-					$('#show_preview .modal').modal();
-					$('#show_preview .modal').height(function() {
-						return $(window).height() * 0.7;
-					});
-				},
-				error: function(){
-					alert("ERROR");
-				}
-			});
-			return false;
-		}
 	});
-	// $("a.preview_trigger").on('click',function(){
+	$(".preview_trigger").click(function(){
+		$("#main-wrap").after("<span id='show_preview'></span>");
+		$.ajax({
+			type: 'PUT',
+			url: $(this).attr("href"),
+			data: $(this).parents("form").serialize(),
+			success: function (msg) {
+				$('#show_preview .modal').modal();
+				$('#show_preview .modal').height(function() {
+					return $(window).height() * 0.7;
+				});
+			},
+			error: function(){
+				alert("ERROR");
+			}
+		});
+		return false;
+	});
+	// $('#main-wrap').on(clickEvent, '.post_preview, .preview_trigger', function(e) {
 	// 	$("#main-wrap").after("<span id='show_preview'></span>");
-	// 	$.ajax({
+	// 	if($(this).hasClass('post_preview')) {
-	// 		type: 'PUT',
+	// 		var attrs = e.target.attributes;
-	// 		url:$(this).attr("href"),
+	// 		var url = attrs['url'];
-	// 		data:$(this).parents("form").serialize(),
+	// 		$("form.previewable").ajaxSubmit({
-	// 		success: function (msg) {
+	// 			beforeSubmit: function(a,f,o){
-	// 				$("#"+start_modal_with_id).modal('show'); },
+	// 			o.dataType = 'script';
-	// 		error: function(){
+	// 			o.url = url.nodeValue;
-	// 			alert("ERROR");
+	// 			o.type =  'post';
+	// 		},success: function(msg) {
+				// $('#show_preview .modal').modal()
+				// $('#show_preview .modal').height(function() {
+				// 	return $(window).height() * 0.7;
+				// });
+	// 		}
+
+	// 		});
+	// 	} else if($(this).hasClass('preview_trigger')) {
+	// 		$.ajax({
+	// 			type: 'PUT',
+	// 			url: $(this).attr("href"),
+	// 			data: $(this).parents("form").serialize(),
+	// 			success: function (msg) {
+	// 				$('#show_preview .modal').modal();
+	// 				$('#show_preview .modal').height(function() {
+	// 					return $(window).height() * 0.7;
+	// 				});
+	// 			},
+	// 			error: function(){
+	// 				alert("ERROR");
 	// 			}
-	// 	});  
+	// 		});
-	// 	return false;
+	// 		return false;
+	// 	}
 	// });
-	// $("form.nccu_ajax_form").ajaxForm({
- //        beforeSubmit: function(a,f,o) {
- //        	// if(clicked_what.hasClass("post_preview")){
- //         //          $("#main-wrap").after("<span id='show_preview'></span>");
- //         //          o.dataType = 'script';
- //         //          o.url = clicked_what.attr("url");
- //         //    }
- //        },
- //        success: function(data) {
- //             // if(!clicked_what.hasClass("post_preview")){
- //             //    window.location = data.redirect_url;
- //             // }
- //          }
- //    })
 });

app/controllers/admin/page_parts_controller.rb

@@ -95,9 +95,7 @@ class Admin::PagePartsController < OrbitBackendController
       set_children_sub_menu(@part) if @part.public_r_tag && @part.public_r_tag.eql?('sub_menu')
       flash.now[:notice] = t('update.success.content')
       respond_to do |format|
-        format.html { 
+        format.js
-          redirect_to admin_page_url(@part.page, edit: true)
-        }
       end
     else
       @id = params[:id]

app/controllers/admin/pages_controller.rb

@@ -60,8 +60,8 @@ class Admin::PagesController < Admin::ItemsController
       m = {}
       m["main"] = page.module_app_id.to_s
       m["sub"] = page.app_frontend_url
-      m["category"] = page.category.present? ? [0, page.category.map{|c| c.to_s}] : [1]
+      m["category"] = page.category.present? ? page.category.map{|c| c.to_s} : []
-      m["tags"] = page.tag.present? ? [0, page.tag.map{|c| c.to_s}] : [1]
+      m["tags"] = page.tag.present? ? page.tag.map{|c| c.to_s} : []
       m["public"] = page.is_published ? 1 : 0
       m["link"] = @site_valid_locales.inject([]) do |link, locale|
         link << [locale, (page.enabled_for && page.enabled_for.include?(locale)) ? 1 : 0, (page.menu_enabled_for && page.menu_enabled_for[locale].eql?('true')) ? 1 :0]

app/views/admin/page_parts/edit.html.erb

@@ -3,8 +3,7 @@
 <% content_for :page_specific_javascript do %>
   <%= javascript_include_tag "lib/items/page_part" %>
 <% end %>
-
+<%= form_for @part, url: {action: "update"}, :remote=>true, html: { class: "form-horizontal main-forms"} do |f| %>
-<%= form_for @part, url: admin_page_part_path(@part), html: { class: "form-horizontal main-forms"} do |f| %>
   <%= f.error_messages %>
   <div class="btn-group" data-toggle="buttons-radio">
     <label href="#none" class="btn btn-large" data-toggle="tab">
@@ -81,7 +80,7 @@
             <div class="control-group input-content">
               <%= f.label :locale, "#{t(:title)} #{I18nVariable.from_locale(locale)}", class: "control-label muted" %>
               <div class="controls">
-                <%= f.text_field locale, class: 'input-xlarge page_title', placeholder: "#{t(:title)} #{I18nVariable.from_locale(locale)}", id: locale %>
+                <%= f.text_field locale, class: 'input-xlarge page_title', placeholder: "#{t(:title)} #{I18nVariable.from_locale(locale)}", id: locale, :value => (@part.title_translations[locale] rescue nil) %>
               </div>
             </div>
           <% end %>
@@ -102,13 +101,13 @@
           <%= f.label :categories, t(:categories), class: "control-label muted" %>
           <div class="controls">
             <%= content_tag :label, class: "checkbox" do %>
-              <%= check_box_tag nil, nil, true, class: "select_all" %> <%= t(:all) %>
+              <%= check_box_tag nil, nil, false, class: "select_all" %> <%= t(:all) %>
             <% end %>
             <div class="groups" id="page-category">
               <%= content_tag_for(:label, @module_app_categories, class: "checkbox inline") do |category|%>
-                <%= check_box_tag("page_part[tag][]", category.id, (@part.category.include?(category.id) rescue false) ) %>
+                <%= check_box_tag("page_part[category][]", category.id, (@part.category.include?(category.id.to_s) rescue false) ) %>
                 <%= category.title %>
-              <% end if @module_app_tags %>
+              <% end if @module_app_categories %>
             </div>
           </div>
         </div> 
@@ -120,7 +119,7 @@
             <% end %>
             <div class="groups" id="page-tags">
               <%= content_tag_for(:label, @module_app_tags, class: "checkbox inline") do |tag|%>
-                <%= check_box_tag("page_part[tag][]", tag.id, (@part.tag.include?(tag.id) rescue false) ) %>
+                <%= check_box_tag("page_part[tag][]", tag.id, (@part.tag.include?(tag.id.to_s) rescue false) ) %>
                 <%= tag.name %>
               <% end if @module_app_tags %>
             </div>
@@ -161,3 +160,10 @@
     $.getScript($(this).attr('rel') + '?type=' + $(this).val() + "&id=" + "<%= @part.id %>" );
   });
 </script>
+<script>
+function toggleChecked(status) {
+$(".checkbox").each( function() {
+$(this).attr("checked",status);
+})
+}
+</script>

app/views/admin/page_parts/update.js.erb

@@ -0,0 +1 @@
+window.location.href="<%= admin_page_url(@part.page, edit: true) %>"

app/views/admin/users_new_interface/index.html.erb

@@ -24,12 +24,12 @@
   <ul class="nav nav-pills filter-nav pull-right">
     <li class="accordion-group">
       <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>
     </li>
   </ul>
   <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"%>
 

app/views/shared/preview/_modal_preview.html.erb

@@ -13,13 +13,21 @@
   <div>
     <script type="text/javascript" src="/assets/kernel.js"></script>
     <script type="text/javascript">
+      var preview_img;
+
       $(function() {
         $("iframe").load(function() {
           // Get the body element
           var frameBody = $("iframe").contents().find('body');
           // Get all links inside the BODY tag
           $("iframe").contents().find('#orbit-bar').hide();
+
+          $('.thumbnail').each(function(){
+            if($(this).children('img').length) preview_img = $(this).children('img').attr('src');
+          });
           
+          InsertPreviewImage();
+
           frameBody.find('a').click(function(e){
             //Disable all default actions
             e.preventDefault();
@@ -30,6 +38,14 @@
           $("#show_preview").remove();
         });
       });
+
+      function InsertPreviewImage(){
+        if($("iframe").contents().find('.news_image').length){
+          $("iframe").contents().find('.news_image').append("<a href='' target='_blank'><img src='"+preview_img+"' width='320' height='240' /></a>");
+        }else{
+          setTimeout(InsertPreviewImage,1000);
+        }
+      }
     </script>
   </div>
 </div>

vendor/built_in_modules/gallery/app/assets/javascripts/gallery.js

@@ -239,7 +239,7 @@ $(function() {
 		}
 	});
 	var fetchNewImages = function(){
-		var lastid = $("li.rgalbum:last").data("image-id"),
+		var lastid = ( $("li.rgalbum:last").length ? $("li.rgalbum:last").data("image-id") : null),
 			albumid = $("#fileupload_aid").val();
 
 		$.ajax({

vendor/built_in_modules/gallery/app/assets/javascripts/galleryAPI.js.erb

@@ -13,6 +13,7 @@ var galleryAPI = function(){
 	this.loading = $("#loading");
 	
 	this.loadTheater = function(id){
+		$( ".breadcrumb li:eq(1) a" ).attr("href","/panel/gallery/back_end/albums");
 		g.loadstart();
 		var imageArray;
 		var imagecount = 0;

vendor/built_in_modules/gallery/app/assets/javascripts/galleryAPI_frontend.js.erb

@@ -41,32 +41,11 @@ var galleryAPI = function(){
 
 	}
 	
-	this.loadAlbums = function(id){
+	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();
-		if(id!="all"){
+		$.getJSON("/panel/gallery/front_end/get_albums",{"cid":cids,"inner":true},function(categories){
-			var cids = [];
-			var tids = [];
-			var href = null;
-		    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
-		    for(var i = 0; i < hashes.length; i++){
-		        hash = hashes[i].split('=');
-		        if(hash[0]=="cat"){
-		        	cids.push(hash[1]);
-		        	href = "cat="+hash[1];
-		    	}else if(hash[0]=="tag"){
-		    		tids.push(hash[1]);
-		    		href = "tag="+hash[1];
-		    	}
-		        $("#filter .filter_btns a[href='"+href+"']").addClass("active");
-		    }
-		    if(cids.length == 0)
-		    		cids = "all";
-		}else{
-			var cids = "all";
-		}
-		$.getJSON("/panel/gallery/front_end/get_albums",{"cid":cids,"tid":tids,"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') %>")

vendor/built_in_modules/gallery/app/assets/stylesheets/gallery.css

@@ -17,7 +17,7 @@
 #orbit_gallery .rgalbum:hover {
 	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
 }
-#orbit_gallery .rgalbum a {
+#orbit_gallery .rgalbum > a {
 	position: relative;
 	display: block;
 	overflow: hidden;
@@ -35,7 +35,7 @@
 #orbit_gallery .rgalbum:hover a img {
 	-webkit-filter: blur(2px);
 }
-#orbit_gallery .rgalbum a:after {
+#orbit_gallery .rgalbum > a:after {
 	content: "";
 	position: absolute;
 	top: 0;
@@ -95,15 +95,24 @@
 	display: inline-block;
 	float: left;
 	color: #777777;
-	font-size: 11px;
+	font-size: 1.2em;
 	line-height: 20px;
 	cursor: pointer;
 }
+#orbit_gallery .rgalbum .gallery_info li > a {
+	display: inline-block;
+	margin-left: 5px;
+	color: #777777;
+}
+#orbit_gallery .rgalbum .gallery_info li:hover > a {
+	color: #E41B2B;
+	text-decoration: none;
+}
 #orbit_gallery .rgalbum .gallery_info li:hover {
 	color: #0088CC;
 }
 #orbit_gallery .rgalbum .gallery_info li .icons-tag {
-	margin-left: 10px;
+	margin-left: 3px;
 }
 #orbit_gallery .rgalbum .gallery_info li.albumcateg {
 	float: right;
@@ -230,6 +239,7 @@
 #imgholder .rgalbum a img {
 	max-width: none;
 }
+
 #imgholder .rgalbum .check {
 	position: absolute;
 	top: 0;

vendor/built_in_modules/gallery/app/assets/stylesheets/gallery_old.css

@@ -557,8 +557,8 @@
 }
 
 #loading{
-	background: #fff 0 center url("../../../assets/gallery/ajax-loader.gif") no-repeat;
+	background: #fff 0 center url("../../../assets/loading.gif") no-repeat;
     height: 16px;
     margin: auto;
-    width: 32px;
+    width: 220px;
 }

vendor/built_in_modules/gallery/app/controllers/panel/gallery/back_end/albums_controller.rb

@@ -155,10 +155,15 @@ class Panel::Gallery::BackEnd::AlbumsController < OrbitBackendController
     render :json=>{"files"=>a}.to_json
   end
 
-  def new_images  
+  def new_images 
-    @lastimage = GalleryImage.find(params[:last_image_id])
+    if params[:last_image_id] != ""
-    @album = GalleryAlbum.find(params[:album_id])
+      @lastimage = GalleryImage.find(params[:last_image_id])
-    @newimages = @album.gallery_images.where(:created_at.gt => @lastimage.created_at)
+      @album = GalleryAlbum.find(params[:album_id])
+      @newimages = @album.gallery_images.where(:created_at.gt => @lastimage.created_at)
+    else
+      @album = GalleryAlbum.find(params[:album_id])
+      @newimages = @album.gallery_images
+    end
     render :layout=>false
   end
 
@@ -184,9 +189,11 @@ class Panel::Gallery::BackEnd::AlbumsController < OrbitBackendController
         tagsToDestroy << tag
         end
     end
-    new_tags.each do |tag|
+    if new_tags != nil
-      if !old_tags.include?(tag)
+      new_tags.each do |tag|
-        tagsToAdd << tag
+        if !old_tags.include?(tag)
+          tagsToAdd << tag
+        end
       end
     end
     update_children_image_tag(tagsToDestroy,tagsToAdd)

vendor/built_in_modules/gallery/app/controllers/panel/gallery/front_end/albums_controller.rb

@@ -1,5 +1,6 @@
 class Panel::Gallery::FrontEnd::AlbumsController < OrbitWidgetController
   def index
+    @categories = params[:category_id]
   end
 
   def show
@@ -9,36 +10,10 @@ class Panel::Gallery::FrontEnd::AlbumsController < OrbitWidgetController
 
   def get_albums
     @categoryids = params["cid"]
-    @tags = params["tid"]
     @albums = Array.new
-    if @categoryids == "all"
+    @albums << GalleryAlbum.where(:category_id.in => @categoryids)
-      if @tags
+
-        if @tags.kind_of?(Array)
+   
-          @tags.each do |tag|
-            @albums << GalleryAlbum.where(tagged_ids: tag)
-          end
-        else
-          @albums <<  GalleryAlbum.where(tagged_ids: @tags)
-        end
-      else
-        @albums << GalleryAlbum.all
-      end
-    else
-      @categoryids.each do |id|
-        category = Category.find(id)
-        if @tags
-          if @tags.kind_of?(Array)
-            @tags.each do |tag|
-              @albums << category.gallery_albums.where(tagged_ids: tag)
-            end
-          else
-            @albums << category.gallery_albums.where(tagged_ids: @tags)
-          end
-        else
-          @albums << category.gallery_albums.all
-        end
-      end
-    end
     @output =  Array.new
     @albums.each do |album|
       @albs = Array.new

vendor/built_in_modules/gallery/app/views/panel/gallery/back_end/albums/_album.html.erb

@@ -8,9 +8,10 @@
     <p class="albumname"><%= album.name %></p>
   </a>
   <ul class="gallery_info clearfix">
-    <li class="view"><i class="icons-eye"></i> 321</li>
+    <!-- <li class="view"><i class="icons-eye"></i> 321</li> -->
     <li><i class="icons-tag"></i></li>
-    <li class="albumcateg"></li>
+    <li><%= link_to (content_tag(:i,"",:class=>"icon-trash danger")), panel_gallery_back_end_album_path(album), :confirm => "Are you sure?", :method=>:delete %></li>
+    <li class="albumcateg"><%= Category.find(album.category_id).title %></li>
   </ul>
   <ul class="albumtag">
     <% album.tagged_ids.each do |tag| %>

vendor/built_in_modules/gallery/app/views/panel/gallery/back_end/albums/_form.html.erb

@@ -63,15 +63,9 @@
               <div class="nav-name"><strong>Language</strong></div>
                  <ul class="nav nav-pills language-nav">
                   <% @site_valid_locales.each_with_index do |locale, i| %>
-                   <% if i == 0 %>
+                      <li <%= (i == 0 ? 'class=active' : '') %>>
-                      <li class="active">
+                        <a href=".<%= locale %>" data-toggle="tab"><%= I18nVariable.from_locale(locale) %></a>
-                        <a href=".en" data-toggle="tab">English</a>
                       </li>
-                   <% else %>
-                      <li>
-                        <a href=".tw_zh" data-toggle="tab">Chinese</a>
-                      </li>
-                   <% end %>
                    <% end %>
                 </ul>
                 <div class="tab-content language-area">
@@ -79,11 +73,8 @@
                
                  
                     <% @site_valid_locales.each_with_index do |locale, i| %>
-                       <% if i == 0 %>
+
-                         <div class="tab-pane fade in active en">
+                         <div class="tab-pane fade in <%= (i == 0 ? 'active' : '') %> <%= locale %>">
-                       <% else %>
-                          <div class="tab-pane fade tw_zh">
-                        <% end %>
                           <div class="control-group input-title">
                             <%= f.fields_for :name_translations do |name| %>
                                 <%= label_tag(locale, t("gallery.album_name"),:class=>"control-label muted") %>

vendor/built_in_modules/gallery/app/views/panel/gallery/back_end/albums/index.html.erb

@@ -4,6 +4,12 @@
                 values: @tags,
                 translation: 'tags',
                 object_field: 'name'
+
+  filter_field  type: 'objects',
+                values: @categories,
+                translation: 'category',
+                object_field: 'title'
+                
   footer  link: 'new_panel_gallery_back_end_album_path',
           paginate: false
 end %>

vendor/built_in_modules/gallery/app/views/panel/gallery/back_end/albums/show.html.erb

@@ -19,7 +19,7 @@
     <a href="#view-photo-tags" class="btn btn-primary btn-small addtags open hide" for="batch"><i class="icons-tag"></i> Add Tags</a>
     <a href="<%= edit_panel_gallery_back_end_album_path(@album) %>" class="btn btn-small btn-success"><i class="icon-edit"></i> Edit</a>
     <b class="divider"></b>
-    <%= link_to (content_tag(:i,"",:class=>"icon-trash")), panel_gallery_back_end_album_path(@album), :class=>"btn btn-small btn-danger", :confirm => "Are you sure?", :method=>:delete %>
+   
     <a href="#" class="add-imgs btn btn-small btn-primary"><i class="icons-plus"></i> Add Image</a>
   </div>
   <form action="<%= panel_gallery_back_end_upload_image_path %>", id='fileupload'>

vendor/built_in_modules/gallery/app/views/panel/gallery/front_end/albums/index.html.erb

@@ -27,16 +27,9 @@
 <script type="text/javascript">
   galleryAPI.prototype.locale = "<%= I18n.locale %>";
   var gallery = new galleryAPI();
+  var categories = <%= @categories.to_json.html_safe %>;
   gallery.initialize();
-  if(typeof gallery.urlVars['cat']!= "undefined"){
+  gallery.loadArea = "albums";
-       gallery.loadArea = "albums";
+  gallery.loadAlbums(categories);
-       gallery.loadAlbums(gallery.urlVars['cat']);
-    }else if(typeof gallery.urlVars['tag']!= "undefined"){
-        gallery.loadArea = "albums";
-        gallery.loadAlbums(gallery.urlVars['tag']);
-    }else{
-      gallery.loadArea = "albums";
-      gallery.loadAlbums("all");
-    }
 </script>
 

vendor/built_in_modules/gallery/app/views/panel/gallery/front_end/albums/show.html.erb

@@ -18,10 +18,7 @@
     </ul>
   </div>
   <!-- tag end -->
-  <div class="form-actions form-fixed pagination-right rghead">
+  <!--  -->
-    <div class="rgfn">
-   		<a class="bt-back rgbt" title="<%= I18n.t("gallery.back_to_albums") %>" href="<%= panel_gallery_front_end_albums_path %>"><i class="icon-arrow-left"></i> <%= I18n.t("gallery.back_to_albums") %></a>
-  </div>
 </div>
 </div>