From 9b6bd13c36461d41fd13177b6adac9a1097be894 Mon Sep 17 00:00:00 2001
From: DmitriyMX <dimon550@gmail.com>
Date: Tue, 12 Dec 2017 17:52:02 +0300
Subject: [PATCH] =?UTF-8?q?KSPlayer:=20=D0=B1=D0=BE=D0=BB=D0=B2=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=BA=D0=B8=20=D0=BC=D0=B5=D0=BD=D1=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../kinosearch/webapp/static/js/ksplayer.js   | 93 ++++++++++++++++++-
 1 file changed, 90 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/kinosearch/webapp/static/js/ksplayer.js b/src/main/resources/kinosearch/webapp/static/js/ksplayer.js
index fa062d3..0cc0b3a 100644
--- a/src/main/resources/kinosearch/webapp/static/js/ksplayer.js
+++ b/src/main/resources/kinosearch/webapp/static/js/ksplayer.js
@@ -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 ----------- */