From eba8cf18d4f1b0d8d4411e2469be4442580ea217 Mon Sep 17 00:00:00 2001
From: Dmitry Lyzo <ashephard0@gmail.com>
Date: Fri, 21 Jan 2022 02:18:19 +0300
Subject: [PATCH 1/2] Add Markdown to Login Disclaimer

---
 src/controllers/dashboard/general.html   |  2 +-
 src/controllers/session/login/index.html |  4 +++-
 src/controllers/session/login/index.js   | 18 +++++++++++++++-
 src/controllers/session/login/login.scss | 26 ++++++++++++++++++++++++
 4 files changed, 47 insertions(+), 3 deletions(-)
 create mode 100644 src/controllers/session/login/login.scss

diff --git a/src/controllers/dashboard/general.html b/src/controllers/dashboard/general.html
index 67e9bfb7ae..21c81eddd7 100644
--- a/src/controllers/dashboard/general.html
+++ b/src/controllers/dashboard/general.html
@@ -65,7 +65,7 @@
                 <div class="verticalSection">
                     <h2>${HeaderBranding}</h2>
                     <div class="inputContainer">
-                        <input is="emby-input" type="text" id="txtLoginDisclaimer" label="${LabelLoginDisclaimer}" />
+                        <textarea is="emby-textarea" id="txtLoginDisclaimer" label="${LabelLoginDisclaimer}" class="textarea-mono"></textarea>
                         <div class="fieldDescription">${LabelLoginDisclaimerHelp}</div>
                     </div>
                     <div class="inputContainer customCssContainer">
diff --git a/src/controllers/session/login/index.html b/src/controllers/session/login/index.html
index 339d4131ee..55550a194c 100644
--- a/src/controllers/session/login/index.html
+++ b/src/controllers/session/login/index.html
@@ -50,7 +50,9 @@
                 <span>${ButtonChangeServer}</span>
             </button>
 
-            <p class="disclaimer" style="text-align: center; margin-top: 2em;"></p>
+            <div class="disclaimerContainer">
+                <div class="disclaimer"></div>
+            </div>
         </div>
     </div>
 </div>
diff --git a/src/controllers/session/login/index.js b/src/controllers/session/login/index.js
index 238d6f6ffd..9aecc0f545 100644
--- a/src/controllers/session/login/index.js
+++ b/src/controllers/session/login/index.js
@@ -1,3 +1,5 @@
+import DOMPurify from 'dompurify';
+import { marked } from 'marked';
 import { appHost } from '../../../components/apphost';
 import appSettings from '../../../scripts/settings/appSettings';
 import dom from '../../../scripts/dom';
@@ -14,6 +16,7 @@ import toast from '../../../components/toast/toast';
 import dialogHelper from '../../../components/dialogHelper/dialogHelper';
 import baseAlert from '../../../components/alert';
 import cardBuilder from '../../../components/cardbuilder/cardBuilder';
+import './login.scss';
 
 /* eslint-disable indent */
 
@@ -281,7 +284,20 @@ import cardBuilder from '../../../components/cardbuilder/cardBuilder';
                 loading.hide();
             });
             apiClient.getJSON(apiClient.getUrl('Branding/Configuration')).then(function (options) {
-                view.querySelector('.disclaimer').textContent = options.LoginDisclaimer || '';
+                const disclaimer = view.querySelector('.disclaimer');
+
+                disclaimer.innerHTML = DOMPurify.sanitize(marked(options.LoginDisclaimer || ''));
+
+                for (const elem of disclaimer.querySelectorAll('a')) {
+                    elem.target = '_blank';
+                    elem.classList.add('button-link');
+                    elem.setAttribute('is', 'emby-linkbutton');
+
+                    if (layoutManager.tv) {
+                        // Disable links navigation on TV
+                        elem.tabIndex = -1;
+                    }
+                }
             });
         });
         view.addEventListener('viewhide', function () {
diff --git a/src/controllers/session/login/login.scss b/src/controllers/session/login/login.scss
new file mode 100644
index 0000000000..d84d0088d1
--- /dev/null
+++ b/src/controllers/session/login/login.scss
@@ -0,0 +1,26 @@
+.disclaimerContainer {
+    display: flex;
+    margin-top: 2em;
+}
+
+.disclaimer {
+    margin: 0 auto;
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    p {
+        text-align: center;
+    }
+
+    ol,
+    ul {
+        max-width: 40em;
+        margin-left: auto;
+        margin-right: auto;
+        width: fit-content;
+    }
+}

From ca63d2b151171eaa5430135919002f097601af9a Mon Sep 17 00:00:00 2001
From: Dmitry Lyzo <ashephard0@gmail.com>
Date: Sat, 22 Jan 2022 22:53:05 +0300
Subject: [PATCH 2/2] Fix DOMPurify on webOS 1.2

DOMParser.createHTMLDocument on webOS 1.2 (WebKit) doesn't
support 'text/html' - polyfill it.
---
 src/legacy/domParserTextHtml.js | 36 +++++++++++++++++++++++++++++++++
 src/scripts/site.js             |  1 +
 2 files changed, 37 insertions(+)
 create mode 100644 src/legacy/domParserTextHtml.js

diff --git a/src/legacy/domParserTextHtml.js b/src/legacy/domParserTextHtml.js
new file mode 100644
index 0000000000..f5a03ae442
--- /dev/null
+++ b/src/legacy/domParserTextHtml.js
@@ -0,0 +1,36 @@
+/*
+ * DOMParser HTML extension
+ * 2019-11-13
+ *
+ * By Eli Grey, http://eligrey.com
+ * Public domain.
+ * NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+ */
+
+/*! @source https://gist.github.com/1129031 */
+
+(function (DOMParser) {
+    'use strict';
+
+    const DOMParser_proto = DOMParser.prototype;
+    const real_parseFromString = DOMParser_proto.parseFromString;
+
+    // Firefox/Opera/IE throw errors on unsupported types
+    try {
+        // WebKit returns null on unsupported types
+        if ((new DOMParser).parseFromString('', 'text/html')) {
+            // text/html parsing is natively supported
+            return;
+        }
+    } catch (ex) { /* noop */ }
+
+    DOMParser_proto.parseFromString = function (markup, type) {
+        if (/^\s*text\/html\s*(?:;|$)/i.test(type)) {
+            const doc = document.implementation.createHTMLDocument('');
+            doc.documentElement.innerHTML = markup;
+            return doc;
+        } else {
+            return real_parseFromString.apply(this, arguments);
+        }
+    };
+}(DOMParser));
diff --git a/src/scripts/site.js b/src/scripts/site.js
index ccfbe9d308..9a167ff5d2 100644
--- a/src/scripts/site.js
+++ b/src/scripts/site.js
@@ -29,6 +29,7 @@ import { pageClassOn, serverAddress } from './clientUtils';
 import '../libraries/screensavermanager';
 import './serverNotifications';
 import '../components/playback/playerSelectionMenu';
+import '../legacy/domParserTextHtml';
 import '../legacy/focusPreventScroll';
 import '../legacy/vendorStyles';
 import SyncPlay from '../components/syncPlay/core';