hedgedoc/public/js/slide.js

204 lines
5.8 KiB
JavaScript
Raw Normal View History

/* eslint-env browser, jquery */
/* global serverurl, Reveal, RevealMarkdown */
2016-10-09 20:25:35 -04:00
import { preventXSS } from './render'
import { md, updateLastChange, removeDOMEvents, finishView } from './extra'
2016-10-09 20:25:35 -04:00
require('../css/extra.css')
require('../css/site.css')
const body = preventXSS($('.slides').text())
window.createtime = window.lastchangeui.time.attr('data-createtime')
window.lastchangetime = window.lastchangeui.time.attr('data-updatetime')
updateLastChange()
const url = window.location.pathname
$('.ui-edit').attr('href', `${url}/edit`)
$('.ui-print').attr('href', `${url}?print-pdf`)
2017-01-05 03:17:28 -05:00
$(document).ready(() => {
// tooltip
$('[data-toggle="tooltip"]').tooltip()
})
function extend () {
const target = {}
for (const source of arguments) {
for (const key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key]
}
}
}
2017-01-05 03:17:28 -05:00
return target
}
// Optional libraries used to extend on reveal.js
const deps = [
{
src: `${serverurl}/build/reveal.js/lib/js/classList.js`,
condition () {
return !document.body.classList
}
},
{
src: `${serverurl}/build/reveal.js/plugin/notes/notes.js`,
async: true,
condition () {
return !!document.body.classList
}
}
]
const slideOptions = {
separator: '^(\r\n?|\n)---(\r\n?|\n)$',
verticalSeparator: '^(\r\n?|\n)----(\r\n?|\n)$'
}
const slides = RevealMarkdown.slidify(body, slideOptions)
$('.slides').html(slides)
RevealMarkdown.initialize()
removeDOMEvents($('.slides'))
$('.slides').show()
// default options to init reveal.js
2017-01-05 03:17:28 -05:00
const defaultOptions = {
controls: true,
progress: true,
slideNumber: true,
history: true,
center: true,
transition: 'none',
dependencies: deps
}
// options from yaml meta
const meta = JSON.parse($('#meta').text())
const metaSlideOptions = !!meta && !!meta.slideOptions ? meta.slideOptions : {}
let options =
{
autoPlayMedia: metaSlideOptions.autoPlayMedia,
autoSlide: metaSlideOptions.autoSlide,
autoSlideStoppable: metaSlideOptions.autoSlideStoppable,
backgroundTransition: metaSlideOptions.backgroundTransition,
center: metaSlideOptions.center,
controls: metaSlideOptions.controls,
controlsBackArrows: metaSlideOptions.controlsBackArrows,
controlsLayout: metaSlideOptions.controlsLayout,
controlsTutorial: metaSlideOptions.controlsTutorial,
defaultTiming: metaSlideOptions.defaultTiming,
display: metaSlideOptions.display,
embedded: metaSlideOptions.embedded,
fragmentInURL: metaSlideOptions.fragmentInURL,
fragments: metaSlideOptions.fragments,
hash: metaSlideOptions.hash,
height: metaSlideOptions.height,
help: metaSlideOptions.help,
hideAddressBar: metaSlideOptions.hideAddressBar,
hideCursorTime: metaSlideOptions.hideCursorTime,
hideInactiveCursor: metaSlideOptions.hideInactiveCursor,
history: metaSlideOptions.history,
keyboard: metaSlideOptions.keyboard,
loop: metaSlideOptions.loop,
margin: metaSlideOptions.margin,
maxScale: metaSlideOptions.maxScale,
minScale: metaSlideOptions.minScale,
minimumTimePerSlide: metaSlideOptions.minimumTimePerSlide,
mobileViewDistance: metaSlideOptions.mobileViewDistance,
mouseWheel: metaSlideOptions.mouseWheel,
navigationMode: metaSlideOptions.navigationMode,
overview: metaSlideOptions.overview,
parallaxBackgroundHorizontal: metaSlideOptions.parallaxBackgroundHorizontal,
parallaxBackgroundImage: metaSlideOptions.parallaxBackgroundImage,
parallaxBackgroundSize: metaSlideOptions.parallaxBackgroundSize,
parallaxBackgroundVertical: metaSlideOptions.parallaxBackgroundVertical,
preloadIframes: metaSlideOptions.preloadIframes,
previewLinks: metaSlideOptions.previewLinks,
progress: metaSlideOptions.progress,
rtl: metaSlideOptions.rtl,
showNotes: metaSlideOptions.showNotes,
shuffle: metaSlideOptions.shuffle,
slideNumber: metaSlideOptions.slideNumber,
theme: metaSlideOptions.theme,
totalTime: metaSlideOptions.totalTime,
touch: metaSlideOptions.touch,
transition: metaSlideOptions.transition,
transitionSpeed: metaSlideOptions.transitionSpeed,
viewDistance: metaSlideOptions.viewDistance,
width: metaSlideOptions.width
} || {}
for (const key in options) {
if (
Object.prototype.hasOwnProperty.call(options, key) &&
options[key] === undefined
) {
delete options[key]
}
}
const view = $('.reveal')
// text language
if (meta.lang && typeof meta.lang === 'string') {
view.attr('lang', meta.lang)
} else {
view.removeAttr('lang')
}
// text direction
if (meta.dir && typeof meta.dir === 'string' && meta.dir === 'rtl') {
options.rtl = true
} else {
options.rtl = false
}
// breaks
if (typeof meta.breaks === 'boolean' && !meta.breaks) {
md.options.breaks = false
} else {
md.options.breaks = true
}
// options from URL query string
const queryOptions = Reveal.getQueryHash() || {}
options = extend(defaultOptions, options, queryOptions)
Reveal.initialize(options)
2017-01-05 03:17:28 -05:00
window.viewAjaxCallback = () => {
Reveal.layout()
}
function renderSlide (event) {
if (window.location.search.match(/print-pdf/gi)) {
const slides = $('.slides')
const title = document.title
finishView(slides)
document.title = title
Reveal.layout()
} else {
const markdown = $(event.currentSlide)
if (!markdown.attr('data-rendered')) {
const title = document.title
finishView(markdown)
markdown.attr('data-rendered', 'true')
document.title = title
Reveal.layout()
}
}
}
Reveal.addEventListener('ready', (event) => {
renderSlide(event)
const markdown = $(event.currentSlide)
// force browser redraw
setTimeout(() => {
markdown.hide().show(0)
}, 0)
})
Reveal.addEventListener('slidechanged', renderSlide)
const isWinLike = navigator.platform.indexOf('Win') > -1
if (isWinLike) $('.container').addClass('hidescrollbar')