-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathbpeditor.js
executable file
·94 lines (88 loc) · 5.5 KB
/
bpeditor.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
function openFilesPanel() {
closePreviewPanel();
document.getElementById("filesPanel").style.width = "350px";
document.getElementById("main").style.marginLeft = "350px";
document.getElementById("filesHamburger").innerHTML = "<b>×</b>";
document.getElementById("filesHamburger").onclick = function() { closeFilesPanel(); };
}
function closeFilesPanel() {
document.getElementById("filesPanel").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
document.getElementById("filesHamburger").innerHTML = "☰";
document.getElementById("filesHamburger").onclick = function() { openFilesPanel(); };
}
function openPreviewPanel() {
closeFilesPanel();
widthFrame = '994px';
document.getElementById("path").style.display = "none";
//document.getElementById("reloadPreviewButton").style.display = "inline-block";
document.getElementById("previewPanel").style.width = "50vw";
document.getElementById("previewPanel").style.height = "100vh";
document.getElementById("previewPanel").style.margin = "auto";
document.getElementById("previewBar").style.display = "flex";
document.getElementById("main").style.marginRight = "50vw";
document.getElementById("previewHamburger").innerHTML = "<b>×</b>";
document.getElementById("previewHamburger").onclick = function() { closePreviewPanel(); };
document.getElementById("previewDiv").innerHTML = "<iframe id='previewFrame' name='previewFrame' frameborder='0' scrolling='no' " +
"src='" + document.getElementById('path').textContent + "' width='" + widthFrame + "' height='100%' " +
"style='height:100vh;width:" + widthFrame + ";overflow:hidden;margin:auto;'></iframe>";
document.getElementById("previewPath").innerHTML = document.getElementById("previewFrame").src;
editor.refresh();
}
function closePreviewPanel() {
document.getElementById("previewPath").innerHTML = "";
document.getElementById("previewDiv").innerHTML = "";
document.getElementById("previewPanel").style.width = "0";
document.getElementById("main").style.marginRight = "0";
document.getElementById("previewHamburger").innerHTML = "☰";
document.getElementById("previewHamburger").onclick = function() { openPreviewPanel(); };
//document.getElementById("reloadPreviewButton").style.display = "none";
document.getElementById("path").style.display = "inline-block";
}
function reloadPreviewFrame(){
document.getElementById("previewFrame").src += "";
}
function resizePreviewFrame(widthFrame){
document.getElementById("previewPath").innerHTML = document.getElementById("previewFrame").src;
document.getElementById("previewDiv").innerHTML = "<iframe id='previewFrame' name='previewFrame' frameborder='0' scrolling='no' " +
"src='" + document.getElementById('path').textContent + "' width='" + widthFrame + "' height='100%' " +
"style='height:100vh;width:" + widthFrame + ";overflow:hidden;margin:auto;'></iframe>";
}
function openVideoPanel() {
closeFilesPanel();
widthFrame = '562px';
//document.getElementById("path").style.display = "none";
document.getElementById("previewBar").style.display = "none";
//document.getElementById("reloadPreviewButton").style.display = "inline-block";
document.getElementById("previewPanel").style.width = "562px";
document.getElementById("previewPanel").style.height = "100vh";
//document.getElementById("previewPanel").style.margin = "auto";
document.getElementById("main").style.marginRight = "562px";
document.getElementById("previewHamburger").innerHTML = "<b>×</b>";
document.getElementById("previewHamburger").onclick = function() { closePreviewPanel(); };
document.getElementById("previewDiv").innerHTML = "<iframe width='560' height='315' src='https://www.youtube.com/embed/ewZ_YWbIWXI' title='YouTube video player' frameborder='0' allow=''clipboard-write; encrypted-media; 'picture-in-picture; web-share' allowfullscreen></iframe>" +
"<br>" +
"<iframe width='560' height='315' src='https://www.youtube.com/embed/QqmCs2UTS8s' title='YouTube video player' frameborder='0' allow=''clipboard-write; encrypted-media; 'picture-in-picture; web-share' allowfullscreen></iframe>" +
"<iframe width='560' height='315' src='https://www.youtube.com/embed/videoseries?list=PL4cUxeGkcC9gksOX3Kd9KPo-O68ncT05o' title='YouTube video player' frameborder='0' allow=''clipboard-write; encrypted-media; 'picture-in-picture; web-share' allowfullscreen></iframe>";
//document.getElementById("previewPath").innerHTML = document.getElementById("previewFrame").src;
editor.refresh();
}
// setInterval(function(){ alert("Hi! You've been using me for 20 minutes, how about taking a break for the eyes?\n\n" +
// "20–20–20 rule says that for every 20 minutes spent looking at a screen,\n" +
// "a person should look at something 20 feet (6 meters) away for 20 seconds\n\n"); }, 1200000);
$('#font-slider').on('input', function(){
var v = $(this).val();
$('.CodeMirror').css('font-size',v + 'px');
editor.refresh();
});
$('.dropdown-menu a.dropdown-toggle').on('mouseover', function(e) {
if (!$(this).next().hasClass('show')) {
$(this).parents('.dropdown-menu').first().find('.show').removeClass('show');
}
var $subMenu = $(this).next('.dropdown-menu');
$subMenu.toggleClass('show');
$(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {
$('.dropdown-submenu .show').removeClass('show');
});
return false;
});