feature 2587: theme elegant, new version

git-svn-id: http://piwigo.org/svn/trunk@13730 68402e56-0260-453c-a942-63ccdbb3a9ee
2026-08-06 17:02:45 +02:00 · 2012-03-25 19:23:03 +00:00
parent 186186a028
commit 2b005db9f7
11 changed files with 840 additions and 252 deletions
@@ -0,0 +1,176 @@
+/**
+ * Cookie plugin
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ */
+jQuery.cookie=function(name,value,options){if(typeof value!='undefined'){options=options||{};if(value===null){value='';options=jQuery.extend({},options);options.expires=-1;}
+var expires='';if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000));}else{date=options.expires;}
+expires='; expires='+date.toUTCString();}
+var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('');}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break;}}}
+return cookieValue;}};
+
+if (jQuery.cookie('picture-menu') == 'visible') {
+	jQuery("head").append("<style type=\"text/css\">#content.contentWithMenu, #the_page > .content {margin-left:240px;}</style>");
+} else {
+	jQuery("head").append("<style type=\"text/css\">#the_page #menubar {display:none;} #content.contentWithMenu, #the_page > .content {margin-left:35px;}</style>");
+}
+
+function hideMenu(delay) {
+	var menubar=jQuery("#menubar");
+	var menuswitcher=jQuery("#menuSwitcher");
+	var content=jQuery("#the_page > .content");
+	var pcontent=jQuery("#content");
+	
+	menubar.hide(delay);
+	menuswitcher.addClass("menuhidden").removeClass("menushown");
+	content.addClass("menuhidden").removeClass("menushown");
+	pcontent.addClass("menuhidden").removeClass("menushown");
+	jQuery.cookie('picture-menu', 'hidden', {path: "/"});
+	
+}
+
+function showMenu(delay) {
+
+	var menubar=jQuery("#menubar");
+	var menuswitcher=jQuery("#menuSwitcher");
+	var content=jQuery("#the_page > .content");
+	var pcontent=jQuery("#content");
+
+	menubar.show(delay);
+	menuswitcher.addClass("menushown").removeClass("menuhidden");
+	content.addClass("menushown").removeClass("menuhidden");
+	pcontent.addClass("menushown").removeClass("menuhidden");
+	jQuery.cookie('picture-menu', 'visible', {path: "/"});
+	
+}
+
+function hideInfo(delay) {
+
+	var imageInfos=jQuery("#imageInfos");
+	var infoswitcher=jQuery("#infoSwitcher");
+	var theImage=jQuery("#theImage");
+	
+	imageInfos.hide(delay);
+	infoswitcher.addClass("infohidden").removeClass("infoshown");
+	theImage.addClass("infohidden").removeClass("infoshown");
+	jQuery.cookie('side-info', 'hidden', {path: "/"});
+
+}
+
+function showInfo(delay) {
+
+	var imageInfos=jQuery("#imageInfos");
+	var infoswitcher=jQuery("#infoSwitcher");
+	var theImage=jQuery("#theImage");
+	
+	imageInfos.show(delay);
+	infoswitcher.addClass("infoshown").removeClass("infohidden");
+	theImage.addClass("infoshown").removeClass("infohidden");
+	jQuery.cookie('side-info', 'visible', {path: "/"});
+
+}
+
+jQuery("document").ready(function(jQuery){
+	
+	// side-menu show/hide
+
+	var sidemenu = jQuery.cookie('picture-menu');
+	var menubar=jQuery("#menubar");
+
+	if (menubar.length == 1) {
+
+		jQuery("#menuSwitcher").html("<div class=\"switchArrow\">&nbsp;</div>");
+
+		// if cookie says the menu is hiding, keep it hidden!
+		if (sidemenu == 'visible') {
+			showMenu(0);
+		} else {
+			hideMenu(0);
+		}
+	
+		jQuery("#menuSwitcher").click(function(){
+			if (jQuery("#menubar").is(":hidden")) {
+				showMenu(0);
+				return false;
+			} else {
+				hideMenu(0);
+				return false;
+			}
+		});
+	
+	}
+
+	// info show/hide
+	
+	var sideinfo = jQuery.cookie('side-info');
+	var imageInfos=jQuery("#imageInfos");
+
+	if (imageInfos.length == 1) {
+
+		jQuery("#infoSwitcher").html("<div class=\"switchArrow\">&nbsp;</div>");
+
+		// if cookie says the menu is hiding, keep it hidden!
+		if (sideinfo == 'hidden') {
+			hideInfo(0);
+		} else {
+			showInfo(0);
+		}
+	
+		jQuery("#infoSwitcher").click(function(){
+			if (jQuery("#imageInfos").is(":hidden")) {
+				showInfo(0);
+				return false;
+			} else {
+				hideInfo(0);
+				return false;
+			}
+		});
+	
+	}
+
+	// comments show/hide
+
+	var commentsswicther=jQuery("#commentsSwitcher");
+	var comments=jQuery("#thePicturePage #comments");
+	
+	commentsswicther.html("<div class=\"switchArrow\">&nbsp;</div>");
+	
+	if (comments.length == 1) {
+		var comments_button=jQuery("#comments h3");
+
+		if (comments_button.length == 0) {
+			jQuery("#addComment").before("<h3>Comments</h3>");
+			comments_button=jQuery("#comments h3");
+		}
+	
+		if (jQuery.cookie('comments') == 'visible') {
+			comments.addClass("commentsshown");
+			comments_button.addClass("comments_toggle").addClass("comments_toggle_off");
+		} else {
+			comments.addClass("commentshidden");
+			comments_button.addClass("comments_toggle").addClass("comments_toggle_on");
+		}
+		
+		comments_button.click(function() { commentsToggle() });
+		commentsswicther.click(function() { commentsToggle() });
+	
+	}
+	
+	
+});
+
+function commentsToggle() {
+	var comments=jQuery("#thePicturePage #comments");
+	var comments_button=jQuery("#comments h3");
+
+	if (comments.hasClass("commentshidden")) {
+			comments.removeClass("commentshidden").addClass("commentsshown");
+			comments_button.addClass("comments_toggle_off").removeClass("comments_toggle_on");;
+			jQuery.cookie('comments', 'visible', {path: "/"});
+		} else {
+			comments.addClass("commentshidden").removeClass("commentsshown");
+			comments_button.addClass("comments_toggle_on").removeClass("comments_toggle_off");;
+			jQuery.cookie('comments', 'hidden', {path: "/"});
+		}
+
+}