source/js/components/Sections.js
/**
	 * Create HTML of section by data and index section
	 *
	 * @returns {String} HTML
	 */
Create HTML of section by data and index section
@returns {String} HTML
Create HTML of section by data and index section @returns { String } HTML
createSection(section, index) {
		const items = this.items || this.options.items;
		const item = `
			<div class="leplayer-section ${!index ? 'leplayer-section--active' : ''}"
				data-begin="${section.begin}"
				data-index="${index.toString()}"
				data-end="${section.end}">
				<div class="leplayer-section-time">${secondsToTime(section.begin)}</div>
				<div class="leplayer-section-info">
					<div class="leplayer-section-next-info">
						${section.nextInfo || 'Следующая секция начнется через'}
						<span class="time">${secondsToTime(items[0].end)}</span>
					</div>
					${
						section.title != null ?
							`<div class="leplayer-section-title">${section.title}</div>`
						: ''
					}
					${
						section.description != null ?
							`<div class="leplayer-section-description">${section.description}</div>`
						: ''
					}
				</div>
			</div>
		`.trim()
		return item
	}
createSection ( section , index ) { const items = this . items || this . options . items ; const item = ` ${ ! index ? 'leplayer-section--active' : '' } ${ section . begin } ${ index . toString ( ) } ${ section . end } ${ secondsToTime ( section . begin ) } ${ section . nextInfo || 'Следующая секция начнется через'} ${ secondsToTime ( items [ 0 ] . end ) } ${ section . title != null ? ` ${ section . title } ` : '' } ${ section . description != null ? ` ${ section . description } ` : '' } ` . trim ( ) return item }
Create HTML of section by data and index section
 @returns {String} HTML
Create HTML of section by data and index section @returns { String } HTML