aboutsummaryrefslogtreecommitdiff
path: root/public/scripts/read_mode.js
blob: 13b3ecf5acc32219ee8a08b0415f740cd6e65d40 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
var read_mode_on = false;
var scroll_auto = false;

function read_mode () {
	read_mode_on = true;
	
	// global
	$('#global').css({
		'background': '#ddd'
	});
	$('#main_aside').animate ({width: 0}, 500, function () {
		$('#main_aside').hide ();
	});
	$('#top').animate ({height: 0}, 500, function () {
		$('#top').hide ();
	});
	$('#main').animate({
		'width': 800,
		'padding-left': ($(window).width() - 800) / 2,
	});
	$('#main').css({
		'background': '#ddd'
	});
	$('#stream').addClass ('read_mode');
	$('ul.pagination').fadeOut (500);
	
	// posts
	$('.post.flux .content').slideDown (500);
	
	// mode endless auto
	scroll_auto = true;
	$(window).scroll (function () {
		offset = $('#load_more').offset ();
		
		if (offset.top - $(window).height () <= $(window).scrollTop ()
		 && !load
		 && url_next_page !== undefined
		 && scroll_auto) {
			load_more_posts ();
		}
	});
}
function un_read_mode () {
	read_mode_on = false;
	
	// global
	$('#global').css({
		'background': '#fafafa'
	});
	$('#main_aside').show ();
	$('#main_aside').animate ({width: 250});
	$('#top').show ();
	$('#top').animate ({height: 50});
	$('#main').animate({
		'width': '100%',
		'padding-left': 250,
	});
	$('#main').css({
		'background': '#fafafa'
	});
	$('#stream').removeClass ('read_mode');
	$('ul.pagination').fadeIn (500);
	
	// posts
	if (hide_posts) {
		$('.post.flux .content').slideUp (500);
	}
	
	// mode endless auto desactivé
	scroll_auto = false;
}

$(document).ready (function () {
	$('#global').append ('<a id="read_mode" href="#">&nbsp;</a>');
	
	$('a#read_mode').click (function () {
		if (read_mode_on) {
			un_read_mode ();
		} else {
			read_mode ();
		}
		
		return false;
	});
});