Function calculateView

scripts/reading.js:671–782

(first = false)

var rightSize = {}; // Right content size

function calculateView(first = false)
{
	let contentRight = template._contentRight();

	let content = contentRight.firstElementChild;
	let rect = content.getBoundingClientRect();

	rightSize = {
		height: rect.height,
		width: rect.width,
		top: rect.top,
		left: rect.left,
		// readingRect: content.querySelector('.reading-body').getBoundingClientRect(),
		scrollHeight: content.scrollHeight,
	};

	if(readingViewIs('compact'))
	{
		dom.this(contentRight).find('.reading-body > div, .reading-lens > div > div', true).css({
			width: rect.width+'px',
			height: rect.height+'px',
			flexDirection: '',
		}).addClass('compact', readingView());
	}
	else if(readingViewIs('slide'))
	{
		dom.this(contentRight).find('.reading-body > div, .reading-lens > div > div', true).css({
			width: (rect.width * indexNum)+'px',
			height: rect.height+'px',
			flexDirection: '',
		}).removeClass('compact', 'fade', 'rough-page-turn', 'smooth-page-turn');
	}
	else if(readingViewIs('scroll'))
	{
		dom.this(contentRight).find('.reading-body > div').css({
			width: '100%',
			flexDirection: 'column',
		}).removeClass('compact', 'fade', 'rough-page-turn', 'smooth-page-turn');

		dom.this(contentRight).find('.reading-lens > div > div').css({
			width: rect.width+'px',
			flexDirection: 'column',
		}).removeClass('compact', 'fade', 'rough-page-turn', 'smooth-page-turn');

		rect = content.getBoundingClientRect();

		rightSize = {
			height: rect.height,
			width: rect.width,
			top: rect.top,
			left: rect.left,
			// readingRect: content.querySelector('.reading-body').getBoundingClientRect(),
			scrollHeight: content.scrollHeight,
		};
	}

	if(readingViewIs('scroll'))
	{