From 4d0f92be73615a2333b2414e51a660ab8ed68a6b Mon Sep 17 00:00:00 2001
From: railsjack <wipying@gmail.com>
Date: Sat, 20 Jul 2019 15:20:35 -0300
Subject: [PATCH] Added features to play files

---
 index.html       |  2 +-
 player/custom.js | 46 +++++++++++++++++++++++++++-------------------
 2 files changed, 28 insertions(+), 20 deletions(-)

diff --git a/index.html b/index.html
index a0c382b..4cb98a3 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
     <div class="tutorial-player">
         <div class="list-wrapper">
             <select id="tutorialList" class="list"></select>
-            <button class="list-load-button" onclick="TutorialList.load()">...</button>
+            <button class="list-load-button" onclick="TutorialList.set_dir()">...</button>
         </div>
         <div class="player-wrapper">
             <video id="video_player" class="player" controls width="100%" height="100%" poster="" preload="none">
diff --git a/player/custom.js b/player/custom.js
index ec55e7a..3df4b11 100644
--- a/player/custom.js
+++ b/player/custom.js
@@ -20,10 +20,10 @@ document.ready = function (callback) {
 
 var Player = function () {
     var _play = function (index) {
-        video_player.src = 'D:/torrent-downloads/react-native-26G/ReactNativeCourse(2nd)/videos/files/' + mp4_files[index]
-        playerCaption.src = 'D:/torrent-downloads/react-native-26G/ReactNativeCourse(2nd)/videos/files/' + vtt_files[index]
+        var base_dir = 
+        video_player.src = base_dir + '/' + mp4_files[index]
+        playerCaption.src = base_dir + '/' + vtt_files[index]
         video_player.textTracks[0].mode = 'showing';
-
         video_player.play();
     }
     return {
@@ -39,32 +39,39 @@ var TutorialList = function () {
     };
 
     var _load = function () {
-        _set_dir();
+        var cached_data_dir = _get_dir();
+        if(cached_data_dir) {
+            _load_script(cached_data_dir + '/list_mp4.js');
+            _load_script(cached_data_dir + '/list_vtt.js');
+            setTimeout(_load_html, 500);
+        }
+    };
 
-        var dir = _get_dir();
+    var _load_script = async function (path) {
+        var script = document.createElement('script')
+        script.src = path
+        document.getElementsByTagName('head')[0].appendChild(script);
     };
 
     var _set_dir = function () {
-        const cached_data_dir = localStorage.getItem('data_dir')
-        if (!cached_data_dir) {
-            const app = require('electron').remote.app
-            var basepath = app.getAppPath();
-            const dialog = require('electron').remote.dialog
-            const data_dir = dialog.showOpenDialog(null, {
-                properties: ['openDirectory'],
-                defaultPath: basepath
-            })
-            if (data_dir) {
-                localStorage.setItem('data_dir', data_dir)
-            }
+        const app = require('electron').remote.app
+        var basepath = app.getAppPath();
+        const dialog = require('electron').remote.dialog
+        const data_dir = dialog.showOpenDialog(null, {
+            properties: ['openDirectory'],
+            defaultPath: basepath
+        })
+        if (data_dir) {
+            localStorage.setItem('data_dir', data_dir)
         }
+        _load();
     };
 
     var _get_dir = function () {
         const cached_data_dir = localStorage.getItem('data_dir')
         return cached_data_dir;
     };
-    
+
 
     var _load_html = function () {
 
@@ -96,7 +103,8 @@ var TutorialList = function () {
         tutorialList.appendChild(optionNode)
     }
     return {
-        load: _load
+        load: _load,
+        set_dir: _set_dir
     }
 }();