codimd/public/js/slide.js

139 lines
3.4 KiB
JavaScript
Raw Normal View History

2016-11-02 03:59:45 +00:00
require('../css/extra.css');
require('../css/site.css');
2016-10-10 00:25:35 +00:00
2017-01-05 08:17:28 +00:00
import { md, updateLastChange, finishView } from './extra';
2016-10-10 00:25:35 +00:00
2017-01-05 08:17:28 +00:00
import { preventXSS } from './render';
2016-10-10 00:25:35 +00:00
2017-01-05 08:17:28 +00:00
const body = $(".slides").text();
createtime = lastchangeui.time.attr('data-createtime');
lastchangetime = lastchangeui.time.attr('data-updatetime');
updateLastChange();
2017-01-05 08:17:28 +00:00
const url = window.location.pathname;
$('.ui-edit').attr('href', `${url}/edit`);
2017-01-05 08:17:28 +00:00
$(document).ready(() => {
//tooltip
$('[data-toggle="tooltip"]').tooltip();
});
function extend() {
2017-01-05 08:17:28 +00:00
const target = {};
for (const source of arguments) {
for (const key in source) {
if (source.hasOwnProperty(key)) {
target[key] = source[key];
}
}
}
2017-01-05 08:17:28 +00:00
return target;
}
// Optional libraries used to extend on reveal.js
2017-01-05 08:17:28 +00:00
const deps = [{
src: `${serverurl}/build/reveal.js/lib/js/classList.js`,
condition() {
return !document.body.classList;
}
}, {
2017-01-05 08:17:28 +00:00
src: `${serverurl}/js/reveal-markdown.js`,
callback() {
const slideOptions = {
separator: '^(\r\n?|\n)---(\r\n?|\n)$',
verticalSeparator: '^(\r\n?|\n)----(\r\n?|\n)$'
};
2017-01-05 08:17:28 +00:00
const slides = RevealMarkdown.slidify(body, slideOptions);
$(".slides").html(slides);
RevealMarkdown.initialize();
$(".slides").show();
}
}, {
2017-01-05 08:17:28 +00:00
src: `${serverurl}/build/reveal.js/plugin/notes/notes.js`,
async: true,
2017-01-05 08:17:28 +00:00
condition() {
return !!document.body.classList;
}
}];
// default options to init reveal.js
2017-01-05 08:17:28 +00:00
const defaultOptions = {
controls: true,
progress: true,
slideNumber: true,
history: true,
center: true,
transition: 'none',
dependencies: deps
};
// options from yaml meta
2017-01-05 08:17:28 +00:00
const meta = JSON.parse($("#meta").text());
var options = meta.slideOptions || {};
2017-01-05 08:17:28 +00:00
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
2017-01-05 08:17:28 +00:00
const queryOptions = Reveal.getQueryHash() || {};
var options = extend(defaultOptions, options, queryOptions);
Reveal.initialize(options);
2017-01-05 08:17:28 +00:00
window.viewAjaxCallback = () => {
Reveal.layout();
};
2016-07-02 09:08:55 +00:00
function renderSlide(event) {
if (window.location.search.match( /print-pdf/gi )) {
2017-01-05 08:17:28 +00:00
const slides = $('.slides');
var title = document.title;
finishView(slides);
document.title = title;
Reveal.layout();
} else {
2017-01-05 08:17:28 +00:00
const markdown = $(event.currentSlide);
if (!markdown.attr('data-rendered')) {
var title = document.title;
finishView(markdown);
markdown.attr('data-rendered', 'true');
document.title = title;
Reveal.layout();
}
}
}
2017-01-05 08:17:28 +00:00
Reveal.addEventListener('ready', event => {
renderSlide(event);
2017-01-05 08:17:28 +00:00
const markdown = $(event.currentSlide);
// force browser redraw
2017-01-05 08:17:28 +00:00
setTimeout(() => {
markdown.hide().show(0);
}, 0);
});
Reveal.addEventListener('slidechanged', renderSlide);
2017-01-05 08:17:28 +00:00
const isMacLike = navigator.platform.match(/(Mac|iPhone|iPod|iPad)/i) ? true : false;
if (!isMacLike) $('.container').addClass('hidescrollbar');