github/container.training
1
0
Fork 0
mirror of https://github.com/jpetazzo/container.training.git synced 2026-07-28 17:21:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Implement checker for slides too high/too wide

Browse Source
This commit is contained in:
Jérôme Petazzoni
2017-11-08 00:08:00 -08:00
parent a45ec1cb84
commit 408036b09c
1 changed files with 51 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
slides/slidechecker.js
View File

@@ -9,13 +9,61 @@ page.onResourceError = function(resourceError) {
console.log('ResourceError: ' + resourceError.url);
}
page.onConsoleMessage = function(msg) {
console.log('Console: ' +msg);
}
console.log('Loading: ' + url);
page.open(url, function(status) {
console.log('Loaded: ' + url + '(' + status + ')');
var slides = page.evaluate(function() {
return document.getElementsByClassName('remark-slide-container');
/* analyze will be an object with:
*
* titles
* A dict with all the titles that are too high
* (i.e. because they have been broken across multiple
* lines because they are too long)
*
* slides
* A dict with the slides that are too high
*
* n_slides
* Number of slides found
*/
var analyze = page.evaluate(function() {
var ret = {}, i, n = slideshow.getSlideCount();
ret.titles = {};
ret.slides = {};
ret.n_slides = n;
for (i=1; i<=n; i++) {
console.log('Current slide: ' + i + '/' + n);
var visible_slide = document.getElementsByClassName('remark-visible')[0];
['h1', 'h2'].forEach(function(tag) {
var titles = visible_slide.getElementsByTagName(tag);
console.log('Found ' + titles.length + ' titles with tag ' + tag);
titles.forEach(function(t) {
if (t.clientHeight>60) {
ret.titles[t.textContent] = i;
}
});
});
var scaler = visible_slide.getElementsByClassName('remark-slide-scaler')[0];
var slide = scaler.getElementsByClassName('remark-slide')[0];
if (slide.clientHeight > scaler.clientHeight) {
ret.slides[slide.textContent] = i;
}
slideshow.gotoNextSlide();
}
return ret;
});
console.log('Number of slides: ' + slides.length);
Object.keys(analyze.titles).forEach(function(t) {
console.log('Title overflow on slide ' + analyze.titles[t] +': ' + t);
});
Object.keys(analyze.slides).forEach(function(s) {
console.log('Slide overflow: ' + analyze.slides[s]);
})
console.log('Number of slides: ' + analyze.n_slides);
console.log('Done: ' + url + '(' + status + ')');
phantom.exit();
});