Merge pull request #5582 from sbwalker/dev

update application template

Oqtane.Application/Server/wwwroot/css/texteditors/radzen/radzentexteditor.css

@@ -0,0 +1,22 @@
+.rz-text-editor {
+    outline: none !important;
+}
+
+.rz-html-editor-dropdown-items,
+.rz-popup,
+.rz-editor-dialog-wrapper {
+    z-index: 9999 !important;
+}
+
+.rz-html-editor-dropdown-items .rz-html-editor-dropdown-item,
+.rz-html-editor-dropdown-items .rz-html-editor-dropdown-item > * {
+    color: var(--rz-editor-button-color);
+}
+.rz-text-editor .rz-html-editor-dropdown .rz-html-editor-dropdown-value,
+.rz-text-editor .rz-html-editor-dropdown .rz-html-editor-dropdown-trigger,
+.rz-text-editor .rz-html-editor-colorpicker .rz-html-editor-color {
+    color: var(--rz-editor-button-color);
+}
+.rz-text-editor .rz-colorpicker.rz-state-disabled {
+    border: none !important;
+}

Oqtane.Application/Server/wwwroot/js/texteditors/radzen/radzen-interop.js

@@ -0,0 +1,47 @@
+var Oqtane = Oqtane || {};
+
+Oqtane.RadzenTextEditor = {
+    initialize: function (editor) {
+        if (typeof Radzen.openPopup === "function" && Radzen.openPopup !== Oqtane.RadzenTextEditor.openPopup) {
+            Oqtane.RadzenTextEditor.radzenOpenPopup = Radzen.openPopup;
+            Radzen.openPopup = Oqtane.RadzenTextEditor.openPopup;
+        }
+    },
+    openPopup: function () {
+        Oqtane.RadzenTextEditor.radzenOpenPopup.apply(this, arguments);
+        var id = arguments[1];
+        var popup = document.getElementById(id);
+        if (popup) {
+            Oqtane.RadzenTextEditor.updateButtonStyles(popup);
+        }
+    },
+    setBackgroundColor: function (editor, color) {
+        editor.getElementsByClassName("rz-html-editor-content")[0].style.backgroundColor = color;
+    },
+    updateDialogLayout: function (editor) {
+        var dialogs = editor.parentElement.getElementsByClassName('rz-dialog-wrapper');
+        for (var dialog of dialogs) {
+            document.body.appendChild(dialog);
+            dialog.classList.add('rz-editor-dialog-wrapper', 'text-dark');
+
+            this.updateButtonStyles(dialog);
+        }
+    },
+    updateButtonStyles: function (parent) {
+        var primaryBtns = parent.getElementsByClassName('rz-primary');
+        if (primaryBtns) {
+            for (var btn of primaryBtns) {
+                btn.classList.remove('rz-button', 'rz-primary');
+                btn.classList.add('btn', 'btn-primary');
+            }
+        }
+
+        var secondaryBtns = parent.getElementsByClassName('rz-secondary');
+        if (secondaryBtns) {
+            for (var btn of secondaryBtns) {
+                btn.classList.remove('rz-button', 'rz-secondary');
+                btn.classList.add('btn', 'btn-secondary');
+            }
+        }
+    }
+}