diff --git a/ui/.stylelintrc.json b/ui/.stylelintrc.json index 6c59911f7..24f221cab 100644 --- a/ui/.stylelintrc.json +++ b/ui/.stylelintrc.json @@ -1,4 +1,5 @@ { + "defaultSeverity": "warning", "rules": { "color-hex-case": "lower", "color-no-invalid-hex": true, diff --git a/ui/package.json b/ui/package.json index bed575b04..9abdecaca 100644 --- a/ui/package.json +++ b/ui/package.json @@ -20,10 +20,10 @@ "build:prod:beta": "npm run config:env && npm run build -- --configuration beta --aot", "test": "ng test", "test:coverage": "rimraf coverage && npm run test -- --code-coverage", - "lint": "ng lint", + "lint": "tslint -c ./tslint.json 'src/**/*{.ts,.tsx}'", "lint:fix": "tslint --fix -c ./tslint.json 'src/**/*{.ts,.tsx}'", - "lint:styles": "stylelint ./src/**/*.scss", - "lint:styles:fix": "stylelint ./src/**/*.scss --fix", + "lint:styles": "npx stylelint './src/**/*.{css,scss}'", + "lint:styles:fix": "npx stylelint './src/**/*.{css,scss}' --fix", "lint:ci": "npm run lint && npm run lint:styles", "pree2e": "webdriver-manager update --standalone false --gecko false", "e2e": "ng e2e", diff --git a/ui/src/app/auth/pages/register/register.component.scss b/ui/src/app/auth/pages/register/register.component.scss index 13bac8523..fdd8ad732 100644 --- a/ui/src/app/auth/pages/register/register.component.scss +++ b/ui/src/app/auth/pages/register/register.component.scss @@ -1,10 +1,10 @@ @import '../login/login.component'; -.accept-group-display{ +.accept-group-display { display: inline-flex; margin-top: 0.5rem; align-items: stretch; .label { margin-top: 0.9rem; } -} \ No newline at end of file +} diff --git a/ui/src/app/common/services/filter.service.ts b/ui/src/app/common/services/filter.service.ts index 8ea39270f..3db34ab97 100644 --- a/ui/src/app/common/services/filter.service.ts +++ b/ui/src/app/common/services/filter.service.ts @@ -34,9 +34,9 @@ export class FilterService { const storedFiltersList = JSON.parse(storedFilters); let found = false; - storedFiltersList.map((filter) => { - if (filter.name === 'Name' && filter.prop === 'name') { - this.searchName = filter.param; + storedFiltersList.map((f) => { + if (f.name === 'Name' && f.prop === 'name') { + this.searchName = f.param; found = true; } }); @@ -98,8 +98,8 @@ export class FilterService { } getMultiAppliedParams(filterName: string) { - const filter = this._filters.find((f) => f.name === filterName); - return filter?.param ? filter.param : []; + const _filter = this._filters.find((f) => f.name === filterName); + return _filter?.param ? _filter.param : []; } // make a decorator out of this? diff --git a/ui/src/app/common/services/http-codes.ts b/ui/src/app/common/services/http-codes.ts index 904c565dc..f38be64e5 100644 --- a/ui/src/app/common/services/http-codes.ts +++ b/ui/src/app/common/services/http-codes.ts @@ -2,4 +2,4 @@ import { StatusCodes } from 'http-status-codes'; export function getStatusCodeText(statusCode: number): string { return StatusCodes[statusCode]; -}; \ No newline at end of file +} diff --git a/ui/src/app/pages/datasets/policies.agent/add/agent.policy.add.component.ts b/ui/src/app/pages/datasets/policies.agent/add/agent.policy.add.component.ts index 01e2b9d34..d5f3b3a2d 100644 --- a/ui/src/app/pages/datasets/policies.agent/add/agent.policy.add.component.ts +++ b/ui/src/app/pages/datasets/policies.agent/add/agent.policy.add.component.ts @@ -3,12 +3,22 @@ import { Component, OnInit, ViewChild } from '@angular/core'; import { NotificationsService } from 'app/common/services/notifications/notifications.service'; import { ActivatedRoute, Router } from '@angular/router'; import { FormBuilder, FormGroup, Validators } from '@angular/forms'; -import { AgentPolicy, AgentPolicyBackend } from 'app/common/interfaces/orb/agent.policy.interface'; +import { + AgentPolicy, + AgentPolicyBackend, +} from 'app/common/interfaces/orb/agent.policy.interface'; import { AgentPoliciesService } from 'app/common/services/agents/agent.policies.service'; import { STRINGS } from '../../../../../assets/text/strings'; import { Tags } from 'app/common/interfaces/orb/tag'; import { CodeEditorService } from 'app/common/services/code.editor.service'; -import { POLICY_DIODE_CONFIG_JSON, POLICY_DIODE_CONFIG_YAML, POLICY_OTEL_CONFIG_JSON, POLICY_OTEL_CONFIG_YAML, POLICY_PKTVISOR_CONFIG_JSON, POLICY_PKTVISOR_CONFIG_YAML } from 'app/shared/configurations/configurations_schemas'; +import { + POLICY_DIODE_CONFIG_JSON, + POLICY_DIODE_CONFIG_YAML, + POLICY_OTEL_CONFIG_JSON, + POLICY_OTEL_CONFIG_YAML, + POLICY_PKTVISOR_CONFIG_JSON, + POLICY_PKTVISOR_CONFIG_YAML, +} from 'app/shared/configurations/configurations_schemas'; const CONFIG = { TAPS: 'TAPS', BACKEND: 'BACKEND', @@ -37,9 +47,9 @@ export class AgentPolicyAddComponent implements OnInit { // hold info retrieved availableBackends: { [propName: string]: { - backend: string, - description: string, - }, + backend: string; + description: string; + }; }; agentPolicy: AgentPolicy; @@ -105,11 +115,10 @@ export class AgentPolicyAddComponent implements OnInit { format = 'yaml'; // #load controls - isLoading = Object.entries(CONFIG) - .reduce((acc, [value]) => { - acc[value] = false; - return acc; - }, {}) as { [propName: string]: boolean }; + isLoading = Object.entries(CONFIG).reduce((acc, [value]) => { + acc[value] = false; + return acc; + }, {}) as { [propName: string]: boolean }; selectedTags: Tags; @@ -137,9 +146,14 @@ export class AgentPolicyAddComponent implements OnInit { Promise.all([ this.isEdit ? this.retrieveAgentPolicy() : Promise.resolve(), this.getBackendsList(), - ]).catch(reason => console.warn(`Couldn't fetch data. Reason: ${reason}`)) + ]) + .catch((reason) => console.warn(`Couldn't fetch data. Reason: ${reason}`)) .then(() => this.updateForms()) - .catch((reason) => console.warn(`Couldn't fetch ${this.agentPolicy?.backend} data. Reason: ${reason}`)); + .catch((reason) => + console.warn( + `Couldn't fetch ${this.agentPolicy?.backend} data. Reason: ${reason}`, + ), + ); } ngOnInit() { this.selectedTags = this.agentPolicy?.tags || {}; @@ -175,29 +189,35 @@ export class AgentPolicyAddComponent implements OnInit { } retrieveAgentPolicy() { - return new Promise(resolve => { - this.agentPoliciesService.getAgentPolicyById(this.agentPolicyID).subscribe(policy => { - this.agentPolicy = policy; - this.isLoading[CONFIG.AGENT_POLICY] = false; - resolve(policy); - }); + return new Promise((resolve) => { + this.agentPoliciesService + .getAgentPolicyById(this.agentPolicyID) + .subscribe((policy) => { + this.agentPolicy = policy; + this.isLoading[CONFIG.AGENT_POLICY] = false; + resolve(policy); + }); }); } isLoadComplete() { - return !Object.values(this.isLoading).reduce((prev, curr) => prev || curr, false); + return !Object.values(this.isLoading).reduce( + (prev, curr) => prev || curr, + false, + ); } readyForms() { this.detailsFG = this._formBuilder.group({ - name: [name, [ + name: [ + name, + [ Validators.required, Validators.pattern('^[a-zA-Z_][a-zA-Z0-9_-]*$'), Validators.maxLength(64), - ]], - description: [[ - Validators.maxLength(64), - ]], + ], + ], + description: [[Validators.maxLength(64)]], backend: [[Validators.required]], }); } @@ -209,9 +229,7 @@ export class AgentPolicyAddComponent implements OnInit { backend, format, policy_data, - policy: { - handlers, - }, + policy: { handlers }, } = this.agentPolicy; const wizard = format !== this.format; @@ -224,18 +242,22 @@ export class AgentPolicyAddComponent implements OnInit { this.detailsFG.patchValue({ name, description, backend }); if (wizard) { - this.onBackendSelected(backend).catch(reason => console.warn(`${reason}`)); + this.onBackendSelected(backend).catch((reason) => + console.warn(`${reason}`), + ); } } getBackendsList() { return new Promise((resolve) => { this.isLoading[CONFIG.BACKEND] = true; - this.agentPoliciesService.getAvailableBackends().subscribe(backends => { - this.availableBackends = !!backends && backends.reduce((acc, curr) => { - acc[curr.backend] = curr; - return acc; - }, {}); + this.agentPoliciesService.getAvailableBackends().subscribe((backends) => { + this.availableBackends = + !!backends && + backends.reduce((acc, curr) => { + acc[curr.backend] = curr; + return acc; + }, {}); this.isLoading[CONFIG.BACKEND] = false; @@ -263,7 +285,7 @@ export class AgentPolicyAddComponent implements OnInit { const reader: FileReader = new FileReader(); reader.onload = (e: any) => { - const fileContent = e.target.result; + const fileContent = e.target.result; if (this.isJsonMode) { this.codejson = fileContent; } else { @@ -283,7 +305,11 @@ export class AgentPolicyAddComponent implements OnInit { description: this.detailsFG.controls.description.value, backend: this.detailsFG.controls.backend.value, policy: policy, - version: !!this.isEdit && !!this.agentPolicy.version && this.agentPolicy.version || 1, + version: + (!!this.isEdit && + !!this.agentPolicy.version && + this.agentPolicy.version) || + 1, tags: this.selectedTags, }; } else { @@ -293,7 +319,11 @@ export class AgentPolicyAddComponent implements OnInit { backend: this.detailsFG.controls.backend.value, format: this.format, policy_data: this.codeyaml, - version: !!this.isEdit && !!this.agentPolicy.version && this.agentPolicy.version || 1, + version: + (!!this.isEdit && + !!this.agentPolicy.version && + this.agentPolicy.version) || + 1, tags: this.selectedTags, }; } @@ -303,7 +333,10 @@ export class AgentPolicyAddComponent implements OnInit { submit(payload) { this.agentPoliciesService.addAgentPolicy(payload).subscribe( (next) => { - this.notificationsService.success('Agent Policy successfully created', ''); + this.notificationsService.success( + 'Agent Policy successfully created', + '', + ); this.viewPolicy(next.id); }, (error) => { @@ -321,21 +354,29 @@ export class AgentPolicyAddComponent implements OnInit { this.errorConfigMessage = ''; return true; } else { - this.errorConfigMessage = 'Invalid JSON configuration, check syntax errors.'; + this.errorConfigMessage = + 'Invalid JSON configuration, check syntax errors.'; return false; } } else { - if (this.editor.isYaml(this.codeyaml) && !this.editor.isJson(this.codeyaml)) { + if ( + this.editor.isYaml(this.codeyaml) && + !this.editor.isJson(this.codeyaml) + ) { this.errorConfigMessage = ''; return true; } else { - this.errorConfigMessage = 'Invalid YAML configuration, check syntax errors.'; + this.errorConfigMessage = + 'Invalid YAML configuration, check syntax errors.'; return false; } } } refreshEditor() { - this.editorVisible = false; setTimeout(() => { this.editorVisible = true; }, 0); + this.editorVisible = false; + setTimeout(() => { + this.editorVisible = true; + }, 0); } defineDefaultConfig() { if (this.backendName === AgentPolicyBackend.otel) { @@ -344,8 +385,7 @@ export class AgentPolicyAddComponent implements OnInit { } else if (this.backendName === AgentPolicyBackend.pktvisor) { this.codeyaml = POLICY_PKTVISOR_CONFIG_YAML; this.codejson = POLICY_PKTVISOR_CONFIG_JSON; - } - else { + } else { this.codeyaml = POLICY_DIODE_CONFIG_YAML; this.codejson = POLICY_DIODE_CONFIG_JSON; } diff --git a/ui/src/app/pages/datasets/policies.agent/view/agent.policy.view.component.scss b/ui/src/app/pages/datasets/policies.agent/view/agent.policy.view.component.scss index 176d4d7f0..1d8849e5a 100644 --- a/ui/src/app/pages/datasets/policies.agent/view/agent.policy.view.component.scss +++ b/ui/src/app/pages/datasets/policies.agent/view/agent.policy.view.component.scss @@ -265,13 +265,12 @@ header { background-color: transparent; border: none; outline: none; - font-family: Open Sans,sans-serif; - font-size: .875rem; + font-family: Open Sans, sans-serif; + font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; color: #969fb9; - border: none; border-bottom: solid 2px transparent; &:hover { color: #5aa1ff; diff --git a/ui/src/app/pages/fleet/agents/key/agent.key.component.scss b/ui/src/app/pages/fleet/agents/key/agent.key.component.scss index 7a6d429c1..dd79b261a 100644 --- a/ui/src/app/pages/fleet/agents/key/agent.key.component.scss +++ b/ui/src/app/pages/fleet/agents/key/agent.key.component.scss @@ -50,7 +50,7 @@ nb-card { border: 0 transparent; color: #969fb9; position: relative; - top: -0.10rem; + top: -0.1rem; right: -0.15rem; outline: none; max-height: 28px !important; @@ -104,13 +104,13 @@ a { fill: #3089fc !important; } .command-card { - margin: 1.5rem 0 !important; + margin: 1.5rem 0 !important; background-color: #1c2339 !important; padding: 0 !important; border: transparent; nb-card-header { border: none !important; - border-radius: 0px !important; + border-radius: 0 !important; } nb-card-body { margin: 0 !important; diff --git a/ui/src/app/pages/fleet/agents/list/agent.list.component.scss b/ui/src/app/pages/fleet/agents/list/agent.list.component.scss index 7deee9687..73249c0c4 100644 --- a/ui/src/app/pages/fleet/agents/list/agent.list.component.scss +++ b/ui/src/app/pages/fleet/agents/list/agent.list.component.scss @@ -182,10 +182,10 @@ input[type=checkbox] { margin-left: 10px; } .selected-buttons { - width: 270px; - display: flex; - align-self: flex-end; - gap: 5px; + width: 270px; + display: flex; + align-self: flex-end; + gap: 5px; } .agent-reset { color: #fff !important; diff --git a/ui/src/app/pages/fleet/agents/reset/agent.reset.component.scss b/ui/src/app/pages/fleet/agents/reset/agent.reset.component.scss index 2b866327a..c59f0f37b 100644 --- a/ui/src/app/pages/fleet/agents/reset/agent.reset.component.scss +++ b/ui/src/app/pages/fleet/agents/reset/agent.reset.component.scss @@ -1,97 +1,97 @@ nb-card { - max-width: 38rem !important; - padding: 0 !important; - - nb-card-header { - background: #232940 !important; - color: #969fb9 !important; - } - - nb-card-body { - margin: 2rem 3rem !important; - padding: 0 !important; - - p { - color: #969fb9 !important; - margin-bottom: 1rem !important; - font-weight: 500 !important; - font-size: 14px !important; - line-height: 24px !important; - } - - .ns1-red { - color: #df316f !important; - } - } - - nb-card-footer { - text-align: center !important; - padding: 1.5rem !important; - } + max-width: 38rem !important; + padding: 0 !important; + + nb-card-header { + background: #232940 !important; + color: #969fb9 !important; } - // ORB - ::ng-deep { - .orb-close-dialog { - background-color: #23294000 !important; - border-radius: 4px !important; - display: contents !important; - float: right !important; + nb-card-body { + margin: 2rem 3rem !important; + padding: 0 !important; - > span { - float: right; - font-size: 1.5rem !important; - color: #3089fc !important; - font-weight: 900 !important; - } + p { + color: #969fb9 !important; + margin-bottom: 1rem !important; + font-weight: 500 !important; + font-size: 14px !important; + line-height: 24px !important; } - .orb-sink-delete-warning-button:not(.btn-disabled) { - background-color: #3089fc !important; - color: #ffffff !important; + .ns1-red { + color: #df316f !important; } } - .ns1red { - color: #df316f !important; - } - .element-list { - max-height: 225px; - overflow-y: auto; - margin-left: 20px; - } - .span-accent { - font-size: 13px; - font-weight: 600; - float: right; - } - .item-row { - display: flex; - align-items: center; - border-radius: 6px; - width: 300px; - padding-left: 3px; - font-size: 13px; - font-weight: 600; - } - .item-row:hover { - background-color: #1e263d; - } - .col-8 { - flex: 1; - padding-left: 0; + + nb-card-footer { + text-align: center !important; + padding: 1.5rem !important; } - .col-3 { - flex: 1; - padding-right: 0; +} + +// ORB +::ng-deep { + .orb-close-dialog { + background-color: #23294000 !important; + border-radius: 4px !important; + display: contents !important; + float: right !important; + + > span { + float: right; + font-size: 1.5rem !important; + color: #3089fc !important; + font-weight: 900 !important; + } } - .overflow-ellipsis { - white-space: nowrap !important; - overflow: hidden !important; - text-overflow: ellipsis !important; - max-width: 350px !important; + + .orb-sink-delete-warning-button:not(.btn-disabled) { + background-color: #3089fc !important; + color: #ffffff !important; } - .agent-info { - display: flex; - justify-content: center; - align-items: center; - } \ No newline at end of file +} +.ns1red { + color: #df316f !important; +} +.element-list { + max-height: 225px; + overflow-y: auto; + margin-left: 20px; +} +.span-accent { + font-size: 13px; + font-weight: 600; + float: right; +} +.item-row { + display: flex; + align-items: center; + border-radius: 6px; + width: 300px; + padding-left: 3px; + font-size: 13px; + font-weight: 600; +} +.item-row:hover { + background-color: #1e263d; +} +.col-8 { + flex: 1; + padding-left: 0; +} +.col-3 { + flex: 1; + padding-right: 0; +} +.overflow-ellipsis { + white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; + max-width: 350px !important; +} +.agent-info { + display: flex; + justify-content: center; + align-items: center; +} diff --git a/ui/src/app/pages/fleet/agents/view/agent.view.component.scss b/ui/src/app/pages/fleet/agents/view/agent.view.component.scss index c55721cf2..77aec9590 100644 --- a/ui/src/app/pages/fleet/agents/view/agent.view.component.scss +++ b/ui/src/app/pages/fleet/agents/view/agent.view.component.scss @@ -228,19 +228,18 @@ nb-card { font-weight: 400; margin-top: 23px; line-height: 1.25rem; -} +} .tab-button { padding: 16px 32px; background-color: transparent; border: none; outline: none; - font-family: Open Sans,sans-serif; - font-size: .875rem; + font-family: Open Sans, sans-serif; + font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; color: #969fb9; - border: none; border-bottom: solid 2px transparent; &:hover { color: #5aa1ff; diff --git a/ui/src/app/pages/fleet/groups/details/agent.group.details.component.scss b/ui/src/app/pages/fleet/groups/details/agent.group.details.component.scss index 4c542fc4d..339ce3fe6 100644 --- a/ui/src/app/pages/fleet/groups/details/agent.group.details.component.scss +++ b/ui/src/app/pages/fleet/groups/details/agent.group.details.component.scss @@ -13,7 +13,7 @@ nb-card { nb-card-body { overflow: hidden !important; - margin: 2rem 3rem 0 3rem !important; + margin: 2rem 3rem 0 !important; padding: 0 !important; } } @@ -43,7 +43,7 @@ nb-card { } } .group-edit-button { - padding: 8px 24px 8px 24px; + padding: 8px 24px; border-radius: 16px; border: none; background-color: #3089fc; diff --git a/ui/src/app/pages/sinks/details/sink.details.component.scss b/ui/src/app/pages/sinks/details/sink.details.component.scss index bea4c1408..17f5fa949 100644 --- a/ui/src/app/pages/sinks/details/sink.details.component.scss +++ b/ui/src/app/pages/sinks/details/sink.details.component.scss @@ -14,7 +14,7 @@ nb-card { nb-card-body { overflow: hidden !important; - margin: 2rem 3rem 0 3rem !important; + margin: 2rem 3rem 0 !important; padding: 0 !important; } } @@ -113,7 +113,7 @@ p { font-size: 14px; } .sink-edit-button { - padding: 8px 24px 8px 24px; + padding: 8px 24px; border-radius: 16px; border: none; background-color: #3089fc; diff --git a/ui/src/app/shared/components/filter/filter.component.scss b/ui/src/app/shared/components/filter/filter.component.scss index 042794355..a6b900b44 100644 --- a/ui/src/app/shared/components/filter/filter.component.scss +++ b/ui/src/app/shared/components/filter/filter.component.scss @@ -3,7 +3,7 @@ width: calc(100% - 270px) !important; min-height: 32px !important; max-height: 100% !important; - gap: 0px !important; + gap: 0 !important; margin-bottom: 8px !important; flex-direction: row !important; flex-wrap: wrap !important; @@ -40,10 +40,10 @@ } .list-div { display: flex; - width: 100%; - gap: 5px; - height: fit-content; - align-items: center; + width: 100%; + gap: 5px; + height: fit-content; + align-items: center; margin-top: 8px; } .filters-list { @@ -80,7 +80,7 @@ font-weight: 500; font-size: 12px; span { - padding: 8px 5px 5px 5px; + padding: 8px 5px 5px; } } .filter-name { @@ -104,7 +104,7 @@ } .clear-filters-button { background-color: transparent; - color: #969FB9; + color: #969fb9; outline: none; height: 22px; border-radius: 4px; @@ -137,7 +137,7 @@ mat-chip-list { width: 280px !important; height: 32px !important; padding-left: 35px !important; - border-radius: 0px 2px 2px 0px !important; + border-radius: 0 2px 2px 0 !important; } .filter-search-container { display: flex; @@ -191,9 +191,9 @@ mat-chip-list { } .filter-button { background-color: #232940; - border: solid 1px #969FB9 !important; - border-radius: 4px 0px 0px 4px !important; - color: #969FB9; + border: solid 1px #969fb9 !important; + border-radius: 4px 0 0 4px !important; + color: #969fb9; width: 100%; height: 100%; padding: 0; @@ -245,7 +245,7 @@ mat-chip-list { color: #fff; outline: none; &:hover { - background-color: rgba(55,64,86, 0.96); + background-color: rgba(55, 64, 86, 0.96); } span { font-family: Montserrat; @@ -271,7 +271,7 @@ mat-chip-list { outline: none; cursor: pointer; &:hover { - background-color: rgba(55,64,86, 0.96); + background-color: rgba(55, 64, 86, 0.96); } span { font-family: Montserrat; @@ -288,7 +288,7 @@ mat-chip-list { cursor: pointer; } .multi-tags-button { - color: #969FB9; + color: #969fb9; background-color: transparent; border: none; outline: none; diff --git a/ui/src/app/shared/components/orb/policy/policy-datasets/policy-datasets.component.scss b/ui/src/app/shared/components/orb/policy/policy-datasets/policy-datasets.component.scss index e827adef7..c9f8025e6 100644 --- a/ui/src/app/shared/components/orb/policy/policy-datasets/policy-datasets.component.scss +++ b/ui/src/app/shared/components/orb/policy/policy-datasets/policy-datasets.component.scss @@ -131,5 +131,5 @@ mat-nav-list { } } .dataset-table-wrapper { - margin: 1rem 1rem 0 1rem; + margin: 1rem 1rem 0; } diff --git a/ui/src/app/shared/components/orb/sink/sink-config/sink-config.component.scss b/ui/src/app/shared/components/orb/sink/sink-config/sink-config.component.scss index 301141d47..7ca0b57e2 100644 --- a/ui/src/app/shared/components/orb/sink/sink-config/sink-config.component.scss +++ b/ui/src/app/shared/components/orb/sink/sink-config/sink-config.component.scss @@ -72,4 +72,4 @@ nb-card { font-size: 13px; left: 26px; bottom: 2px; -} \ No newline at end of file +} diff --git a/ui/src/app/shared/components/tableContexMenu/table-context-menu-component.scss b/ui/src/app/shared/components/tableContexMenu/table-context-menu-component.scss index 9dba836ff..f5e4d5555 100644 --- a/ui/src/app/shared/components/tableContexMenu/table-context-menu-component.scss +++ b/ui/src/app/shared/components/tableContexMenu/table-context-menu-component.scss @@ -1,7 +1,7 @@ .floating-div { position: absolute; transform: translate(3%, -90%); - background-color: #171c30; + background-color: #171c30; padding: 7px 10px; border-radius: 30px; border-bottom-left-radius: 0; diff --git a/ui/src/app/shared/configurations/configurations_schemas.ts b/ui/src/app/shared/configurations/configurations_schemas.ts index 173769483..7601685c6 100644 --- a/ui/src/app/shared/configurations/configurations_schemas.ts +++ b/ui/src/app/shared/configurations/configurations_schemas.ts @@ -83,9 +83,9 @@ export const POLICY_PKTVISOR_CONFIG_JSON = // yet to be defined export const POLICY_DIODE_CONFIG_YAML = ``; -export const POLICY_DIODE_CONFIG_JSON = +export const POLICY_DIODE_CONFIG_JSON = `{ - + }`; export const SINK_OTLP_CONFIG_YAML =