mirror of https://github.com/status-im/codimd.git
139 lines
3.4 KiB
JavaScript
139 lines
3.4 KiB
JavaScript
require('../css/extra.css');
|
|
require('../css/site.css');
|
|
|
|
import { md, updateLastChange, finishView } from './extra';
|
|
|
|
import { preventXSS } from './render';
|
|
|
|
const body = $(".slides").text();
|
|
|
|
createtime = lastchangeui.time.attr('data-createtime');
|
|
lastchangetime = lastchangeui.time.attr('data-updatetime');
|
|
updateLastChange();
|
|
const url = window.location.pathname;
|
|
$('.ui-edit').attr('href', `${url}/edit`);
|
|
|
|
$(document).ready(() => {
|
|
//tooltip
|
|
$('[data-toggle="tooltip"]').tooltip();
|
|
});
|
|
|
|
function extend() {
|
|
const target = {};
|
|
|
|
for (const source of arguments) {
|
|
for (const key in source) {
|
|
if (source.hasOwnProperty(key)) {
|
|
target[key] = source[key];
|
|
}
|
|
}
|
|
}
|
|
|
|
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}/js/reveal-markdown.js`,
|
|
callback() {
|
|
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();
|
|
$(".slides").show();
|
|
}
|
|
}, {
|
|
src: `${serverurl}/build/reveal.js/plugin/notes/notes.js`,
|
|
async: true,
|
|
condition() {
|
|
return !!document.body.classList;
|
|
}
|
|
}];
|
|
|
|
// default options to init reveal.js
|
|
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());
|
|
var options = meta.slideOptions || {};
|
|
|
|
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() || {};
|
|
|
|
var options = extend(defaultOptions, options, queryOptions);
|
|
Reveal.initialize(options);
|
|
|
|
window.viewAjaxCallback = () => {
|
|
Reveal.layout();
|
|
};
|
|
|
|
function renderSlide(event) {
|
|
if (window.location.search.match( /print-pdf/gi )) {
|
|
const slides = $('.slides');
|
|
var title = document.title;
|
|
finishView(slides);
|
|
document.title = title;
|
|
Reveal.layout();
|
|
} else {
|
|
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();
|
|
}
|
|
}
|
|
}
|
|
|
|
Reveal.addEventListener('ready', event => {
|
|
renderSlide(event);
|
|
const markdown = $(event.currentSlide);
|
|
// force browser redraw
|
|
setTimeout(() => {
|
|
markdown.hide().show(0);
|
|
}, 0);
|
|
});
|
|
Reveal.addEventListener('slidechanged', renderSlide);
|
|
|
|
const isMacLike = navigator.platform.match(/(Mac|iPhone|iPod|iPad)/i) ? true : false;
|
|
|
|
if (!isMacLike) $('.container').addClass('hidescrollbar');
|