0

KSPlayer: болванки меню

This commit is contained in:
2017-12-12 17:52:02 +03:00
parent 1f9cf46b1c
commit 9b6bd13c36

View File

@@ -1,11 +1,91 @@
const KSPlayer = function(containerId) {
/* --- FIELDS -------------- */
var videoType = 'unknown';
var isShowTitle = false;
let videoType = 'unknown';
let isShowTitle = false;
/* --- PRIVATE FUNCTIONS --- */
function createSerialMenuElement() {
let div = document.createElement('div');
div.id = 'pl-serial';
div.className = 'dropdown';
div.style = 'display: inline-block';
let button = document.createElement('button');
button.className = 'btn btn-default dropdown-toggle';
button.type = 'button';
button.id = 'dropdownSerial';
button.setAttribute('data-toggle', 'dropdown');
button.setAttribute('aria-haspopup', 'true');
button.setAttribute('aria-expanded', 'true');
let text = document.createTextNode('Serials');
let span = document.createElement('span');
span.className = 'caret';
span.style = 'margin-left: .5em';
let ul = document.createElement('ul');
ul.id = 'pl-serial-menu';
ul.className = 'dropdown-menu';
ul.setAttribute('aria-labelledby', 'dropdownSerial');
let li = document.createElement('li');
let a = document.createElement('a');
a.href = '#';
a.innerText = 'Serial';
li.appendChild(a);
ul.appendChild(li);
button.appendChild(text);
button.appendChild(span);
div.appendChild(button);
div.appendChild(ul);
return div;
}
function createSeasonMenuElement() {
let div = document.createElement('div');
div.id = 'pl-season';
div.className = 'dropdown';
div.style = 'display: inline-block';
let button = document.createElement('button');
button.className = 'btn btn-default dropdown-toggle';
button.type = 'button';
button.id = 'dropdownSeason';
button.setAttribute('data-toggle', 'dropdown');
button.setAttribute('aria-haspopup', 'true');
button.setAttribute('aria-expanded', 'true');
let text = document.createTextNode('Seasons');
let span = document.createElement('span');
span.className = 'caret';
span.style = 'margin-left: .5em';
let ul = document.createElement('ul');
ul.id = 'pl-season-menu';
ul.className = 'dropdown-menu';
ul.setAttribute('aria-labelledby', 'dropdownSeason');
let li = document.createElement('li');
let a = document.createElement('a');
a.href = '#';
a.innerText = 'Season';
li.appendChild(a);
ul.appendChild(li);
button.appendChild(text);
button.appendChild(span);
div.appendChild(button);
div.appendChild(ul);
return div;
}
/* --- CONSTRUCTOR --------- */
const containerElement = document.getElementById(containerId);
@@ -19,9 +99,16 @@ const KSPlayer = function(containerId) {
videoElement.setAttribute('controls', 'controls');
videoElement.setAttribute('preload', 'none');
var titleElement = document.createElement('h2');
let titleElement = document.createElement('h2');
titleElement.id = 'title';
let seasonMenu = createSeasonMenuElement();
let serialMenu = createSerialMenuElement();
containerElement.appendChild(seasonMenu);
containerElement.appendChild(serialMenu);
containerElement.appendChild(document.createElement('br'));
containerElement.appendChild(document.createElement('br'));
containerElement.appendChild(videoElement);
/* --- FUNCTIONS ----------- */