From 554416c6a526a1f438d29e9df3b21e9d3f0e8820 Mon Sep 17 00:00:00 2001
From: "Kevin Tan (Valius)" <kevin.tan4@gmail.com>
Date: Sun, 5 Nov 2023 01:09:25 -0700
Subject: [PATCH] Add mks file support to subtitle uploader component and
 template

---
 src/components/subtitleuploader/subtitleuploader.js            | 2 +-
 src/components/subtitleuploader/subtitleuploader.template.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/subtitleuploader/subtitleuploader.js b/src/components/subtitleuploader/subtitleuploader.js
index 6cd3f1ff25..e5e262c2ef 100644
--- a/src/components/subtitleuploader/subtitleuploader.js
+++ b/src/components/subtitleuploader/subtitleuploader.js
@@ -32,7 +32,7 @@ function onFileReaderError(evt) {
 }
 
 function isValidSubtitleFile(file) {
-    return file && ['.sub', '.srt', '.vtt', '.ass', '.ssa']
+    return file && ['.sub', '.srt', '.vtt', '.ass', '.ssa', '.mks']
         .some(function(ext) {
             return file.name.endsWith(ext);
         });
diff --git a/src/components/subtitleuploader/subtitleuploader.template.html b/src/components/subtitleuploader/subtitleuploader.template.html
index 7febd1e7ac..7a498c0616 100644
--- a/src/components/subtitleuploader/subtitleuploader.template.html
+++ b/src/components/subtitleuploader/subtitleuploader.template.html
@@ -22,7 +22,7 @@
                 <div class="subtitleEditor-dropZone fieldDescription">
                     <div id="labelDropSubtitle">${LabelDropSubtitleHere}</div>
                     <output id="subtitleOutput" class="flex align-items-center justify-content-center" style="position: absolute;top:0;left:0;right:0;bottom:0;width:100%;"></output>
-                    <input type="file" accept=".sub,.srt,.vtt,.ass,.ssa" id="uploadSubtitle" name="uploadSubtitle" style="position: absolute;top:0;left:0;right:0;bottom:0;width:100%;opacity:0;"/>
+                    <input type="file" accept=".sub,.srt,.vtt,.ass,.ssa,.mks" id="uploadSubtitle" name="uploadSubtitle" style="position: absolute;top:0;left:0;right:0;bottom:0;width:100%;opacity:0;"/>
                 </div>
                 <div id="fldUpload" class="hide">
                     <br />