Fix Sonar vulnerabilities

[clamp.git] / ui-react / src / components / dialogs / OperationalPolicy / OperationalPolicyModal.js

diff --git a/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js b/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js
index 7f349a1..5c5f024 100644 (file)
--- a/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js
+++ b/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js
@@ -37,7 +37,7 @@ export default class OperationalPolicyModal extends React.Component {
        state = {
                show: true,
                loopCache: this.props.loopCache,
-               jsonEditor: null,
+               jsonEditor: null
        };
 
        constructor(props, context) {
@@ -54,7 +54,7 @@ export default class OperationalPolicyModal extends React.Component {
 
                if (errors.length !== 0) {
                        console.error("Errors detected during config policy data validation ", errors);
-                       alert(errors);
+                       this.props.showAlert(errors);
                }
                else {
                        console.info("NO validation errors found in config policy data");
@@ -77,8 +77,22 @@ export default class OperationalPolicyModal extends React.Component {
        }
 
        setDefaultJsonEditorOptions() {
-               JSONEditor.defaults.options.theme = 'bootstrap4';
-
+               JSONEditor.defaults.themes.myBootstrap4 = JSONEditor.defaults.themes.bootstrap4.extend({
+                       getTab: function(text,tabId) {
+                               var liel = document.createElement('li');
+                               liel.classList.add('nav-item');
+                               var ael = document.createElement("a");
+                               ael.classList.add("nav-link");
+                               ael.setAttribute("style",'padding:10px;max-width:160px;');
+                               ael.setAttribute("href", "#" + tabId);
+                               ael.setAttribute('data-toggle', 'tab');
+                               text.setAttribute("style",'word-wrap:break-word;');
+                               ael.appendChild(text);
+                               liel.appendChild(ael);
+                               return liel;
+                       }
+               });
+               JSONEditor.defaults.options.theme = 'myBootstrap4';
                JSONEditor.defaults.options.object_layout = 'grid';
                JSONEditor.defaults.options.disable_properties = true;
                JSONEditor.defaults.options.disable_edit_json = false;