From 51b0c6c9b06d97d007d99cdcd8651a97b0b792df Mon Sep 17 00:00:00 2001 From: waynedunican Date: Mon, 21 Sep 2020 09:19:42 +0100 Subject: JS Testing added for apex-editor Last apex-editor/pom.xml change to exclude the /dist folder Issue-ID: POLICY-2783 Change-Id: I076aac4e503c7e5f2ea39fa9291153be4b119808 Signed-off-by: waynedunican --- gui-editors/gui-editor-apex/pom.xml | 41 +- .../src/main/resources/webapp/.gitignore | 5 + .../src/main/resources/webapp/close.html | 44 - .../src/main/resources/webapp/css/close.css | 48 - .../src/main/resources/webapp/css/contextMenu.css | 111 - .../src/main/resources/webapp/css/dropdownList.css | 134 - .../src/main/resources/webapp/css/fileMenu.css | 195 -- .../main/resources/webapp/css/interfaceAssets.css | 2808 -------------------- .../main/resources/webapp/css/showhideTextarea.css | 134 - .../src/main/resources/webapp/css/styles.css | 556 ---- .../src/main/resources/webapp/dist/close.html | 44 + .../src/main/resources/webapp/dist/css/close.css | 48 + .../main/resources/webapp/dist/css/contextMenu.css | 111 + .../resources/webapp/dist/css/dropdownList.css | 134 + .../main/resources/webapp/dist/css/fileMenu.css | 195 ++ .../resources/webapp/dist/css/interfaceAssets.css | 2808 ++++++++++++++++++++ .../resources/webapp/dist/css/showhideTextarea.css | 134 + .../src/main/resources/webapp/dist/css/styles.css | 556 ++++ .../src/main/resources/webapp/dist/images/Apex.png | Bin 0 -> 161205 bytes .../resources/webapp/dist/images/logo_onap.png | Bin 0 -> 21360 bytes .../src/main/resources/webapp/dist/index.html | 211 ++ .../src/main/resources/webapp/images/Apex.png | Bin 161205 -> 0 bytes .../src/main/resources/webapp/images/logo_onap.png | Bin 21360 -> 0 bytes .../src/main/resources/webapp/index.html | 241 -- .../src/main/resources/webapp/js/ApexAjax.js | 9 +- .../webapp/js/ApexContextAlbumEditForm.js | 39 +- .../resources/webapp/js/ApexContextAlbumTab.js | 15 +- .../webapp/js/ApexContextSchemaEditForm.js | 31 +- .../resources/webapp/js/ApexContextSchemaTab.js | 22 +- .../main/resources/webapp/js/ApexEventEditForm.js | 40 +- .../src/main/resources/webapp/js/ApexEventTab.js | 20 +- .../src/main/resources/webapp/js/ApexFiles.js | 16 +- .../src/main/resources/webapp/js/ApexFormUtils.js | 2 +- .../resources/webapp/js/ApexKeyInformationTab.js | 13 +- .../src/main/resources/webapp/js/ApexMain.js | 23 +- .../main/resources/webapp/js/ApexModelHandling.js | 14 +- .../main/resources/webapp/js/ApexNewModelForm.js | 22 +- .../main/resources/webapp/js/ApexPageControl.js | 29 +- .../main/resources/webapp/js/ApexPolicyEditForm.js | 54 +- .../webapp/js/ApexPolicyEditForm_State.js | 19 + .../src/main/resources/webapp/js/ApexPolicyTab.js | 21 +- .../src/main/resources/webapp/js/ApexResultForm.js | 6 + .../src/main/resources/webapp/js/ApexTable.js | 2 +- .../main/resources/webapp/js/ApexTaskEditForm.js | 45 +- .../src/main/resources/webapp/js/ApexTaskTab.js | 29 +- .../src/main/resources/webapp/js/ApexUtils.js | 12 +- .../resources/webapp/js/__test__/ApexAjax.test.js | 153 +- .../js/__test__/ApexContextAlbumEditForm.test.js | 44 + .../webapp/js/__test__/ApexContextAlbumTab.test.js | 15 +- .../js/__test__/ApexContextSchemaEditForm.test.js | 36 + .../js/__test__/ApexContextSchemaTab.test.js | 33 + .../webapp/js/__test__/ApexEventEditForm.test.js | 73 + .../webapp/js/__test__/ApexEventTab.test.js | 33 + .../resources/webapp/js/__test__/ApexFiles.test.js | 46 +- .../webapp/js/__test__/ApexFormUtils.test.js | 5 +- .../webapp/js/__test__/ApexModelHandling.test.js | 37 + .../webapp/js/__test__/ApexNewModelForm.test.js | 46 + .../webapp/js/__test__/ApexPageControl.test.js | 30 - .../webapp/js/__test__/ApexPolicyEditForm.test.js | 55 + .../js/__test__/ApexPolicyEditForm_State.test.js | 122 + .../webapp/js/__test__/ApexPolicyTab.test.js | 26 + .../webapp/js/__test__/ApexResultForm.test.js | 37 + .../webapp/js/__test__/ApexTaskEditForm.test.js | 50 + .../webapp/js/__test__/ApexTaskTab.test.js | 33 + .../src/main/resources/webapp/js/contextMenu.js | 36 + .../src/main/resources/webapp/js/dropdownList.js | 11 + .../main/resources/webapp/js/showhideTextarea.js | 7 + 67 files changed, 5483 insertions(+), 4486 deletions(-) create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/.gitignore delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/close.html delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/css/close.css delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/css/contextMenu.css delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/css/dropdownList.css delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/css/fileMenu.css delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/css/interfaceAssets.css delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/css/showhideTextarea.css delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/css/styles.css create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/dist/close.html create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/close.css create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/contextMenu.css create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/dropdownList.css create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/fileMenu.css create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/interfaceAssets.css create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/showhideTextarea.css create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/styles.css create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/Apex.png create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/logo_onap.png create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/dist/index.html delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/images/Apex.png delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/images/logo_onap.png delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/index.html create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextAlbumEditForm.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextSchemaEditForm.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextSchemaTab.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexEventEditForm.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexEventTab.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexModelHandling.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexNewModelForm.test.js delete mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPageControl.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyEditForm.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyEditForm_State.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyTab.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexResultForm.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexTaskEditForm.test.js create mode 100644 gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexTaskTab.test.js (limited to 'gui-editors/gui-editor-apex') diff --git a/gui-editors/gui-editor-apex/pom.xml b/gui-editors/gui-editor-apex/pom.xml index 5cb3036..019e4dd 100644 --- a/gui-editors/gui-editor-apex/pom.xml +++ b/gui-editors/gui-editor-apex/pom.xml @@ -185,6 +185,9 @@ org.apache.maven.plugins maven-resources-plugin + + true + Copy frontend build to target @@ -223,36 +226,6 @@ - - org.apache.maven.plugins - maven-dependency-plugin - - - unpack-shared-resources - - unpack-dependencies - - generate-resources - - ${project.build.directory}/classes/webapp - - apex-client-common - org.onap.policy.apex-pdp.client - true - true - jar - zip - - - - - - org.apache.maven.plugins - maven-resources-plugin - - true - - org.apache.maven.plugins maven-jar-plugin @@ -312,6 +285,14 @@ META-INF/*.SF META-INF/*.DSA META-INF/*.RSA + webapp/package-lock.json + webapp/package.json + webapp/.babelrc + webapp/.gitignore + webapp/webpack.config.js + webapp/dist/ + webapp/js/Apex*.js + webapp/js/__test__/ diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/.gitignore b/gui-editors/gui-editor-apex/src/main/resources/webapp/.gitignore new file mode 100644 index 0000000..0b898ee --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/.gitignore @@ -0,0 +1,5 @@ +node_modules/ +node/ +dist/bundle.js +coverage/ +reports/ \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/close.html b/gui-editors/gui-editor-apex/src/main/resources/webapp/close.html deleted file mode 100644 index 60c43a5..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/close.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - -Apex Editor - - - -
-
Apex Policy Editor
-
- -
- -

Thanks for using the Apex editor :-) -

- For more information, see the APEX-PDP - documentation. -

- - - \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/close.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/css/close.css deleted file mode 100644 index 128c060..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/close.css +++ /dev/null @@ -1,48 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -html, body { - height: 100%; -} - -.placeholder { - text-align: center; - position: relative; - top: 50%; - margin: -200px auto; - white-space: nowrap; -} - -.placeholderLogo { - z-index: -1; - position: relative; -} - -.onapLogo { - padding-right: 100px; - height: 300px; - width: 400px; -} - -.apexLogo { - height: 300px; - width: 400px; -} \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/contextMenu.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/css/contextMenu.css deleted file mode 100644 index 78f5288..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/contextMenu.css +++ /dev/null @@ -1,111 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -.contextmenu_hide { - display: none; -} - -.contextmenu_show { - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - padding: 0 0 0 5px; - margin: 0; - background: rgba(255,255,255,.85); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - color: 000; - box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25); - z-index:1000; - position: absolute; - white-space: nowrap; - float: left; - width: auto; -} - -.contextmenu_show ul { - padding: 0; - margin: 0; - list-style: none; - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); - background: #f5f5f5; - border: 1px solid #ccc; - border-radius: 0 0 5px 5px; - color: #000; - font-weight: 300; -} - -.contextmenu_show > li { - display: inline-block; - padding: 3px 5px; - margin: 0; -} - -.contextmenu_show > li.selected { - background: #007bff; - color: #fff; - font-weight: 400; -} - -.contextmenu_show li { - cursor: default; - transition: all .1s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.contextmenu_show ul li { - line-height: 1.5em; - padding: 0 5px; -} - -.contextmenu_show ul li.disabled { - color: #999; - pointer-events: none; -} - -.contextmenu_show ul li:hover { - background: #007bff; - color: #fff; - font-weight: 400; -} - -.contextmenu_show ul li ul { - border-radius: 5px; - position: absolute; - margin-top: -70px; -} - -.contextmenu_show ul li type{ - line-height: 1.5em; - padding: 0 5px; - font-family: monospace; -} - -.contextmenu_show ul li value{ - line-height: 1.5em; - padding: 0 5px; - font-family: monospace; -} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/dropdownList.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/css/dropdownList.css deleted file mode 100644 index 483a1ce..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/dropdownList.css +++ /dev/null @@ -1,134 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -.dropdownList_display { - display: inline-block; - vertical-align: middle; - text-align: left; - font-size: 1.2rem; - height: 2.4rem; - padding: 2px 7px; - border: 1px solid #b3b3b3; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - box-shadow: inset 1px 1px 0 0 #cccccc; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - font-family: Arial,Helvetica,sans-serif; - font-size: 1em; - border-width: 1px 0 1px 1px; - border-radius: 3px 0 0 3px; - cursor: pointer; - overflow: hidden; -} - -.dropdownList_display_disabled { - display: inline-block; - vertical-align: middle; - text-align: left; - font-size: 1.2rem; - height: 2.4rem; - padding: 0.4rem 0.6rem; - border: 1px solid #b3b3b3; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - font-family: Arial,Helvetica,sans-serif; - font-size: 1em; - border-width: 1px 0 1px 1px; - border-radius: 3px 0 0 3px; - color: #B2B2B2; - border-color: #B2B2B2; - background-color: rgba(0, 0, 0, 0.05); - -webkit-text-fill-color: #b2b2b2; - opacity: 1; - -ms-touch-action: none !important; - touch-action: none !important; - box-shadow: inset 1px 1px 0 0 #cccccc; - overflow: hidden; -} - -.dropdownList_display_clicked, .dropdownList_display:hover, .dropdownList_display:focus { - //background: #007bff; -} - -.dropdownList_display_disabled :hover, .dropdownList_display_disabled :focus { -} - -.dropdownList { - position: relative; - display: inline-block; -} - -.dropdownList_options { - display: none; - position: absolute; - z-index: 1500; - padding: 0 0 4px 0; - margin: 0; - color: #333; - list-style: none; - background-color: #fff; - border: #bfbfbf solid 1px; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); - border-radius: 3px; - -moz-box-sizing: border-box; - box-sizing: border-box; - box-shadow: 5px 5px 5px #87888A; -} - -.dropdownList_options ul li { - padding: 0px; - margin: 0; - text-decoration: none; - display: block; -} - -.dropdownList_options ul li.selected { - background: #007bff; - color: #fff; - font-weight: 400; -} - -.dropdownList_options ul li.disabled { - color: #999; - pointer-events: none; -} - -.dropdownList_options_body { - margin-left: -40px; -} - -.dropdownList ul li:hover { - background: #007bff; - color: #fff; - font-weight: 400; - cursor: pointer; -} - -.dropdownList_show {display:block;} \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/fileMenu.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/css/fileMenu.css deleted file mode 100644 index 8d905d7..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/fileMenu.css +++ /dev/null @@ -1,195 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -.fileMenu { - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - padding: 0 0 0 5px; - margin: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - color: 000; -} - -.fileMenu ul { - display: none; - position: absolute; - z-index:9999; - padding: 0; - margin: 0; - list-style: none; - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); - min-width: 250px; - background: #f5f5f5; - border: 1px solid #ccc; - border-radius: 0 0 5px 5px; - color: #000; - font-weight: 300; - text-align: left; -} - -.fileMenu > li { - display: inline-block; - padding: 3px 5px; - margin: 0; -} - -.fileMenu > li.selected { - background: #007bff; - color: #fff; - font-weight: 400; -} - -.fileMenu li { - cursor: default; - transition: all .1s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.fileMenu li.divider { - margin: 3px 0; - height: 1px; - background: #b3b3b3; - pointer-events: none; -} - -.fileMenu li i { - font-size: .8em; - text-align: center; - color: #444; - transition: all .1s; - -} - -.fileMenu li i:before { - position: relative; - top: -.1em; -} - -.fileMenu > li.selected > i, -.fileMenu ul li:hover > i { - color: #ebebeb; -} - -.fileMenu ul li { - line-height: 1.5em; - padding: 0 5px; -} - -.fileMenu ul li.toggle.active i:before { - content: '\f00c'; -} - -.fileMenu ul li.disabled { - color: #999; - pointer-events: none; -} - -.fileMenu ul li.disabled i { - color: #aaa; -} - -.fileMenu ul li.sub:after { - font: normal normal normal; - content: '\f0da'; - float: right; - color: #999; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - transform: translate(0, 0); - line-height: inherit; - transition: all .1s; -} - -.fileMenu ul li.sub:hover:after { - color: #fff; -} - -.fileMenu ul li:hover { - background: #007bff; - color: #fff; - font-weight: 400; -} - -.fileMenu ul li:last-child { - border-radius: 0 0 5px 5px; -} - -.fileMenu ul li:hover ul { - display: block; -} - -.fileMenu ul li kbd { - float: right; - font-weight: 300; - font-family: inherit; - color: #999; -} - -.fileMenu ul li ul { - border-radius: 5px; - position: absolute; - margin-top: -70px; -} - -.fileMenu ul li ul li:first-child { - border-radius: 5px 5px 0 0; -} - -.fileMenuButton { - display: inline-block; - vertical-align: middle; - color: #333; - background-color: #fff; - border: none; - min-width: 60px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - border-radius: 3px; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-image: linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.1) 100%); - padding: 0 8px; - height: 2.4rem; - text-decoration: none; - text-align: center; - cursor: pointer; - line-height: 18px; -} - -.fileMenuSeperator { - display: inline-block; - white-space: nowrap; - vertical-align: middle; - width: 1px; - height: 24px; - background-color: #CCC; - margin: 0 6px; - font-size: 2.4rem; - margin: 0px 10px; -} \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/interfaceAssets.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/css/interfaceAssets.css deleted file mode 100644 index b309cb2..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/interfaceAssets.css +++ /dev/null @@ -1,2808 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -@charset "utf-8"; -html { - position: relative; - font-family: Arial, Helvetica, sans-serif; - font-size: 10px !important; - line-height: 10px !important; - margin: 0; - padding: 0; - width: 100%; - height: 100%; -} -body { - font-size: 1.6rem; - line-height: 1.2rem; - color: #333333; - background-color: #ffffff; - margin: 0; - padding: 0; -} -*:focus, -.ebInput:focus, -.ebIcon:focus, -.ebCheckbox:focus + .ebCheckbox-inputStatus:after, -.ebRadioBtn:focus + .ebRadioBtn-inputStatus:after, -textarea:focus, -button:focus, -i:focus { - /** - * FF outline do not looks same as Chrome so adding box shadow - * FF outline is not working as expected - **/ - /* - * one way of outline - outline: #4d90fe auto 5px; - box-shadow: 0 0 0 1px #4d90fe; - -webkit-box-shadow: none; - */ - outline: none; - //box-shadow: 0 0 2px 1px #FFFFFF; -} -h1, -h2, -h3, -h4, -h5, -h6 { - color: #4d4d4d; - font-weight: bold; -} -h1 { - line-height: 3.2rem; - font-size: 3.2rem; - font-weight: normal; - padding: 0.6rem 0; - margin: 0 0 0.6rem 0; -} -h2 { - border-bottom: #000000 solid 1px; - line-height: 2.0rem; - font-size: 2.0rem; - font-weight: normal; - padding: 1.2rem 0 0.7rem 0; - margin: 0 0 0.4rem 0; -} -h3 { - border-bottom: #7f7f7f solid 1px; - line-height: 1.6rem; - font-size: 1.6rem; - padding: 1.2rem 0 0.7rem 0; - margin: 0 0 0.4rem 0; - font-weight: normal; - color: #333333; -} -h4 { - border-bottom: #b2b2b2 solid 1px; - line-height: 1.2rem; - font-size: 1.2rem; - padding: 0.6rem 0; - margin: 0 0 0.6rem 0; - font-weight: bold; - color: #333333; -} -.ebLayout-SectionSubheading h3 { - float: left; - margin: 0; - border-bottom: none; -} - -/* System Bar */ -.ebSystemBar { - position: relative; - width: 100%; - height: 40px; - border-top: 4px solid #0066b3; - background-image: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%); - box-shadow: 0 1px 2px #D2D2D2; -} -.ebSystemBar::before { - position: absolute; - top: -4px; - left: 0; - width: 100%; - height: 4px; - content: ""; - font-size: 0; - background: #0066b3; - background: -o-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); - background: -moz-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); - background: -webkit-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); - background: -ms-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); - background: -webkit-gradient(linear, left top, right top, color-stop(0.1, #a2c517), color-stop(0.3, #009046), color-stop(0.5, #0082b6), color-stop(0.75, #151f77), color-stop(1, #db0050)); - background: linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); -} -.ebSystemBar-logo { - position: absolute; - top: 0; - bottom: 0; - left: 0; - height: 40px; - width: 20px; - padding: 0 10px; - background: url('../resources/systemBar/econ01.svg') no-repeat center center transparent; - background-size: 20px; -} -.ebSystemBar-topMenuName { - display: inline-block; - padding: 0 5px 0 40px; - margin: 0; - line-height: 40px; - font-size: 16.8px; - color: #58585A; -} -.ebSystemBar-topMenu { - position: absolute; - top: 0; - bottom: 0; - left: 50px; - list-style: none; - height: 40px; - margin: 0; - padding: 0; -} -.ebSystemBar-topMenu li { - display: inline-block; -} -.ebSystemBar-topMenu a { - padding: 0 5px 0 15px; - margin: 0; - font-size: 1.6em; - line-height: 40px; - color: #58585a; - cursor: pointer; - text-decoration: none; -} -.ebSystemBar-topMenu a:hover { - color: #0066B3; -} -.ebSystemBar-rightButton { - float: right; - display: inline-block; - line-height: 40px; - vertical-align: middle; -} -.ebSystemBar-rightButton a { - display: block; - padding: 0 18px 0 18px; - font-size: 1.3rem; - color: #0066B3; - background-color: transparent; - background-repeat: no-repeat; - background-position: 18px center; - border-left: solid 1px #D2D2D2; -} -.ebSystemBar-rightButton a:hover { - text-decoration: underline; -} -.ebSystemBar-rightButton:hover { - background-image: linear-gradient(180deg, #f2f2f2 0%, #e8e8e8 100%); -} -@media screen and (max-width: 640px) { - .ebSystemBar-topBar-rightButton a { - width: 0; - padding-left: 34px; - text-indent: -9999px; - } -} - -/* Inline Message */ -.ebInlineMessage { - padding: 5px 15px 0px 7px; - font-size: 0; - position: fixed; - bottom: 0; - left: 2; - width: calc(100% - 30px); - height: 66px; - border: 3px solid #adadad; - background-color: #FFFFFF; -} -.ebInlineMessage-iconHolder, -.ebInlineMessage-contentHolder { - display: inline-block; - vertical-align: top; -} -.ebInlineMessage-iconHolder { - width: 20px; - margin: 0 12px 0 0; -} -.ebInlineMessage-contentHolder { - width: calc(100% - 32px); - font-size: 1.2rem; -} -.ebInlineMessage-header { - margin-top: 3px; - font-size: 14px; - line-height: 14px; -} -.ebInlineMessage-separator { - height: 1px; - margin: 12px 0; - background-color: #adadad; - opacity: 0.3; -} -.ebInlineMessage-description { - color: #666666; - white-space: pre; -} - -/* Table */ -.ebTable { - margin: 0; - padding: 0; - table-layout: fixed; - border-left: 1px solid #cccccc; // ewatkmi: added for visible border; - border-right: 1px solid #cccccc; // ewatkmi: added for visible border; - border-bottom: 1px solid #cccccc; // ewatkmi: added for visible border; - border-collapse: collapse; - border-spacing: 0; - color: #1a1a1a; -} -.ebTable_fullW { - width: 100%; -} -.ebTable-th_resizable, -.ebTable-th_sortable { - position: relative; -} -.ebTable-th_resizable .ebTable-headerResize { - position: absolute; - top: -20px; - bottom: -20px; - right: -12px; - width: 10px; - cursor: col-resize; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; -} -.ebTable-th_sortable { - cursor: pointer !important; -} -.ebTable-th_sortable .ebTable-header { - display: flex; - flex-wrap: nowrap; - flex-direction: row; - align-items: center; -} -.ebTable-th_sortable .ebTable-headerText { - flex-shrink: 1; - flex-grow: 0; - margin-right: 8px; - box-sizing: border-box; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; -} -.ebTable-th_sortable .ebTable-headerSort { - flex-grow: 0; - flex-shrink: 0; - flex-basis: 10px; - margin-left: 4px; -} -.ebTable-th_sortable .ebTable-headerSortOrder { - flex-grow: 1; - color: #999999; - font-weight: normal; -} -.ebTable-header { - position: relative; - display: block; - width: 100%; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.ebTable-headerText { - padding: 4px 0; - display: inline-block; - vertical-align: middle; - width: 100%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -.ebTable thead tr { - height: 3.2rem; - font-size: 1.2rem; - font-weight: bold; - text-align: left; -} -.ebTable thead tr th { - padding-left: 1.2rem; - padding-right: 1.2rem; - text-align: left; - cursor: default; - border-top: #cccccc solid 1px; - border-bottom: #cccccc solid 1px; - border-right: #e6e6e6 solid 1px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ebTable thead tr th:last-child { - border-right: none; -} -.ebTable thead tr:hover { - background: none; -} -.ebTable thead tr:active { - background: none; -} -.ebTable tbody tr { - height: 3.2rem; - font-size: 1.2rem; - border-bottom: #e6e6e6 solid 1px; -} -.ebTable tbody tr td { - margin: 0; - padding: 0 1.2rem; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - cursor: default; - border-right: #e6e6e6 solid 1px; -} -.ebTable tbody tr td:last-child { - border-right: none; -} -.ebTable_striped tbody tr { - border-bottom: none; -} -.ebTable_striped tbody tr td { - border-right: none; -} -.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #f2f2f2; -} -.ebTable_striped tbody tr:nth-of-type(odd) { // ewatkmi: added for nested tables; - background-color: #ffffff; -} -.ebTable_compact tbody tr { - height: 2.6rem; -} -.ebTable_expandableStriped { - border-collapse: separate; -} -.ebTable_expandableStriped tbody tr { - border-bottom: none; -} -.ebTable_expandableStriped tbody tr td { - border-right: none; -} -.ebTable_expandableStriped tbody tr:nth-of-type(4n-1), -.ebTable_expandableStriped tbody tr:nth-of-type(4n) { - background-color: #f2f2f2; -} -.ebTable_pinstripe tr td { - border-bottom: #e6e6e6 solid 1px; -} -.ebTable_color_paleBlue.ebTable thead tr th { - background-color: #99ddee; - border-top: none; - border-bottom: none; -} -.ebTable_color_paleBlue.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #e6f6fb; -} -.ebTable_color_purple.ebTable thead tr th { - background-color: #ca9bc1; - border-top: none; - border-bottom: none; -} -.ebTable_color_purple.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #f2e6ef; -} -.ebTable_color_darkGreen.ebTable thead tr th { - background-color: #99c0bf; - border-top: none; - border-bottom: none; -} -.ebTable_color_darkGreen.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #e6efef; -} -.ebTable_color_green.ebTable thead tr th { - background-color: #d0e3a2; - border-top: none; - border-bottom: none; -} -.ebTable_color_green.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #f3f8e8; -} -.ebTable_color_yellow.ebTable thead tr th { - background-color: #fde499; - border-top: none; - border-bottom: none; -} -.ebTable_color_yellow.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #fff8e6; -} -.ebTable_color_orange.ebTable thead tr th { - background-color: #f9d099; - border-top: none; - border-bottom: none; -} -.ebTable_color_orange.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #fef3e6; -} -.ebTable_color_red.ebTable thead tr th { - background-color: #f4a6a3; - border-top: none; - border-bottom: none; -} -.ebTable_color_red.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #fce9e8; -} -.ebTable_borderTop_none thead tr th { - border-top: none; -} -.ebTable_verticalBorders_none thead tr th, -.ebTable_verticalBorders_none tr td { - border-right: none !important; - border-left: none !important; -} -.ebTable_wrapHeaders th { - white-space: normal !important; - text-overflow: inherit !important; -} -.ebTable_wrapHeaders th .ebTable-headerText { - white-space: normal !important; - text-overflow: inherit !important; -} -.ebTable-expandableRow { - height: inherit !important; - display: none; -} -.ebTable-expandableRow_expanded { - display: table-row; -} -.ebTable-expandableRow > td { - padding: 0 !important; -} -.ebTable-expandableRow > td > div { - overflow: hidden; - height: 0; - transition: height 0.3s ease-in-out; -} -/** - * Hover/Active/Selected Effects - * - * Modifiers: - * .ebTable_hoverActive_none (disables native hover and active selectors, primarily for pin columns plugin) - */ -.ebTable { - /** Hover effect **/ -} -.ebTable.ebTable:not(.ebTable_hoverActive_none) tbody tr:not(.ebTable-expandableRow):not(.headerRow):hover > *, -.ebTable tbody tr:not(.ebTable-expandableRow):not(.headerRow).ebTableRow_hover > * { - background-image: linear-gradient(0deg, rgba(0, 102, 179, 0.1), rgba(0, 102, 179, 0.1)); -} -.ebTable.ebTable_highlightedEffect_solid tbody tr:not(.ebTable-expandableRow).ebTableRow_highlighted > * { - background-color: #ffffff !important; -} - -/* Context Menu */ -.ebContextMenu { - position: relative; - width: 16px; - height: 16px; -} -.ebContextMenu:focus { - outline: none; -} -.ebContextMenu-ExpandBtn, -.ebContextMenu-expandBtn { - width: 16px; - height: 16px; - position: relative; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; -} -.ebContextMenu-ExpandBtn:focus, -.ebContextMenu-expandBtn:focus { - outline: none; -} -.ebContextMenu-Dropdown, -.ebContextMenu-body { - position: absolute; - z-index: 1500; - min-width: 60px; - width: auto; - height: auto; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; - box-shadow: 5px 5px 5px #87888A; -} -.ebContextMenu-Dropdown_corner_default, -.ebContextMenu-body_corner_default { - position: absolute; - top: 20px; - left: 0px; -} -.ebContextMenu-Dropdown_corner_topRight, -.ebContextMenu-body_corner_topRight { - position: absolute; - top: 20px; - right: 0px; -} -.ebContextMenu-Dropdown_corner_bottomLeft, -.ebContextMenu-body_corner_bottomLeft { - position: absolute; - bottom: 20px; - left: 0px; -} -.ebContextMenu-Dropdown_corner_bottomRight, -.ebContextMenu-body_corner_bottomRight { - position: absolute; - bottom: 20px; - right: 0px; -} -.ebContextMenu-Dropdown_visible_false, -.ebContextMenu-body_visible_false { - visibility: hidden; -} -.ebContextMenu-Dropdown_visible_true, -.ebContextMenu-body_visible_true { - display: block; -} - -/* Component List */ -.ebComponentList { - position: relative; - z-index: 1500; - padding: 4px 0; - margin: 0; - color: #333333; - list-style: none; - background-color: #ffffff; - border: #bfbfbf solid 1px; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); - border-radius: 3px; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.ebComponentList-group, -.ebComponentList-item { - padding: 0 0.8rem; - line-height: 2.4rem; - font-size: 1.2rem; - background-color: #ffffff; -} -.ebComponentList-iconHolder { - display: inline-block; - vertical-align: middle; - width: 16px; - padding-right: 8px; -} -.ebComponentList-item { - cursor: pointer; -} -.ebComponentList-item-name { - display: inline-block; - font-size: 12px; - text-overflow: ellipsis; - overflow: hidden; - width: calc(100% - 24px); - vertical-align: middle; -} -.ebComponentList-item_icon { - font-size: 0; -} -.ebComponentList-link, -.ebComponentList-item, -.ebComponentList-item > *, -.ebComponentList-group-header { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} -.ebComponentList-group { - display: block; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-group-header, -.ebComponentList-group_expandable_expanded > .ebComponentList-group-header { - font-size: 0; - cursor: pointer; - white-space: nowrap; - height: 24px; - vertical-align: middle; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-group-header .ebComponentList-iconHolder + .ebComponentList-group-name, -.ebComponentList-group_expandable_expanded > .ebComponentList-group-header .ebComponentList-iconHolder + .ebComponentList-group-name { - width: calc(100% - 40px); -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-inner, -.ebComponentList-group_expandable_expanded > .ebComponentList-inner { - padding: 0 0 0 24px; - margin: 0 -0.8rem; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-group-header { - border: none; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-item { - overflow: hidden; - padding: 0; - margin: 0; - height: 0; - opacity: 0; - transition: height 0.2s linear, padding 0.075s 0.075s linear, margin 0.075s 0.075s linear, opacity 0.075s linear; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-group_expandable_collapsed .ebComponentList-group-header, -.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-group_expandable_expanded .ebComponentList-group-header { - overflow: hidden; - padding: 0; - margin: 0; - height: 0; - opacity: 0; - transition: height 0.2s linear, padding 0.075s 0.075s linear, margin 0.075s 0.075s linear, opacity 0.075s linear; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-group > .ebComponentList-inner { - padding: 0; - margin: 0; - transition: padding 0.1s 0.1s linear, margin 0.1s 0.1s linear; -} -.ebComponentList-group_expandable_expanded > .ebComponentList-group-header { - border-bottom: 1px solid #999; -} -.ebComponentList-group_expandable_expanded > .ebComponentList-inner > .ebComponentList-item { - overflow: hidden; - height: 24px; - transition: height 0.2s linear, padding 0.075s linear, margin 0.075s linear, opacity 0.15s 0.15s linear; -} -.ebComponentList-group_expandable_expanded > .ebComponentList-inner > .ebComponentList-group_expandable_expanded > .ebComponentList-group-header, -.ebComponentList-group_expandable_expanded > .ebComponentList-inner > .ebComponentList-group_expandable_collapsed > .ebComponentList-group-header { - overflow: hidden; - height: 24px; - text-overflow: ellipsis; - transition: height 0.2s linear, padding 0.075s linear, margin 0.075s linear, opacity 0.15s 0.15s linear; -} -.ebComponentList-group:not(.ebComponentList-group_expandable_collapsed):not(.ebComponentList-group_expandable_expanded) > .ebComponentList-group-header { - cursor: default !important; - pointer-events: none !important; - -ms-touch-action: none !important; - touch-action: none !important; - -khtml-user-select: none !important; - -moz-user-select: none !important; - -o-user-select: none !important; - -webkit-user-select: none !important; - user-select: none; -} -.ebComponentList-group-header { - font-size: 1.2rem; - font-weight: bold; - line-height: 2.4rem; - border-bottom: 1px solid #999; - background-color: #ffffff; -} -.ebComponentList-group-header_icon { - font-size: 0; -} -.ebComponentList-group-header_icon > .ebComponentList-group-name { - width: calc(100% - 24px); -} -.ebComponentList-group-name { - display: inline-block; - width: calc(100% - 16px); - font-size: 1.2rem; - line-height: 2.4rem; - font-weight: bold; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - vertical-align: middle; -} -.ebComponentList-inner { - margin: 0 -0.8rem; - padding: 4px 0 0 0; -} -.ebComponentList-link { - display: block; -} -.ebComponentList-link:hover { - text-decoration: none; -} -.ebComponentList-separator { - height: 1px; - margin: 0.4rem; - background-color: #E6E6E6; -} -.ebComponentList_focus_forced .ebComponentList-item:hover { - background-color: transparent; -} -.ebComponentList_focus_forced .ebComponentList-item_focused:hover { - background-color: #e6f0f7; -} -.ebComponentList:not(.ebComponentList_focus_forced) .ebComponentList-item:hover { - background-color: #e6f0f7; -} -.ebComponentList_focus_forced .ebComponentList-item:active, -.ebComponentList:not(.ebComponentList_focus_forced) .ebComponentList-item:active { - background-color: #cce0f0; -} -.ebComponentList-item { - /* Fixes MultiSelectBox ellipsis bug in Firefox */ - margin: 0px !important; - font-size: 1em !important; -} -.ebComponentList-item_focused { - background-color: #e6f0f7; -} -.ebComponentList-item_disabled { - color: #b0b0af; - cursor: not-allowed !important; -} -.ebComponentList-item_disabled:hover, -.ebComponentList-item_disabled:active { - background-color: inherit !important; -} -.ebComponentList-item_selected { - position: relative; - cursor: default; -} -.ebComponentList-item_selected > .ebComponentList-link { - cursor: default; - color: #333333; - cursor: default !important; - pointer-events: none !important; - -ms-touch-action: none !important; - touch-action: none !important; - -khtml-user-select: none !important; - -moz-user-select: none !important; - -o-user-select: none !important; - -webkit-user-select: none !important; - user-select: none; -} -.ebComponentList-item_selected:before { - position: absolute; - content: ""; - left: 0; - top: 0; - bottom: 0; - width: 100%; - opacity: .2; - background-color: #0967b2; -} -.ebComponentList-item > .ebComponentList-checkboxHolder > .ebCheckbox { - margin-left: 1px; -} -.ebComponentList-item > .ebComponentList-checkboxHolder > .ebCheckbox-label { - padding-left: 3px; - overflow: hidden; - font-size: 12px; - line-height: 2.4rem; - text-overflow: ellipsis; - width: calc(100% - 24px); -} -.ebComponentList-info { - color: #333333; - font-style: italic; - text-align: center; -} -.ebComponentList-info:hover { - background-color: #ffffff; -} -.ebComponentList-info:active { - background-color: #ffffff; -} -.ebComponentList-info, -.ebComponentList-loader { - display: none; - margin: 0.6rem; - cursor: default; -} -.ebComponentList_info .ebComponentList-group, -.ebComponentList_info .ebComponentList-separator, -.ebComponentList_info .ebComponentList-item { - display: none; -} -.ebComponentList_info .ebComponentList-info { - display: block; -} -.ebComponentList_loading { - min-height: 34px; -} -.ebComponentList_loading .ebComponentList-loader { - display: block; -} -.ebComponentList_loading .ebComponentList-item_selected:before { - display: none; -} -.ebComponentList_loading > .ebComponentList-group, -.ebComponentList_loading > .ebComponentList-item, -.ebComponentList_loading > .ebComponentList-items > .ebComponentList-group, -.ebComponentList_loading > .ebComponentList-items > .ebComponentList-item { - opacity: 0.4; -} - -/* Scrollbar */ -.eb_scrollbar { - -webkit-overflow-scrolling: touch; - overflow: auto; -} -.eb_scrollbar::-webkit-scrollbar { - width: 14px; - height: 14px; -} -.eb_scrollbar::-webkit-scrollbar-track { - background-color: #f0f0f0; - background-clip: content-box; -} -.eb_scrollbar::-webkit-scrollbar-thumb { - background-color: #cccccc; - border-radius: 3px; - transition: all 0.2s linear; - background-clip: content-box; -} -.eb_scrollbar::-webkit-scrollbar-thumb:hover { - background-color: #999999; -} -.eb_scrollbar::-webkit-scrollbar-button { - width: 14px; - height: 14px; - background-repeat: no-repeat; - background-color: #f0f0f0; - background-position: center; -} -.eb_scrollbar::-webkit-scrollbar-button:hover { - background-color: #cccccc; -} -.eb_scrollbar::-webkit-scrollbar-button:vertical:decrement { - background-position: center 4px; - background-image: url("data:image/svg+xml;utf8,"); - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} -.eb_scrollbar::-webkit-scrollbar-button:vertical:increment { - background-image: url("data:image/svg+xml;utf8,"); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} -.eb_scrollbar::-webkit-scrollbar-button:horizontal:decrement { - background-position: 4px center; - background-image: url("data:image/svg+xml;utf8,"); - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; -} -.eb_scrollbar::-webkit-scrollbar-button:horizontal:increment { - background-image: url("data:image/svg+xml;utf8,"); - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; -} - - -/* Input */ -.ebInput { - display: inline-block; - vertical-align: middle; - text-align: left; - font-size: 1.2rem; - width: 140px; - height: 2.4rem; - padding: 0.4rem 0.6rem; - border: 1px solid #b3b3b3; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - box-shadow: inset 1px 1px 0 0 #cccccc; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; -} -.ebInput_wMargin { - margin: 6px; -} -.ebInput_txtCenter { - text-align: center; -} -.ebInput_miniW, -.ebInput_width_mini { - width: 40px; -} -.ebInput_smallW, -.ebInput_width_small { - width: 80px; -} -.ebInput_longW, -.ebInput_width_long { - width: 180px; -} -.ebInput_xLongW, -.ebInput_width_xLong { - width: 220px; -} -.ebInput_width_full { - min-width: 40px; - width: 100%; -} -.ebInput_noRightSide { - border-width: 1px 0 1px 1px; - border-radius: 3px 0 0 3px; -} -.ebInput_noLeftSide { - border-width: 1px 1px 1px 0; - border-radius: 0 3px 3px 0; - box-shadow: inset 0 1px 0 0 #cccccc; -} -.ebInput:hover { - border-color: #666666; -} -.ebInput[readonly] { - cursor: text; - //box-shadow: none; - border-color: #E3E3E3; - background-color: #f0f0f0; - color: #b2b2b2; -} -.ebInput[readonly]:hover { - //border-color: #E3E3E3; -} -.ebInput_disabled, -.ebInput:disabled { - color: #B2B2B2; - border-color: #B2B2B2; - background-color: rgba(0, 0, 0, 0.05); - -webkit-text-fill-color: #b2b2b2; - opacity: 1; - -ms-touch-action: none !important; - touch-action: none !important; - box-shadow: inset 1px 1px 0 0 #cccccc; -} -.ebInput_borderColor { - border-color: #b3b3b3; -} -.ebInput_borderColor_red { - border-color: #e32119; -} -.ebInput_status_none { - border-color: #b3b3b3; -} -.ebInput_status_warning { - border-color: #f08a00; -} -.ebInput_status_error { - border-color: #e32119; -} -.ebInput.eb_wMargin + .ebInput-status { - margin: -0.2rem 0.8rem 0 0.6rem; -} -.ebInput-status { - display: block; - margin: 0.4rem 0 0 0; - line-height: 1.2rem; - min-height: 1.8rem; - font-size: 1.2rem; - font-weight: normal; -} -.ebInput-statusOk, -.ebInput-statusError { - vertical-align: middle; -} -.ebInput-statusOk:before, -.ebInput-statusError:before { - display: inline-block; - vertical-align: middle; - margin: 0 0.6rem 0 0; - width: 1.2rem; - height: 1.2rem; - content: ''; - background-repeat: no-repeat; -} -.ebInput-statusInfo { - vertical-align: middle; - color: #8d8d8d; -} -.ebInput-statusOk { - color: #89ba17; - display: none; -} -.ebInput-statusOk:before { - background-image: url('../resources/form/valid_icon.svg'); -} -.ebInput-statusError { - color: #e32119; - display: none; -} -.ebInput-statusError:before { - background-image: url('../resources/form/invalid_icon.svg'); -} -.ebInput-status_none { - display: none; -} -.ebInput-status_hide .ebInput-statusOk, -.ebInput-status_hide .ebInput-statusError, -.ebInput-status_hide .ebInput-statusInfo { - display: none; -} -.ebInput-status_info .ebInput-statusInfo { - display: inline-block; -} -.ebInput-status_info .ebInput-statusOk, -.ebInput-status_info .ebInput-statusError { - display: none; -} -.ebInput-status_ok .ebInput-statusOk { - display: inline-block; -} -.ebInput-status_ok .ebInput-statusError, -.ebInput-status_ok .ebInput-statusInfo { - display: none; -} -.ebInput-status_error .ebInput-statusError { - display: inline-block; -} -.ebInput-status_error .ebInput-statusOk, -.ebInput-status_error .ebInput-statusInfo { - display: none; -} -.ebInput:not(.ebInput_validation_focusLost):valid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusOk { - display: inline-block; -} -.ebInput:not(.ebInput_validation_focusLost):invalid:not(.ebInput_borderColor):not(.ebInput_status_warning):not(.ebInput_status_none) { - border-color: #e32119; -} -.ebInput:not(.ebInput_validation_focusLost):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusError { - display: inline-block; -} -.ebInput:not(.ebInput_validation_focusLost):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusInfo { - display: none; -} -.ebInput.ebInput_validation_focusLost:not(:focus):valid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusOk { - display: inline-block; -} -.ebInput.ebInput_validation_focusLost:not(:focus):invalid:not(.ebInput_borderColor):not(.ebInput_status_warning):not(.ebInput_status_none) { - border-color: #e32119; -} -.ebInput.ebInput_validation_focusLost:not(:focus):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusError { - display: inline-block; -} -.ebInput.ebInput_validation_focusLost:not(:focus):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusInfo { - display: none; -} - -/* Textarea */ -.ebTextArea { - -webkit-overflow-scrolling: touch; - overflow: auto; - display: inline-block; - vertical-align: middle; - text-align: left; - font-size: 1.2rem; - width: 140px; - padding: 0.4rem 0.6rem; - margin: 0; - border: 1px solid #b3b3b3; - font-family: arial; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - box-shadow: inset 1px 1px 0 0 #cccccc; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; -} -.ebTextArea::-webkit-scrollbar { - width: 14px; - height: 14px; -} -.ebTextArea::-webkit-scrollbar-track { - background-color: #f0f0f0; - background-clip: content-box; -} -.ebTextArea::-webkit-scrollbar-thumb { - background-color: #cccccc; - border-radius: 3px; - transition: all 0.2s linear; - background-clip: content-box; -} -.ebTextArea::-webkit-scrollbar-thumb:hover { - background-color: #999999; -} -.ebTextArea::-webkit-scrollbar-button { - width: 14px; - height: 14px; - background-repeat: no-repeat; - background-color: #f0f0f0; - background-position: center; -} -.ebTextArea::-webkit-scrollbar-button:hover { - background-color: #cccccc; -} -.ebTextArea::-webkit-scrollbar-button:vertical:decrement { - background-position: center 4px; - background-image: url("data:image/svg+xml;utf8,"); - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} -.ebTextArea::-webkit-scrollbar-button:vertical:increment { - background-image: url("data:image/svg+xml;utf8,"); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} -.ebTextArea::-webkit-scrollbar-button:horizontal:decrement { - background-position: 4px center; - background-image: url("data:image/svg+xml;utf8,"); - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; -} -.ebTextArea::-webkit-scrollbar-button:horizontal:increment { - background-image: url("data:image/svg+xml;utf8,"); - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; -} -.ebTextArea_noMargin { - margin: 0; -} -.ebTextArea_txtCenter { - text-align: center; -} -.ebTextArea_miniW, -.ebTextArea_width_mini { - width: 40px; -} -.ebTextArea_smallW, -.ebTextArea_width_small { - width: 80px; -} -.ebTextArea_longW, -.ebTextArea_width_long { - width: 180px; -} -.ebTextArea_xLongW, -.ebTextArea_width_xLong { - width: 220px; -} -.ebTextArea_width_full { - min-width: 40px; - width: 100%; -} -.ebTextArea_noRightSide { - border-width: 1px 0 1px 1px; - border-radius: 3px 0 0 3px; -} -.ebTextArea_noLeftSide { - border-width: 1px 1px 1px 0; - border-radius: 0 3px 3px 0; -} -.ebTextArea:hover { - border-color: #666666; -} -.ebTextArea[readonly] { - cursor: text; - border-color: #E3E3E3; - background-color: #f0f0f0; - color: #b2b2b2; -} -.ebTextArea[readonly]:hover { - //border-color: #E3E3E3; -} -.ebTextArea_disabled, -.ebTextArea:disabled { - color: #B2B2B2; - border-color: #B2B2B2; - background-color: rgba(0, 0, 0, 0.05); - -ms-touch-action: none; - touch-action: none; - -webkit-text-fill-color: #b2b2b2; - opacity: 1; - box-shadow: inset 1px 1px 0 0 #cccccc; -} -.ebTextArea_status_none { - border-color: #b3b3b3; -} -.ebTextArea_status_warning { - border-color: #f08a00; -} -.ebTextArea_status_error { - border-color: #e32119; -} -.ebTextArea:invalid:not(.ebTextArea_status_warning):not(.ebTextArea_status_none) { - border-color: #e32119; -} - -/* Button */ -.ebBtn { - position: relative; - display: inline-block; - vertical-align: middle; - color: #333333; - background-color: #ffffff; - border: none; - min-width: 60px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - border-radius: 3px; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); - padding: 0 8px; - height: 2.4rem; - font-size: 1.2rem; - white-space: nowrap; - text-decoration: none; - text-align: center; - cursor: pointer; -} -a.ebBtn:hover { - color: #333; -} -a.ebBtn:focus, -a.ebBtn:active, -a.ebBtn_active { - text-decoration: none; -} -.ebBtn:focus { - outline: none; - box-shadow: 0 0 2px 1px #4d90fe, 0 0 0 1px rgba(0, 0, 0, 0.2) inset; -} -.ebBtn_color_blue, -.ebBtn_color_darkBlue, -.ebBtn_color_paleBlue, -.ebBtn_color_darkGreen, -.ebBtn_color_green, -.ebBtn_color_orange, -.ebBtn_color_red, -.ebBtn_color_purple { - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); - color: #F0F0F0 !important; -} -.ebBtn_color_blue:hover, -.ebBtn_color_darkBlue:hover, -.ebBtn_color_paleBlue:hover, -.ebBtn_color_darkGreen:hover, -.ebBtn_color_green:hover, -.ebBtn_color_orange:hover, -.ebBtn_color_red:hover, -.ebBtn_color_purple:hover { - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); -} -.ebBtn_color_blue { - background-color: #0966b3; -} -.ebBtn_color_darkBlue { - background-color: #0066b3; -} -.ebBtn_color_paleBlue { - background-color: #00A9D4; -} -.ebBtn_color_darkGreen { - background-color: #00625F; -} -.ebBtn_color_green { - background-color: #89BA17; -} -.ebBtn_color_orange { - background-color: #F08A00; -} -.ebBtn_color_red { - background-color: #E32119; -} -.ebBtn_color_purple { - background-color: #953882; -} -.ebBtn_small { - font-size: 1.1rem; - padding: 0 6px; - height: 2rem; -} -.ebBtn_large { - font-size: 1.4rem; - padding: 0 10px; - height: 3.8rem; -} -.ebBtn:hover { - text-decoration: none; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); -} -.ebBtn_active, -.ebBtn:active, -.ebBtn_active:hover { - text-decoration: none; - box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); -} -.ebBtn:disabled, -.ebBtn_disabled, -.ebBtn:disabled:hover, -.ebBtn_disabled:hover, -.ebBtn:disabled:active, -.ebBtn_disabled:active { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; - background: rgba(0, 0, 0, 0.1); - color: #8d8d8d !important; -} -.ebBtn:disabled .ebIcon, -.ebBtn_disabled .ebIcon { - opacity: 0.3; -} -.ebBtn_subtle { - background-image: none; - background-color: transparent; - box-shadow: none; - min-width: auto; -} -.ebBtn_subtle:hover { - background-image: none; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); -} -.ebBtn_subtle:focus { - box-shadow: 0 0 2px 1px #4d90fe, 0 0 0 1px rgba(0, 0, 0, 0.2) inset; -} -.ebBtn_subtle:active, -.ebBtn_subtle.ebBtn_subtle_active { - text-decoration: none; - box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); -} -.ebBtn_subtle:disabled, -.ebBtn_subtle.ebBtn_subtle_disabled, -.ebBtn_subtle:disabled:hover, -.ebBtn_subtle.ebBtn_subtle_disabled:hover, -.ebBtn_subtle:disabled:active, -.ebBtn_subtle.ebBtn_subtle_disabled:active { - background-color: transparent; - box-shadow: none; -} -.ebBtn:active:focus, -.ebBtn_active:focus { - box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 2px 1px #4d90fe; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); -} - -/* Combobox */ -.ebCombobox { - position: relative; - display: inline-block; - vertical-align: middle; - white-space: nowrap; - margin: 0; - padding: 0; - height: 2.4rem; -} -.ebCombobox_width_full { - min-width: 70px; - width: 100%; -} -.ebCombobox_width_full .ebInput { - width: calc(100% - 30px); -} -.ebCombobox-list, -.ebCombobox-body { - position: absolute; - margin-top: 6px; - display: none; - width: 100%; -} -.ebCombobox-list_rightAlign, -.ebCombobox-body_rightAlign { - right: 0; -} -.ebCombobox-Helper, -.ebCombobox-helper { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - /*height: 100%; ewwatkmi: replaced with 2.4rem below*/ - height: 2.4rem; - cursor: pointer; - border: 1px solid #999999; - background-color: #ffffff; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 0 3px 3px 0; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); -} -.ebCombobox-Helper:hover, -.ebCombobox-helper:hover { - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); -} -.ebCombobox-Helper:active, -.ebCombobox-helper:active { - box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.35); - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); -} -.ebCombobox-Helper:disabled, -.ebCombobox-helper:disabled { - border-color: #b2b2b2; -} -.ebCombobox-Helper:disabled, -.ebCombobox-helper:disabled, -.ebCombobox-Helper:disabled:hover, -.ebCombobox-helper:disabled:hover, -.ebCombobox-Helper:disabled:active, -.ebCombobox-helper:disabled:active { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; - background: #e5e5e5; - color: #B2B2B2; - cursor: not-allowed; - box-shadow: none; -} -.ebCombobox-Helper .ebCombobox-iconHolder, -.ebCombobox-helper .ebCombobox-iconHolder { - display: inline-block; - opacity: 0.7; - cursor: pointer; - line-height: 2.2rem; -} -.ebCombobox-Helper .ebCombobox-iconHolder .ebIcon, -.ebCombobox-helper .ebCombobox-iconHolder .ebIcon { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - margin: auto; -} -.ebCombobox:hover > .ebCombobox-Helper, -.ebCombobox:hover > .ebCombobox-helper { - border-color: #666666; -} -.ebCombobox .ebInput:focus ~ .ebCombobox-list, -/*.ebCombobox .ebInput:focus ~ .ebCombobox-body,*/ -.ebCombobox:active > .ebCombobox-list, -/*.ebCombobox:active > .ebCombobox-body*/ { - display: block; -} -.ebCombobox > .ebCombobox-list, -.ebCombobox > .ebCombobox-body { - display: none; -} -.ebCombobox_noMargin { - margin: 0; -} -.ebCombobox_disabled, -.ebCombobox_disabled *:hover { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; -} -.ebCombobox_disabled .ebCombobox-iconHolder, -.ebCombobox_disabled .ebCombobox-iconHolder:hover, -.ebCombobox_disabled .ebCombobox-iconHolder:active { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; - opacity: 0.3; -} -.ebCombobox_disabled:hover > .ebCombobox-Helper, -.ebCombobox_disabled:hover > .ebCombobox-helper { - border-color: #b2b2b2; -} -.ebCombobox_disabled:active > .ebCombobox-list, -.ebCombobox_disabled:active > .ebCombobox-body { - display: none; -} -.ebCombobox_disabled .ebInput:focus ~ .ebCombobox-list, -.ebCombobox_disabled .ebInput:focus ~ .ebCombobox-body { - display: none; -} -.ebCombobox_status_warning .ebInput { - border-color: #f08a00; -} -.ebCombobox_status_error .ebInput { - border-color: #e32119; -} - -/* Switcher */ -.ebSwitcher { - position: relative; - height: 24px; - width: 84px; - display: block; - overflow: hidden; - cursor: pointer; - border: 1px solid #ccc; - border-radius: 3px; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; -} -.ebSwitcher-checkbox { - display: none; -} -.ebSwitcher-body { - position: relative; - font-size: 0; - white-space: nowrap; - top: 0; - left: 0; - width: 100%; - height: 100%; - transition: left 0.2s linear; -} -.ebSwitcher-onLabel, -.ebSwitcher-switch, -.ebSwitcher-offLabel { - display: inline-block; - vertical-align: top; - overflow: hidden; - height: 100%; -} -.ebSwitcher-onLabel, -.ebSwitcher-offLabel { - width: calc(100% - 24px); - line-height: 2.4rem; - color: white; - text-align: center; - font-size: 1.2rem; -} -.ebSwitcher-onLabel { - background-color: #89ba17; -} -.ebSwitcher-offLabel { - background-color: #999999; -} -.ebSwitcher-switch { - height: 24px; - width: 24px; - transition: left 0.2s; -} -.ebSwitcher-switch::after { - content: ""; - position: absolute; - margin: -1px; - width: 24px; - height: 24px; - display: inline-block; - background: #ffffff; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.2); -} -.ebSwitcher-checkbox:not(:checked) + .ebSwitcher-body { - left: calc(-100% + 24px); -} -.ebSwitcher:focus { - /* - outline: #4d90fe auto 5px; - box-shadow: 0 0 0 1px #4d90fe; - -webkit-box-shadow: none; - */ - outline: none; - box-shadow: 0 0 2px 1px #4d90fe; -} -.ebSwitcher_status_warning { - border-color: #f08a00; -} -.ebSwitcher_status_error { - border-color: #e32119; -} -.ebSwitcher_disabled { - cursor: not-allowed; -} -.ebSwitcher_disabled .ebSwitcher-onLabel, -.ebSwitcher_disabled .ebSwitcher-offLabel, -.ebSwitcher_disabled .ebSwitcher-switch::after { - background-color: #e5e5e5; - background-image: none; - color: #8d8d8d; -} - -/* Dropdown */ -.ebDropdown { - position: relative; - display: inline-block; - height: 2.4rem; - padding: 0; - margin: 0; -} -.ebDropdown-list, -.ebDropdown-body { - position: absolute; - margin-top: 6px; - display: none; - min-width: 100%; -} -.ebDropdown-list_rightAlign, -.ebDropdown-body_rightAlign { - right: 0; -} -.ebDropdown-Header, -.ebDropdown-header { - position: relative; - display: inline-block; - vertical-align: middle; - height: 100%; - min-width: 60px; - margin: 0; - padding: 6px 8px; - line-height: 1.2rem; - font-size: 1.2rem; - text-align: left; - text-decoration: none; - white-space: nowrap; - color: #333333; - background-color: #ffffff; - border: none; - cursor: pointer; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - border-radius: 3px; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); -} -.ebDropdown-Header:hover, -.ebDropdown-header:hover { - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); -} -.ebDropdown-Header:active, -.ebDropdown-header:active { - box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); -} -.ebDropdown-Header .ebDropdown-caption, -.ebDropdown-header .ebDropdown-caption { - display: inline-block; - padding: 0 4px 0 0; - vertical-align: middle; - min-width: 27px; -} -.ebDropdown-Header .ebDropdown-iconHolder, -.ebDropdown-header .ebDropdown-iconHolder { - display: inline-block; - cursor: pointer; - opacity: 0.7; -} -.ebDropdown .ebDropdown-Header:focus + .ebDropdown-list, -.ebDropdown .ebDropdown-header:focus + .ebDropdown-body, -.ebDropdown .ebDropdown-Header:active + .ebDropdown-list, -.ebDropdown .ebDropdown-header:active + .ebDropdown-body, -.ebDropdown:focus > .ebDropdown-list, -.ebDropdown:focus > .ebDropdown-body, -.ebDropdown:active > .ebDropdown-list, -.ebDropdown:active > .ebDropdown-body { - display: block; -} -.ebDropdown_disabled .ebDropdown-Header, -.ebDropdown_disabled .ebDropdown-header { - background: rgba(0, 0, 0, 0.1); - color: #B2B2B2; -} -.ebDropdown_disabled .ebDropdown-Header, -.ebDropdown_disabled .ebDropdown-header, -.ebDropdown_disabled .ebDropdown-Header:hover, -.ebDropdown_disabled .ebDropdown-header:hover, -.ebDropdown_disabled .ebDropdown-Header:active, -.ebDropdown_disabled .ebDropdown-header:active { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; -} -.ebDropdown_disabled .ebDropdown-Header:hover, -.ebDropdown_disabled .ebDropdown-header:hover, -.ebDropdown_disabled .ebDropdown-Header:active, -.ebDropdown_disabled .ebDropdown-header:active { - background: rgba(0, 0, 0, 0.1); - color: #B2B2B2; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); -} -.ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder, -.ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder, -.ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder:hover, -.ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder:hover, -.ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder:active, -.ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder:active { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; - opacity: 0.3; -} -.ebDropdown_disabled .ebDropdown-Header:focus + .ebDropdown-list, -.ebDropdown_disabled .ebDropdown-header:focus + .ebDropdown-body, -.ebDropdown_disabled .ebDropdown-Header:active + .ebDropdown-list, -.ebDropdown_disabled .ebDropdown-header:active + .ebDropdown-body, -.ebDropdown_disabled:focus > .ebDropdown-list, -.ebDropdown_disabled:focus > .ebDropdown-body, -.ebDropdown_disabled:active > .ebDropdown-list, -.ebDropdown_disabled:active > .ebDropdown-body { - display: none; -} - -/* Icons */ -.ebIcon { - display: inline-block; - vertical-align: middle; - border: none; - height: 16px; - width: 16px; - line-height: 1.6rem; - background-repeat: no-repeat; - background-position: center; - background-color: transparent; - background-size: 100%; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; - /*small icons */ - /*16px icons*/ -} -.ebIcon_interactive { - opacity: 0.7; - cursor: pointer; -} -.ebIcon_interactive:hover { - opacity: 1.0; -} -.ebIcon_interactive:active { - opacity: 0.4; -} -.ebIcon_button { - margin: 10px; -} -.ebIcon_noVertAlign { - vertical-align: inherit; -} -.ebIcon_disabled { - cursor: default; -} -.ebIcon_disabled, -.ebIcon_disabled:hover, -.ebIcon_disabled:active { - opacity: 0.3; -} -.ebIcon_small { - width: 1rem; - height: 1rem; - line-height: 1rem; -} -.ebIcon_big { - width: 2rem; - height: 2rem; - line-height: 2rem; -} -.ebIcon_large { - width: 2.8rem; - height: 2.8rem; - line-height: 2.8rem; -} -.ebIcon_wMargin { - margin: 4px; -} -.ebIcon_upArrow { - background-image: url('../resources/16px/ArrowUpSmall_black_16px.svg'); -} -.ebIcon_upArrow_white { - background-image: url('../resources/16px/arrowUpSmall_white_16px.svg'); -} -.ebIcon_downArrow { - background-image: url('../resources/16px/ArrowDownSmall_black_16px.svg'); -} -.ebIcon_downArrow_white { - background-image: url('../resources/16px/ArrowDownSmall_white_16px.svg'); -} -.ebIcon_leftArrow { - background-image: url('../resources/16px/ArrowLeftSmall_black_16px.svg'); -} -.ebIcon_leftArrow_white { - background-image: url('../resources/16px/ArrowLeftSmall_white_16px.svg'); -} -.ebIcon_rightArrow { - background-image: url('../resources/16px/ArrowRightSmall_black_16px.svg'); -} -.ebIcon_rightArrow_white { - background-image: url('../resources/16px/ArrowRightSmall_white_16px.svg'); -} -.ebIcon_prevArrow { - background-image: url('../resources/16px/ArrowDoubleLeftSmall_black_16px.svg'); -} -.ebIcon_nextArrow { - background-image: url('../resources/16px/ArrowDoubleRightSmall_black_16px.svg'); -} -.ebIcon_upArrow_10px { - background-image: url('../resources/10px/ArrowUpSmall_black_10px.svg'); -} -.ebIcon_downArrow_10px { - background-image: url('../resources/10px/ArrowDownSmall_black_10px.svg'); -} -.ebIcon_leftArrow_10px { - background-image: url('../resources/10px/ArrowLeftSmall_black_10px.svg'); -} -.ebIcon_rightArrow_10px { - background-image: url('../resources/10px/ArrowRightSmall_black_10px.svg'); -} -.ebIcon_prevArrow_10px { - background-image: url('../resources/10px/ArrowDoubleLeftSmall_black_10px.svg'); -} -.ebIcon_nextArrow_10px { - background-image: url('../resources/10px/ArrowDoubleRightSmall_black_10px.svg'); -} -.ebIcon_errorSmall { - background-image: url('../resources/other/errorSmall_red_10px.svg'); -} -.ebIcon_tickSmallBlack { - background-image: url('../resources/other/tick_black_10x8px.svg'); -} -.ebIcon_tickSmallGreen { - background-image: url('../resources/other/tick_green_10x8px.svg'); -} -.ebIcon_upArrowLarge { - background-image: url('../resources/16px/ArrowUp_black_16px.svg'); -} -.ebIcon_upArrowLarge_white { - background-image: url('../resources/16px/ArrowUp_white_16px.svg'); -} -.ebIcon_downArrowLarge { - background-image: url('../resources/16px/ArrowDown_black_16px.svg'); -} -.ebIcon_downArrowLarge_white { - background-image: url('../resources/16px/ArrowDown_white_16px.svg'); -} -.ebIcon_downArrowLarge_blue { - background-image: url('../resources/16px/ArrowDown_blue_16px.svg'); -} -.ebIcon_leftArrowLarge { - background-image: url('../resources/16px/ArrowLeft_black_16px.svg'); -} -.ebIcon_leftArrowLarge_white { - background-image: url('../resources/16px/ArrowLeft_white_16px.svg'); -} -.ebIcon_rightArrowLarge { - background-image: url('../resources/16px/ArrowRight_black_16px.svg'); -} -.ebIcon_rightArrowLarge_white { - background-image: url('../resources/16px/ArrowRight_white_16px.svg'); -} -.ebIcon_circleArrowDown { - background-image: url('../resources/16px/circleArrowDown_black_16px.svg'); -} -.ebIcon_circleArrowDown_white { - background-image: url('../resources/16px/circleArrowDown_white_16px.svg'); -} -.ebIcon_circleArrowLeft { - background-image: url('../resources/16px/circleArrowLeft_black_16px.svg'); -} -.ebIcon_circleArrowLeft_white { - background-image: url('../resources/16px/circleArrowLeft_white_16px.svg'); -} -.ebIcon_circleArrowRight { - background-image: url('../resources/16px/circleArrowRight_black_16px.svg'); -} -.ebIcon_circleArrowRight_white { - background-image: url('../resources/16px/circleArrowRight_white_16px.svg'); -} -.ebIcon_circleArrowUp { - background-image: url('../resources/16px/circleArrowUp_black_16px.svg'); -} -.ebIcon_circleArrowUp_white { - background-image: url('../resources/16px/circleArrowUp_white_16px.svg'); -} -.ebIcon_circleCaretDown { - background-image: url('../resources/16px/circleCaretDown_black_16px.svg'); -} -.ebIcon_circleCaretDown_white { - background-image: url('../resources/16px/circleCaretDown_white_16px.svg'); -} -.ebIcon_circleCaretLeft { - background-image: url('../resources/16px/circleCaretLeft_black_16px.svg'); -} -.ebIcon_circleCaretLeft_white { - background-image: url('../resources/16px/circleCaretLeft_white_16px.svg'); -} -.ebIcon_circleCaretRight { - background-image: url('../resources/16px/circleCaretRight_black_16px.svg'); -} -.ebIcon_circleCaretRight_white { - background-image: url('../resources/16px/circleCaretRight_white_16px.svg'); -} -.ebIcon_circleCaretUp { - background-image: url('../resources/16px/circleCaretUp_black_16px.svg'); -} -.ebIcon_circleCaretUp_white { - background-image: url('../resources/16px/circleCaretUp_white_16px.svg'); -} -.ebIcon_eLogo { - background-image: url('../resources/systemBar/econ01.svg'); -} -.ebIcon_comment { - background-image: url('../resources/16px/Comment_black_16px.svg'); -} -.ebIcon_comment_white { - background-image: url('../resources/16px/comment_white.svg'); -} -.ebIcon_copy { - background-image: url('../resources/16px/copy_black_16px.svg'); -} -.ebIcon_copy_white { - background-image: url('../resources/16px/copy_white_16px.svg'); -} -.ebIcon_cut { - background-image: url('../resources/16px/cut_black.svg'); -} -.ebIcon_cut_white { - background-image: url('../resources/16px/cut_white.svg'); -} -.ebIcon_delete { - background-image: url('../resources/16px/delete_black_16px.svg'); -} -.ebIcon_delete_white { - background-image: url('../resources/16px/delete_white_16px.svg'); -} -.ebIcon_duplicate { - background-image: url('../resources/16px/duplicate_black_16px.svg'); -} -.ebIcon_duplicate_white { - background-image: url('../resources/16px/duplicate_white_16px.svg'); -} -.ebIcon_edit { - background-image: url('../resources/16px/edit_black_16px.svg'); -} -.ebIcon_editWhite { - background-image: url('../resources/16px/edit_white_16px.svg'); -} -.ebIcon_newFile { - background-image: url('../resources/16px/newFile_black_16px.svg'); -} -.ebIcon_newFile_white { - background-image: url('../resources/16px/newFile_white_16px.svg'); -} -.ebIcon_save { - background-image: url('../resources/16px/save_black_16px.svg'); -} -.ebIcon_save_white { - background-size: contain; - background-image: url('../resources/16px/save_white.svg'); -} -.ebIcon_filter { - background-image: url('../resources/16px/filter_black_16px.svg'); -} -.ebIcon_filterOn { - background-image: url('../resources/16px/filters_on.svg'); -} -.ebIcon_filterOff { - background-image: url('../resources/16px/filters_off.svg'); -} -.ebIcon_filter_white { - background-image: url('../resources/16px/filter_white_16px.svg'); -} -.ebIcon_folder { - background-image: url('../resources/16px/folder_black_16px.svg'); -} -.ebIcon_folder_white { - background-image: url('../resources/16px/folder_white_16px.svg'); -} -.ebIcon_folderClosed { - background-image: url('../resources/16px/folderClosed_black.svg'); -} -.ebIcon_folderClosed_white { - background-image: url('../resources/16px/folderClosed_white.svg'); -} -.ebIcon_detach { - background-image: url('../resources/16px/detach_black_16px.svg'); -} -.ebIcon_detach_white { - background-size: contain; - background-image: url('../resources/16px/detach_white.svg'); -} -.ebIcon_import { - background-image: url('../resources/16px/import_black.svg'); -} -.ebIcon_import_white { - background-image: url('../resources/16px/import_white.svg'); -} -.ebIcon_export { - background-image: url('../resources/16px/export_black_16px.svg'); -} -.ebIcon_export_white { - background-image: url('../resources/16px/export_white.svg'); -} -.ebIcon_undo { - background-image: url('../resources/16px/undo_black_16px.svg'); -} -.ebIcon_undo_white { - background-image: url('../resources/16px/undo_white_16px.svg'); -} -.ebIcon_cancelled { - background-image: url('../resources/16px/Cancelled_Black_16px.svg'); -} -.ebIcon_draft { - background-size: contain; - background-image: url('../resources/16px/draft.svg'); -} -.ebIcon_importExport { - background-image: url('../resources/16px/import_export.svg'); -} -.ebIcon_login { - background-image: url('../resources/16px/login.svg'); -} -.ebIcon_move { - background-image: url('../resources/16px/move.svg'); -} -.ebIcon_remove { - background-image: url('../resources/16px/remove.svg'); -} -.ebIcon_valid { - background-image: url('../resources/16px/valid_icon.svg'); -} -.ebIcon_invalid { - background-image: url('../resources/16px/invalid_icon.svg'); -} -.ebIcon_error { - background-image: url('../resources/16px/error_red_16px.svg'); -} -.ebIcon_warning { - background-image: url('../resources/16px/warning_yellow_16px.svg'); -} -.ebIcon_warningOrange { - background-image: url('../resources/16px/warning_orange_16px.svg'); -} -.ebIcon_warning_white { - background-image: url('../resources/16px/warning_white.svg'); -} -.ebIcon_warningShield { - background-image: url('../resources/16px/warningShield_black_16px.svg'); -} -.ebIcon_warningShield_white { - background-size: contain; - background-image: url('../resources/16px/warningShield_white.svg'); -} -.ebIcon_mail { - background-image: url('../resources/16px/mail_black_16px.svg'); -} -.ebIcon_mail_white { - background-image: url('../resources/16px/mail_white_16px.svg'); -} -.ebIcon_mailRead { - background-image: url('../resources/16px/mailRead_black_16px.svg'); -} -.ebIcon_mailRead_white { - background-image: url('../resources/16px/mailRead_white_16px.svg'); -} -.ebIcon_link { - background-image: url('../resources/16px/Link_black_16px.svg');; -} -.ebIcon_lock { - background-image: url('../resources/16px/lock_black_16px.svg'); -} -.ebIcon_lock_white { - background-image: url('../resources/16px/lock_white_16px.svg'); -} -.ebIcon_unlock { - background-image: url('../resources/16px/unlock_black_16px.svg'); -} -.ebIcon_unlock_white { - background-image: url('../resources/16px/unlock_white_16px.svg'); -} -.ebIcon_logout { - background-image: url('../resources/16px/logout_black_16px.svg'); -} -.ebIcon_menu { - background-image: url('../resources/16px/menu_black_16px.svg'); -} -.ebIcon_menu_white { - background-image: url('../resources/16px/menu_white_16px.svg'); -} -.ebIcon_search { - background-image: url('../resources/16px/search_black_16px.svg'); -} -.ebIcon_searchWhite { - background-image: url('../resources/16px/search_white_16px.svg'); -} -.ebIcon_advancedSearch { - background-image: url('../resources/16px/advanced_search_black_16px.svg'); -} -.ebIcon_advancedSearchWhite { - background-image: url('../resources/16px/advanced_search_white_16px.svg'); -} -.ebIcon_share { - background-image: url('../resources/16px/share_black_16px.svg'); -} -.ebIcon_share_white { - background-image: url('../resources/16px/share_white.svg'); -} -.ebIcon_star { - background-image: url('../resources/16px/star_black_16px.svg'); -} -.ebIcon_star_white { - background-image: url('../resources/16px/star_white_16px.svg'); -} -.ebIcon_star_yellow { - background-image: url('../resources/16px/star_yellow_16px.svg'); -} -.ebIcon_starOutline { - background-image: url('../resources/16px/star_outline_black_16px.svg'); -} -.ebIcon_starOutline_white { - background-image: url('../resources/16px/star_outline_white_16px.svg'); -} -.ebIcon_starOutline_yellow { - background-image: url('../resources/16px/star_outline_yellow_16px.svg'); -} -.ebIcon_tick { - background-image: url('../resources/16px/tick_green_16px.svg'); -} -.ebIcon_tick_black { - background-image: url('../resources/16px/tick_16px.svg'); -} -.ebIcon_simpleGreenTick { - background-image: url('../resources/16px/simple_green_tick.svg'); -} -.ebIcon_simpleTick_black { - background-image: url('../resources/16px/simple_tick.svg'); -} -.ebIcon_download { - background-image: url('../resources/16px/download_black.svg'); -} -.ebIcon_download_white { - background-image: url('../resources/16px/download_white.svg'); -} -.ebIcon_downloadWhite { - background-image: url('../resources/16px/download_white_16px.svg'); -} -.ebIcon_documentWhite { - background-image: url('../resources/16px/document_white_16px.svg'); -} -.ebIcon_expand { - background-image: url('../resources/16px/expand_black_16px.svg'); -} -.ebIcon_rowCollapsed { - background-image: url('../resources/16px/rowCollapsed_black_16px.svg'); -} -.ebIcon_rowExpanded { - background-image: url('../resources/16px/rowExpanded_black_16px.svg'); -} -.ebIcon_rowView { - background-image: url('../resources/16px/rowView_black_16px.svg'); -} -.ebIcon_rowView_white { - background-image: url('../resources/16px/rowView_white.svg'); -} -.ebIcon_externalApp { - background-image: url('../resources/16px/externalApp_black_16px.svg'); -} -.ebIcon_externalApp_white { - background-image: url('../resources/16px/externalApp_white_16px.svg'); -} -.ebIcon_fullscreen { - background-image: url('../resources/16px/fullscreen_black_16px.svg'); -} -.ebIcon_fullscreenMinimize { - background-image: url('../resources/16px/fullscreenMinimise_black_16px.svg'); -} -.ebIcon_help { - background-image: url('../resources/16px/help_black_16px.svg'); -} -.ebIcon_help_white { - background-image: url('../resources/16px/help_white.svg'); -} -.ebIcon_info { - background-image: url('../resources/16px/info_black.svg'); -} -.ebIcon_info_white { - background-image: url('../resources/16px/info_white.svg'); -} -.ebIcon_dialogInfo { - background-image: url('../resources/16px/dialogInfo_blue.svg'); -} -.ebIcon_dialogInfo_white { - background-image: url('../resources/16px/dialogInfo_white.svg'); -} -.ebIcon_infoMsgIndicator { - background-image: url('../resources/16px/infoMsgIndicator_16px.svg'); -} -.ebIcon_exitFullscreen { - background-image: url('../resources/16px/minimiseFullscreen_black_16px.svg'); -} -.ebIcon_refresh { - background-image: url('../resources/16px/refresh_black_16px.svg'); -} -.ebIcon_refresh_white { - background-image: url('../resources/16px/refresh_white_16px.svg'); -} -.ebIcon_settings { - background-image: url('../resources/16px/settings_black_16px.svg'); -} -.ebIcon_settings_white { - background-image: url('../resources/16px/settings_white_16px.svg'); -} -.ebIcon_user { - background-image: url('../resources/16px/user_black_16px.svg'); -} -.ebIcon_user_white { - background-image: url('../resources/16px/user_white_16px.svg'); -} -.ebIcon_close { - background-image: url('../resources/16px/X_black_16px.svg'); -} -.ebIcon_close_white { - background-image: url('../resources/16px/close_white_16px.svg'); -} -.ebIcon_close_blue { - background-image: url('../resources/16px/X_blue_16px.svg'); -} -.ebIcon_close_paleBlue { - background-image: url('../resources/16px/X_paleBlue_16px.svg'); -} -.ebIcon_close_green { - background-image: url('../resources/16px/X_green_16px.svg'); -} -.ebIcon_close_orange { - background-image: url('../resources/16px/X_orange_16px.svg'); -} -.ebIcon_close_red { - background-image: url('../resources/16px/X_red_16px.svg'); -} -.ebIcon_close_yellow { - background-image: url('../resources/16px/X_yellow_16px.svg'); -} -.ebIcon_minus { - background-image: url('../resources/16px/minus_black_16px.svg'); -} -.ebIcon_plus { - background-image: url('../resources/16px/plus_black_16px.svg'); -} -.ebIcon_add { - background-image: url('../resources/16px/add_black_16px.svg'); -} -.ebIcon_add_white { - background-image: url('../resources/16px/add_white_16px.svg'); -} -.ebIcon_multiSelect { - background-image: url('../resources/16px/multiSelect_black_16px.svg'); -} -.ebIcon_multiSelect_white { - background-size: contain; - background-image: url('../resources/16px/multiSelect_white.svg'); -} -.ebIcon_multiSort { - background-image: url('../resources/16px/multi-sort.svg'); -} -.ebIcon_multiSort_white { - background-image: url('../resources/16px/multi-sort_white.svg'); -} -.ebIcon_sort { - background-image: url('../resources/16px/sort.svg'); -} -.ebIcon_sort_white { - background-image: url('../resources/16px/sort_white.svg'); -} -.ebIcon_stop { - background-image: url('../resources/16px/stop_black_16px.svg'); -} -.ebIcon_pause { - background-image: url('../resources/16px/pause_black_16px.svg'); -} -.ebIcon_suspend { - background-image: url('../resources/16px/suspend_black_16px.svg'); -} -.ebIcon_resume { - background-image: url('../resources/16px/resume_black_16px.svg'); -} -.ebIcon_play { - background-image: url('../resources/16px/play_black_16px.svg'); -} -.ebIcon_fastForward { - background-image: url('../resources/16px/fastForward_black_16px.svg'); -} -.ebIcon_fastRewind { - background-image: url('../resources/16px/fastRewind_black_16px.svg'); -} -.ebIcon_print { - background-image: url('../resources/16px/print_black_16px.svg'); -} -.ebIcon_print_white { - background-image: url('../resources/16px/print_white_16px.svg'); -} -.ebIcon_calendar { - background-image: url('../resources/16px/calendar_black_16px.svg'); -} -.ebIcon_calendar_white { - background-image: url('../resources/16px/calendar_white_16px.svg'); -} -.ebIcon_addToFolder { - background-image: url('../resources/16px/addToFolder_black.svg'); -} -.ebIcon_addToFolder_white { - background-image: url('../resources/16px/addToFolder_white.svg'); -} -.ebIcon_alarmCleared { - background-image: url('../resources/16px/alarmCleared_16px.svg'); -} -.ebIcon_alarmCleared_white { - background-image: url('../resources/16px/alarmCleared_white_16px.svg'); -} -.ebIcon_alarmCritical { - background-image: url('../resources/16px/alarmCritical_16px.svg'); -} -.ebIcon_alarmCritical_white { - background-image: url('../resources/16px/alarmCritical_white_16px.svg'); -} -.ebIcon_alarmHeartbeat { - background-image: url('../resources/16px/alarmHeartbeat_16px.svg'); -} -.ebIcon_alarmIndeterminate { - background-image: url('../resources/16px/alarmIndeterminate_16px.svg'); -} -.ebIcon_alarmIndeterminate_white { - background-image: url('../resources/16px/alarmIndeterminate_white_16px.svg'); -} -.ebIcon_alarmMajor { - background-image: url('../resources/16px/alarmMajor_16px.svg'); -} -.ebIcon_alarmMajor_white { - background-image: url('../resources/16px/alarmMajor_white_16px.svg'); -} -.ebIcon_alarmMinor { - background-image: url('../resources/16px/alarmMinor_16px.svg'); -} -.ebIcon_alarmMinor_white { - background-image: url('../resources/16px/alarmMinor_white_16px.svg'); -} -.ebIcon_alarmWarning { - background-image: url('../resources/16px/alarmWarning_16px.svg'); -} -.ebIcon_alarmWarning_white { - background-image: url('../resources/16px/alarmWarning_white_16px.svg'); -} -.ebIcon_alarmOtherGrouping { - background-image: url('../resources/16px/alarmOtherGrouping_16px.svg'); -} -.ebIcon_alarmUnacknowledged { - background-image: url('../resources/16px/alarmUnacknowledged.svg'); -} -.ebIcon_alarmUnacknowledged_white { - background-image: url('../resources/16px/alarmUnacknowledged_white.svg'); -} -.ebIcon_alarmUnspecified { - background-image: url('../resources/16px/alarmUnspecified_16px.svg'); -} -.ebIcon_acknowledgeAlarm { - background-image: url('../resources/16px/acknowledgeAlarm.svg'); -} -.ebIcon_acknowledgeAlarm_white { - background-image: url('../resources/16px/acknowledgeAlarm_white.svg'); -} -.ebIcon_clearAlarm { - background-image: url('../resources/16px/clearAlarm.svg'); -} -.ebIcon_clearAlarm_white { - background-image: url('../resources/16px/clearAlarm_white.svg'); -} -.ebIcon_bsc { - background-image: url('../resources/16px/BSC_black_16px.svg'); -} -.ebIcon_bscYellow { - background-image: url('../resources/16px/BSC_Yellow_16px.svg'); -} -.ebIcon_bscFunction { - background-image: url('../resources/16px/BSCFunction_black_16px.svg'); -} -.ebIcon_bscFunctionYellow { - background-image: url('../resources/16px/BSCFunction_Yellow_16px.svg'); -} -.ebIcon_cabinet { - background-image: url('../resources/16px/cabinet_black_16px.svg'); -} -.ebIcon_cellGray { - background-image: url('../resources/16px/cell_gray_16px.svg'); -} -.ebIcon_cellGreen { - background-image: url('../resources/16px/cell_green_16px.svg'); -} -.ebIcon_cellRed { - background-image: url('../resources/16px/cell_red_16px.svg'); -} -.ebIcon_cellAdjacent { - background-image: url('../resources/16px/cellAdjacent_16px.svg'); -} -.ebIcon_cellExternal { - background-image: url('../resources/16px/cellExternal_16px.svg'); -} -.ebIcon_charging { - background-image: url('../resources/16px/charging_black.svg'); -} -.ebIcon_charging_white { - background-size: contain; - background-image: url('../resources/16px/charging_white.svg'); -} -.ebIcon_connected { - background-image: url('../resources/16px/connected_black_16px.svg'); -} -.ebIcon_disconnected { - background-image: url('../resources/16px/disconnected_black_16px.svg'); -} -.ebIcon_connectionError { - background-image: url('../resources/16px/connectionError_black_16px.svg'); -} -.ebIcon_core { - background-image: url('../resources/16px/core_black_16px.svg'); -} -.ebIcon_coreSubscriber { - background-image: url('../resources/16px/coreSubscriber_black_16px.svg'); -} -.ebIcon_database { - background-image: url('../resources/16px/database_black_16px.svg'); -} -.ebIcon_ftpServer { - background-image: url('../resources/16px/ftpServer_black_16px.svg'); -} -.ebIcon_ftpServerFunction { - background-image: url('../resources/16px/ftpServerFunction_black_16px.svg'); -} -.ebIcon_gatewayFunction { - background-image: url('../resources/16px/gatewayFunction_black_16px.svg'); -} -.ebIcon_grabHandle { - background-image: url('../resources/16px/grabHandle_black_16px.svg'); -} -.ebIcon_grabHandle_white { - background-size: contain; - background-image: url('../resources/16px/grabHandle_white.svg'); -} -.ebIcon_managedFunction { - background-image: url('../resources/16px/managedFunction_black_16px.svg'); -} -.ebIcon_managedGroup { - background-image: url('../resources/16px/managedGroup_black_16px.svg'); -} -.ebIcon_managementNode { - background-image: url('../resources/16px/managementNode_black_16px.svg'); -} -.ebIcon_network { - background-image: url('../resources/16px/network_black_16px.svg'); -} -.ebIcon_networkElement { - background-image: url('../resources/16px/networkElement_black_16px.svg'); -} -.ebIcon_networkElement_white { - background-image: url('../resources/16px/networkElement_white_16px.svg'); -} -.ebIcon_rbs { - background-image: url('../resources/16px/RBS_black_16px.svg'); -} -.ebIcon_rbs_white { - background-image: url('../resources/16px/RBS_white_16px.svg'); -} -.ebIcon_routeSwitch { - background-image: url('../resources/16px/routeSwitch.svg'); -} -.ebIcon_rxi { - background-image: url('../resources/16px/rxi_black_16px.svg'); -} -.ebIcon_switchFunction { - background-image: url('../resources/16px/switchFunction_black_16px.svg'); -} -.ebIcon_technicianPresent { - background-image: url('../resources/16px/technicianPresent_16px.svg'); -} -.ebIcon_terminal { - background-image: url('../resources/16px/terminal_black_16px.svg'); -} -.ebIcon_topology { - background-image: url('../resources/16px/topology_black_16px.svg'); -} -.ebIcon_access { - background-image: url('../resources/16px/access_black_16px.svg'); -} -.ebIcon_access_white { - background-image: url('../resources/16px/access_white_16px.svg'); -} -.ebIcon_accessSettings { - background-image: url('../resources/16px/accessSettings_black_16px.svg'); -} -.ebIcon_accessSettings_white { - background-image: url('../resources/16px/accessSettings_white_16px.svg'); -} -.ebIcon_alignCenter { - background-image: url('../resources/16px/alignCenter_black_16px.svg'); -} -.ebIcon_alignCenter_white { - background-image: url('../resources/16px/alignCenter_white.svg'); -} -.ebIcon_alignLeft { - background-image: url('../resources/16px/alignLeft_black_16px.svg'); -} -.ebIcon_alignLeft_white { - background-image: url('../resources/16px/alignLeft_white.svg'); -} -.ebIcon_alignRight { - background-image: url('../resources/16px/alignRight_black_16px.svg'); -} -.ebIcon_alignRight_white { - background-image: url('../resources/16px/alignRight_white.svg'); -} -.ebIcon_cli { - background-image: url('../resources/16px/CommandLineInterface_black_16px.svg'); -} -.ebIcon_cli_white { - background-image: url('../resources/16px/CommandLineInterface_white_16px.svg'); -} -.ebIcon_controllingNode { - background-image: url('../resources/16px/controllingNode.svg'); -} -.ebIcon_grid3x3 { - background-image: url('../resources/16px/grid3X3_black_16px.svg'); -} -.ebIcon_grid3x3_white { - background-image: url('../resources/16px/grid3x3_white.svg'); -} -.ebIcon_grid4x4 { - background-image: url('../resources/16px/grid4X4_black_16px.svg'); -} -.ebIcon_grid4x4_white { - background-image: url('../resources/16px/grid4x4_white.svg'); -} -.ebIcon_gridView { - background-image: url('../resources/16px/gridView_black_16px.svg'); -} -.ebIcon_gridView_white { - background-image: url('../resources/16px/gridView_white.svg'); -} -.ebIcon_jumpTo { - background-image: url('../resources/16px/jumpTo_black_16px.svg'); -} -.ebIcon_microwave { - background-image: url('../resources/16px/microwave.svg'); -} -.ebIcon_mo { - background-image: url('../resources/16px/mo.svg'); -} -.ebIcon_security { - background-image: url('../resources/16px/security_black_16px.svg'); -} -.ebIcon_security_white { - background-image: url('../resources/16px/security_white_16px.svg'); -} -.ebIcon_site { - background-image: url('../resources/16px/site_black_16px.svg'); -} -.ebIcon_siteManager { - background-image: url('../resources/16px/siteManager_black_16px.svg'); -} -.ebIcon_subnetwork { - background-image: url('../resources/16px/subnetwork.svg'); -} -.ebIcon_gateway, -.ebIcon_switch { - background-image: url('../resources/16px/switch.svg'); -} -.ebIcon_tip { - background-image: url('../resources/16px/tip_black_16px.svg'); -} -.ebIcon_tip_white { - background-image: url('../resources/16px/tip_white_16px.svg'); -} -.ebIcon_attach { - background-image: url('../resources/16px/attach_black_16px.svg'); -} -.ebIcon_attach_white { - background-size: contain; - background-image: url('../resources/16px/attach_white.svg'); -} -.ebIcon_clock { - background-image: url('../resources/16px/clock_black_16px.svg'); -} -.ebIcon_clock_white { - background-image: url('../resources/16px/clock_white_16px.svg'); -} -.ebIcon_windowMaximize { - background-image: url('../resources/16px/WindowMaximize_black_16px.svg'); -} -.ebIcon_windowMinimize { - background-image: url('../resources/16px/WindowMinimize_black_16px.svg'); -} -.ebIcon_deprecated { - background-image: url('../resources/16px/deprecated_16px.svg'); -} -.ebIcon_obsolete { - background-image: url('../resources/16px/obsolete_16px.svg'); -} -.ebIcon_newStatus_blue { - background-image: url('../resources/16px/newStatus_blue_16px.svg'); -} -.ebIcon_newStatus_green { - background-image: url('../resources/16px/newStatus_green_16px.svg'); -} -.ebIcon_upload { - background-image: url('../resources/16px/upload_black_16px.svg'); -} -.ebIcon_activate { - background-image: url('../resources/16px/activate_black_16px.svg'); -} -.ebIcon_activate_white { - background-size: contain; - background-image: url('../resources/16px/activate_white.svg'); -} -.ebIcon_deactivate { - background-image: url('../resources/16px/deactivate_black_16px.svg'); -} -.ebIcon_deactivate_white { - background-size: contain; - background-image: url('../resources/16px/deactivate_white.svg'); -} -.ebIcon_switchBetween { - background-image: url('../resources/16px/switchBetween_black_16px.svg'); -} -.ebIcon_switchBetween_white { - background-image: url('../resources/16px/switchBetween_white_16px.svg'); -} -.ebIcon_eye { - background-image: url('../resources/16px/eye_black_16px.svg'); -} -.ebIcon_eye_white { - background-image: url('../resources/16px/eye_white_16px.svg'); -} -.ebIcon_eyeLine { - background-image: url('../resources/16px/eyeLine_black_16px.svg'); -} -.ebIcon_eyeLine_white { - background-image: url('../resources/16px/eyeLine_white.svg'); -} -.ebIcon_activityTray { - background-image: url('../resources/16px/activity_16px_black.svg'); -} -.ebIcon_note { - background-image: url('../resources/16px/note_black_16px.svg'); - background-size: contain; -} -.ebIcon_note_white { - background-image: url('../resources/16px/note_white_16px.svg'); -} -.ebIcon_tableView { - background-image: url('../resources/16px/tableView_black_16px.svg'); -} -.ebIcon_tableView_white { - background-image: url('../resources/16px/tableView_white_16px.svg'); -} -.ebIcon_synced { - background-image: url('../resources/16px/Syncd_16px.svg'); -} -.ebIcon_syncError { - background-image: url('../resources/16px/SyncError_16px.svg'); -} -.ebIcon_syncing { - background-image: url('../resources/16px/Syncing_Static_16px.svg'); -} -.ebIcon_syncing_animated { - background-image: url('../resources/16px/Syncing_Animated_16px.svg'); -} - - -/* Breadcrumb */ -.ebBreadcrumbs { - position: relative; - display: block; - font-size: 0; - margin-top: 12px; - margin-bottom: 4px; -} -.ebBreadcrumbs-link { - font-size: 1.2rem; - vertical-align: middle; - display: inline-block -} -.ebBreadcrumbs-list { - position: absolute; - left: 0; - margin-top: 6px; - display: none; - min-width: calc(100% - 16px); - max-width: 250px; - z-index: 1500 -} -.ebBreadcrumbs-arrow { - margin-left: .6rem; - vertical-align: middle; - outline: none; - display: inline-block; - line-height: 12px -} -.ebBreadcrumbs-arrow:focus>* { - opacity: 1 -} -.ebBreadcrumbs-arrow_hidden { - display: none -} -.ebBreadcrumbs-arrow:focus+.ebBreadcrumbs-list { - display: block -} -.ebBreadcrumbs-item { - position: relative; - font-size: 0; - white-space: nowrap; - display: inline-block; - margin-bottom: .8rem -} -.ebBreadcrumbs-item:after { - vertical-align: middle; - display: inline-block; - width: 20px; - content: "/"; - font-size: 1.6rem; - text-align: center; - color: #999; - cursor: default !important; - pointer-events: none !important; - -ms-touch-action: none !important; - touch-action: none !important; - -khtml-user-select: none !important; - -moz-user-select: none !important; - -o-user-select: none !important; - -webkit-user-select: none !important; - user-select: none -} -.ebBreadcrumbs-item:last-child { - margin-right: 0 -} -.ebBreadcrumbs-item:last-child>.ebBreadcrumbs-link { - -ms-touch-action: none !important; - touch-action: none !important; - -khtml-user-select: none !important; - -moz-user-select: none !important; - -o-user-select: none !important; - -webkit-user-select: none !important; - user-select: none -} -.ebBreadcrumbs-item:last-child:after { - content: ""; - padding: 0; - font-size: 0; - width: 0; -} - -.ebBreadcrumbs a { - font-size: 1.2rem; - color: #0066b3; - text-decoration: none; -} -.ebBreadcrumbs a:hover { - text-decoration: underline; - outline: none; -} -.ebBreadcrumbs a:active { - text-decoration: underline -} -.ebBreadcrumbs a:focus { - outline: none; - text-decoration: underline; - box-shadow: none; -} - -.title { - padding: 0px; -} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/showhideTextarea.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/css/showhideTextarea.css deleted file mode 100644 index 86da161..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/showhideTextarea.css +++ /dev/null @@ -1,134 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -/* the div */ -.showHideTextarea{ -} - -/* the textarea */ -.showHideTextarea_hidden -{ - display: none; - width: 100%; - font-size: 15px; - height: 300px; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -.showHideTextarea_displayed -{ - display: block; - width: 100%; - font-size: 15px; - height: 300px; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} -/* -.showHideTextarea_hidden textarea:focus -{ - -moz-box-shadow: 0 0 8px #88D5E9; - -webkit-box-shadow: 0 0 8px #88D5E9; - box-shadow: 0 0 8px #88D5E9; - border: 1px solid #88D5E9; -} - -.showHideTextarea_displayed textarea:focus -{ - -moz-box-shadow: 0 0 8px #88D5E9; - -webkit-box-shadow: 0 0 8px #88D5E9; - box-shadow: 0 0 8px #88D5E9; - border: 1px solid #88D5E9; -} -*/ -/* the button - show mode */ -.showHideTextarea_show{ - display: block; - width: 150px; - font-size: 15px; - background-color: #f6f6f6; - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - cursor: pointer; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -/* the button - hide mode */ -.showHideTextarea_hide{ - display: block; - width: 150px; - font-size: 15px; - background-color: #f6f6f6; - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - cursor: pointer; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -/* the button - disabled */ -.showHideTextarea_show_disabled{ - display: none; -} - -.showHideTextarea_hide_disabled{ - display: none; -} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/styles.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/css/styles.css deleted file mode 100644 index a1a8e47..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/css/styles.css +++ /dev/null @@ -1,556 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -.layoutWrapper { - margin: 0 40px; -} - -.appHeading { - color:rgb(51, 51, 51); - display:block; - font-family:Arial, Helvetica, sans-serif; - font-size:12px; - height:32px; - line-height:12px; - position:relative; -} - -.headerAreaPlaceholder { - position: relative; - height: 28px; - background-color: #E8E8E8; - padding-top: 0.4rem; - margin: 12px 0px 0px; - border-radius: 3px; - margin-bottom: -42px; - z-index: -1; -} - -.headerArea { - top: 50px; - padding: 5px 0px 5px; - margin: 9px 0px 0px; - background-color: #E8E8E8; - border-radius: 3px; -} - -.menuArea { - float: left; -} - -.mainTabs { - position: absolute; - top: 20px; - bottom: 20px; - width: auto; - border: solid 1px #CCCCCC; -} - -.mainArea { - padding-bottom: 100px; /*height of footer*/ -} - -.footerArea { - position: fixed; - bottom: 0; - left: 0; - width: 100%; - height: 60px; - border: 3px solid #73AD21; - background-color: powderblue; -} - -.footerArea table { - width: auto; - border-spacing: 2; -} - -.footerArea td.static { - width: 150px; - vertical-align: top; - padding: 3px 3px 3px 3px; -} - -.footerArea td.scroll { - width: 90%; - vertical-align: top; -} - -.footerArea table.scroll { - width: 100%; - border-spacing: 2; -} - -.footerArea table.scroll tbody, .footerArea table.scroll tr { - display: block; -} - -.footerArea table.scroll tbody { - height: 90px; - overflow-y: auto; - overflow-x: hidden; -} - -.footerArea table.scroll tbody td { - width: auto; -} - -.footerArea table.scroll td { - border: solid 1px #CCCCCC; -} - -.footerArea table.scroll thead th:last-child { - width: auto; -} - -.footerArea thead tr { - height: 60px; - line-height: 30px; - text-align: left; -} - -.footerArea tbody td:last-child { - border-right: none !important; -} - -.edit_area_toggle_checkbox { - display: inline-block !important; - font-weight: normal !important; - font-size: 16px !important; -} - -.newModelFormDiv { - background-color: white; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 600px; - height: 420px; - resize: both; - overflow: auto; - padding: 10px 10px 10px 10px; - border: 1px solid #c0c0c0; - border-radius: 3px; - box-shadow: 0 3px 6px #999999; -} - -.newModelFormDiv .headingSpan { - width: 100%; - height: 30px; - display: inline-block; - text-align: center; - font-weight: bold; - font-size: 20px; - padding: 5px 0px 0px 0px; - border-bottom: #c0c0c0 solid 1px; -} - -.newModelDivBackground { - position: fixed; - height: 100%; - width: 100%; - background-color: rgba(0,0,0,0.5); - top: 0px; - left: 0px; -} - -.resultFormDiv { - background-color: white; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 600px; - height: 620px; - resize: both; - overflow: auto; - padding: 10px 10px 10px 10px; - border: 1px solid #c0c0c0; - border-radius: 3px; - box-shadow: 0 3px 6px #999999; -} - -.resultFormDiv .headingSpan { - width: 100%; - height: 30px; - display: inline-block; - text-align: center; - font-weight: bold; - font-size: 20px; - padding: 5px 0px 0px 0px; - border-bottom: #c0c0c0 solid 1px; -} - -.resultFormDiv .okButton { - font-size: 15px; - float: right; -} - -.resultFormDiv .form-style-1 .field-textarea { - height: 500px; - font-size: 15px; -} - - -.form-style-1 { - margin: 10px auto; - font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; -} - -.form-style-1 li { - padding: 0; - display: block; - list-style: none; - margin: 10px 0 0 0; -} - -.form-style-1 label { - margin: 0 0 3px 0; - padding: 0px; - display: block; - font-weight: bold; -} - -.form-style-1 input[type=text], .form-style-1 input[type=date], - .form-style-1 input[type=datetime], .form-style-1 input[type=number], - .form-style-1 input[type=search], .form-style-1 input[type=time], - .form-style-1 input[type=url], .form-style-1 input[type=email], - textarea, select { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 0px 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -.form-style-1 input[type=text]:focus, .form-style-1 input[type=date]:focus, - .form-style-1 input[type=datetime]:focus, .form-style-1 input[type=number]:focus, - .form-style-1 input[type=search]:focus, .form-style-1 input[type=time]:focus, - .form-style-1 input[type=url]:focus, .form-style-1 input[type=email]:focus, - .form-style-1 textarea:focus, .form-style-1 select:focus { - -moz-box-shadow: 0 0 8px #88D5E9; - -webkit-box-shadow: 0 0 8px #88D5E9; - box-shadow: 0 0 8px #88D5E9; - border: 1px solid #88D5E9; -} -.form-style-1 input:focus::-webkit-input-placeholder { color:transparent; } -.form-style-1 input:focus:-moz-placeholder { color:transparent; } - -.form-style-1 .field { - font-size: 15px; -} - -.form-style-1 .field-divided { - width: 49%; - font-size: 15px; -} - -.form-style-1 .field-long { - width: 100%; - font-size: 15px; -} - -.form-style-1 .field-medium { - width: 50%; - font-size: 15px; -} - -.form-style-1 .field-select { - width: 100%; - font-size: 15px; -} - -.form-style-1 .field-textarea { - height: 100px; - font-size: 15px; -} - -.form-style-1 .field-javaType{ - width: 100%; - font-size: 15px; -} - -.form-style-1 .field-schemaFlavour{ - width: 100%; - font-size: 15px; -} - -.form-style-1 .field-taskSelLogic{ - width: 100%; - font-size: 15px; - height: 300px; -} - -.form-style-1 .field-taskLogic{ - width: 100%; - font-size: 15px; - height: 300px; -} - -.form-style-1 .field-finalizerLogic{ - width: 100%; - font-size: 15px; - height: 300px; -} - -.form-style-1 .field-schemaDefinition{ - width: 100%; - font-size: 15px; - height: 100px; -} - -.form-style-1 .required { - color: red; -} - -.form-style-1 .button { - font-size: 15px; -} - -.form-style-1 .delete_ex { - height: 30px; - width: 30px; - opacity: 1; - font-size: 30px; - line-height: 30px; - transition: all 0.8s; - border: 1px solid transparent; - text-align: center; -} -.form-style-1 .delete_ex:hover { - border-radius: 50%; - background: tomato; - border: 1px solid black; -} -.form-style-1 .delete_ex_disabled { - width: 0px; - opacity: 0; -} - - - -.hideable_div_hidden -{ - display: none; -} - -.hideable_div_displayed -{ - display: block; -} - - - -/* the textarea */ -.hideable_Textarea_hidden -{ - display: none; -} - -.hideable_Textarea_displayed -{ - display: block; - width: 100%; - height: 300px; -} - -.hideable_Textarea_hidden textarea:focus -{ - -moz-box-shadow: 0 0 8px #88D5E9; - -webkit-box-shadow: 0 0 8px #88D5E9; - box-shadow: 0 0 8px #88D5E9; - border: 1px solid #88D5E9; -} - -.hideable_Textarea_displayed textarea:focus -{ - -moz-box-shadow: 0 0 8px #88D5E9; - -webkit-box-shadow: 0 0 8px #88D5E9; - box-shadow: 0 0 8px #88D5E9; - border: 1px solid #88D5E9; -} - -/* the button - show mode */ -.showhide_button_show{ - display: block; - width: 150px; - font-size: 15px; - background-color: #f6f6f6; - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - cursor: pointer; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -/* the button - hide mode */ -.showhide_button_hide{ - display: block; - width: 150px; - font-size: 15px; - background-color: #f6f6f6; - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - cursor: pointer; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -.showhide_div_hide{ - display: none; -} - -.showhide_div_show{ - display: block; -} - -.add-field { - display: inline-block; - cursor: pointer; - margin-left: 1px; -} - -.form-add-icon, .form-add-text { - display: inline-block; - vertical-align: middle; -} - -.form-add-text { - margin-left: 8px; -} - -.form-heading { - text-align: start; -} - -.ui-tabs-tab-custom { - border-radius: 5px 5px 0px 0px; -} - -.ui-tabs-active-custom { - border: 1px solid #ccc !important; - border-width: 1px 0 0 1px !important; - background-image: none !important; - background-color: #fff !important; - border-bottom-color: transparent !important; - cursor: default !important; -} - -.ui-tabs-anchor-custom { - color: #454545 !important; -} - -input:disabled { - background-color: #FF0000; -} - -.modelTagArea { - height: 24px; -} - -.modelTag { - display: none; -} - -.field-add-new { - display: none; -} - -.field-checkbox-center { - text-align: center; - vertical-align: middle; -} - -.placeholder { - text-align: center; - white-space: nowrap; -} - -.onapLogo { - padding-right: 100px; - height: 75px; - width: 350px; -} - -.apexLogo { - height: 267px; - width: 350px; -} - -.ui-tabs-panel { - overflow-x: auto; -} - -.periodic-events-checkbox { - margin-left: 12px; -} - -.periodic-events-label { - display: inline-block !important; - font-weight: normal !important; - font: 14px Lucida Sans Unicode, Lucida Grande, sans-serif !important; -} - -.policy-trigger-event { - display: inline-block !important; - font-weight: normal !important; -} - -input:focus::-webkit-input-placeholder { color:transparent; } -input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */ -input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */ -input:focus:-ms-input-placeholder { color:transparent; } /* IE */ - -textarea:focus::-webkit-input-placeholder { color:transparent; } -textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */ -textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */ -textarea:focus:-ms-input-placeholder { color:transparent; } /* IE */ - -.title { - padding: 0px; -} \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/close.html b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/close.html new file mode 100644 index 0000000..60c43a5 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/close.html @@ -0,0 +1,44 @@ + + + + + +Apex Editor + + + +
+
Apex Policy Editor
+
+ +
+ +

Thanks for using the Apex editor :-) +

+ For more information, see the APEX-PDP + documentation. +

+ + + \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/close.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/close.css new file mode 100644 index 0000000..128c060 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/close.css @@ -0,0 +1,48 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2016-2018 Ericsson. All rights reserved. + * Modifications Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +html, body { + height: 100%; +} + +.placeholder { + text-align: center; + position: relative; + top: 50%; + margin: -200px auto; + white-space: nowrap; +} + +.placeholderLogo { + z-index: -1; + position: relative; +} + +.onapLogo { + padding-right: 100px; + height: 300px; + width: 400px; +} + +.apexLogo { + height: 300px; + width: 400px; +} \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/contextMenu.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/contextMenu.css new file mode 100644 index 0000000..78f5288 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/contextMenu.css @@ -0,0 +1,111 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2016-2018 Ericsson. All rights reserved. + * Modifications Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +.contextmenu_hide { + display: none; +} + +.contextmenu_show { + font-family: Helvetica, Arial, sans-serif; + font-weight: 300; + list-style: none; + padding: 0 0 0 5px; + margin: 0; + background: rgba(255,255,255,.85); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: 000; + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25); + z-index:1000; + position: absolute; + white-space: nowrap; + float: left; + width: auto; +} + +.contextmenu_show ul { + padding: 0; + margin: 0; + list-style: none; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); + background: #f5f5f5; + border: 1px solid #ccc; + border-radius: 0 0 5px 5px; + color: #000; + font-weight: 300; +} + +.contextmenu_show > li { + display: inline-block; + padding: 3px 5px; + margin: 0; +} + +.contextmenu_show > li.selected { + background: #007bff; + color: #fff; + font-weight: 400; +} + +.contextmenu_show li { + cursor: default; + transition: all .1s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.contextmenu_show ul li { + line-height: 1.5em; + padding: 0 5px; +} + +.contextmenu_show ul li.disabled { + color: #999; + pointer-events: none; +} + +.contextmenu_show ul li:hover { + background: #007bff; + color: #fff; + font-weight: 400; +} + +.contextmenu_show ul li ul { + border-radius: 5px; + position: absolute; + margin-top: -70px; +} + +.contextmenu_show ul li type{ + line-height: 1.5em; + padding: 0 5px; + font-family: monospace; +} + +.contextmenu_show ul li value{ + line-height: 1.5em; + padding: 0 5px; + font-family: monospace; +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/dropdownList.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/dropdownList.css new file mode 100644 index 0000000..483a1ce --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/dropdownList.css @@ -0,0 +1,134 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2016-2018 Ericsson. All rights reserved. + * Modifications Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +.dropdownList_display { + display: inline-block; + vertical-align: middle; + text-align: left; + font-size: 1.2rem; + height: 2.4rem; + padding: 2px 7px; + border: 1px solid #b3b3b3; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + box-shadow: inset 1px 1px 0 0 #cccccc; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + font-family: Arial,Helvetica,sans-serif; + font-size: 1em; + border-width: 1px 0 1px 1px; + border-radius: 3px 0 0 3px; + cursor: pointer; + overflow: hidden; +} + +.dropdownList_display_disabled { + display: inline-block; + vertical-align: middle; + text-align: left; + font-size: 1.2rem; + height: 2.4rem; + padding: 0.4rem 0.6rem; + border: 1px solid #b3b3b3; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + font-family: Arial,Helvetica,sans-serif; + font-size: 1em; + border-width: 1px 0 1px 1px; + border-radius: 3px 0 0 3px; + color: #B2B2B2; + border-color: #B2B2B2; + background-color: rgba(0, 0, 0, 0.05); + -webkit-text-fill-color: #b2b2b2; + opacity: 1; + -ms-touch-action: none !important; + touch-action: none !important; + box-shadow: inset 1px 1px 0 0 #cccccc; + overflow: hidden; +} + +.dropdownList_display_clicked, .dropdownList_display:hover, .dropdownList_display:focus { + //background: #007bff; +} + +.dropdownList_display_disabled :hover, .dropdownList_display_disabled :focus { +} + +.dropdownList { + position: relative; + display: inline-block; +} + +.dropdownList_options { + display: none; + position: absolute; + z-index: 1500; + padding: 0 0 4px 0; + margin: 0; + color: #333; + list-style: none; + background-color: #fff; + border: #bfbfbf solid 1px; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); + border-radius: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; + box-shadow: 5px 5px 5px #87888A; +} + +.dropdownList_options ul li { + padding: 0px; + margin: 0; + text-decoration: none; + display: block; +} + +.dropdownList_options ul li.selected { + background: #007bff; + color: #fff; + font-weight: 400; +} + +.dropdownList_options ul li.disabled { + color: #999; + pointer-events: none; +} + +.dropdownList_options_body { + margin-left: -40px; +} + +.dropdownList ul li:hover { + background: #007bff; + color: #fff; + font-weight: 400; + cursor: pointer; +} + +.dropdownList_show {display:block;} \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/fileMenu.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/fileMenu.css new file mode 100644 index 0000000..8d905d7 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/fileMenu.css @@ -0,0 +1,195 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2016-2018 Ericsson. All rights reserved. + * Modifications Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +.fileMenu { + font-family: Helvetica, Arial, sans-serif; + font-weight: 300; + list-style: none; + padding: 0 0 0 5px; + margin: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: 000; +} + +.fileMenu ul { + display: none; + position: absolute; + z-index:9999; + padding: 0; + margin: 0; + list-style: none; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); + min-width: 250px; + background: #f5f5f5; + border: 1px solid #ccc; + border-radius: 0 0 5px 5px; + color: #000; + font-weight: 300; + text-align: left; +} + +.fileMenu > li { + display: inline-block; + padding: 3px 5px; + margin: 0; +} + +.fileMenu > li.selected { + background: #007bff; + color: #fff; + font-weight: 400; +} + +.fileMenu li { + cursor: default; + transition: all .1s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.fileMenu li.divider { + margin: 3px 0; + height: 1px; + background: #b3b3b3; + pointer-events: none; +} + +.fileMenu li i { + font-size: .8em; + text-align: center; + color: #444; + transition: all .1s; + +} + +.fileMenu li i:before { + position: relative; + top: -.1em; +} + +.fileMenu > li.selected > i, +.fileMenu ul li:hover > i { + color: #ebebeb; +} + +.fileMenu ul li { + line-height: 1.5em; + padding: 0 5px; +} + +.fileMenu ul li.toggle.active i:before { + content: '\f00c'; +} + +.fileMenu ul li.disabled { + color: #999; + pointer-events: none; +} + +.fileMenu ul li.disabled i { + color: #aaa; +} + +.fileMenu ul li.sub:after { + font: normal normal normal; + content: '\f0da'; + float: right; + color: #999; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transform: translate(0, 0); + line-height: inherit; + transition: all .1s; +} + +.fileMenu ul li.sub:hover:after { + color: #fff; +} + +.fileMenu ul li:hover { + background: #007bff; + color: #fff; + font-weight: 400; +} + +.fileMenu ul li:last-child { + border-radius: 0 0 5px 5px; +} + +.fileMenu ul li:hover ul { + display: block; +} + +.fileMenu ul li kbd { + float: right; + font-weight: 300; + font-family: inherit; + color: #999; +} + +.fileMenu ul li ul { + border-radius: 5px; + position: absolute; + margin-top: -70px; +} + +.fileMenu ul li ul li:first-child { + border-radius: 5px 5px 0 0; +} + +.fileMenuButton { + display: inline-block; + vertical-align: middle; + color: #333; + background-color: #fff; + border: none; + min-width: 60px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border-radius: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-image: linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.1) 100%); + padding: 0 8px; + height: 2.4rem; + text-decoration: none; + text-align: center; + cursor: pointer; + line-height: 18px; +} + +.fileMenuSeperator { + display: inline-block; + white-space: nowrap; + vertical-align: middle; + width: 1px; + height: 24px; + background-color: #CCC; + margin: 0 6px; + font-size: 2.4rem; + margin: 0px 10px; +} \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/interfaceAssets.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/interfaceAssets.css new file mode 100644 index 0000000..0f965ee --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/interfaceAssets.css @@ -0,0 +1,2808 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2016-2018 Ericsson. All rights reserved. + * Modifications Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +@charset "utf-8"; +html { + position: relative; + font-family: Arial, Helvetica, sans-serif; + font-size: 10px !important; + line-height: 10px !important; + margin: 0; + padding: 0; + width: 100%; + height: 100%; +} +body { + font-size: 1.6rem; + line-height: 1.2rem; + color: #333333; + background-color: #ffffff; + margin: 0; + padding: 0; +} +*:focus, +.ebInput:focus, +.ebIcon:focus, +.ebCheckbox:focus + .ebCheckbox-inputStatus:after, +.ebRadioBtn:focus + .ebRadioBtn-inputStatus:after, +textarea:focus, +button:focus, +i:focus { + /** + * FF outline do not looks same as Chrome so adding box shadow + * FF outline is not working as expected + **/ + /* + * one way of outline + outline: #4d90fe auto 5px; + box-shadow: 0 0 0 1px #4d90fe; + -webkit-box-shadow: none; + */ + outline: none; + //box-shadow: 0 0 2px 1px #FFFFFF; +} +h1, +h2, +h3, +h4, +h5, +h6 { + color: #4d4d4d; + font-weight: bold; +} +h1 { + line-height: 3.2rem; + font-size: 3.2rem; + font-weight: normal; + padding: 0.6rem 0; + margin: 0 0 0.6rem 0; +} +h2 { + border-bottom: #000000 solid 1px; + line-height: 2.0rem; + font-size: 2.0rem; + font-weight: normal; + padding: 1.2rem 0 0.7rem 0; + margin: 0 0 0.4rem 0; +} +h3 { + border-bottom: #7f7f7f solid 1px; + line-height: 1.6rem; + font-size: 1.6rem; + padding: 1.2rem 0 0.7rem 0; + margin: 0 0 0.4rem 0; + font-weight: normal; + color: #333333; +} +h4 { + border-bottom: #b2b2b2 solid 1px; + line-height: 1.2rem; + font-size: 1.2rem; + padding: 0.6rem 0; + margin: 0 0 0.6rem 0; + font-weight: bold; + color: #333333; +} +.ebLayout-SectionSubheading h3 { + float: left; + margin: 0; + border-bottom: none; +} + +/* System Bar */ +.ebSystemBar { + position: relative; + width: 100%; + height: 40px; + border-top: 4px solid #0066b3; + background-image: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%); + box-shadow: 0 1px 2px #D2D2D2; +} +.ebSystemBar::before { + position: absolute; + top: -4px; + left: 0; + width: 100%; + height: 4px; + content: ""; + font-size: 0; + background: #0066b3; + background: -o-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); + background: -moz-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); + background: -webkit-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); + background: -ms-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); + background: -webkit-gradient(linear, left top, right top, color-stop(0.1, #a2c517), color-stop(0.3, #009046), color-stop(0.5, #0082b6), color-stop(0.75, #151f77), color-stop(1, #db0050)); + background: linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); +} +.ebSystemBar-logo { + position: absolute; + top: 0; + bottom: 0; + left: 0; + height: 40px; + width: 20px; + padding: 0 10px; + background: url('../resources/systemBar/econ01.svg') no-repeat center center transparent; + background-size: 20px; +} +.ebSystemBar-topMenuName { + display: inline-block; + padding: 0 5px 0 40px; + margin: 0; + line-height: 40px; + font-size: 16.8px; + color: #58585A; +} +.ebSystemBar-topMenu { + position: absolute; + top: 0; + bottom: 0; + left: 50px; + list-style: none; + height: 40px; + margin: 0; + padding: 0; +} +.ebSystemBar-topMenu li { + display: inline-block; +} +.ebSystemBar-topMenu a { + padding: 0 5px 0 15px; + margin: 0; + font-size: 1.6em; + line-height: 40px; + color: #58585a; + cursor: pointer; + text-decoration: none; +} +.ebSystemBar-topMenu a:hover { + color: #0066B3; +} +.ebSystemBar-rightButton { + float: right; + display: inline-block; + line-height: 40px; + vertical-align: middle; +} +.ebSystemBar-rightButton a { + display: block; + padding: 0 18px 0 18px; + font-size: 1.3rem; + color: #0066B3; + background-color: transparent; + background-repeat: no-repeat; + background-position: 18px center; + border-left: solid 1px #D2D2D2; +} +.ebSystemBar-rightButton a:hover { + text-decoration: underline; +} +.ebSystemBar-rightButton:hover { + background-image: linear-gradient(180deg, #f2f2f2 0%, #e8e8e8 100%); +} +@media screen and (max-width: 640px) { + .ebSystemBar-topBar-rightButton a { + width: 0; + padding-left: 34px; + text-indent: -9999px; + } +} + +/* Inline Message */ +.ebInlineMessage { + padding: 5px 15px 0px 7px; + font-size: 0; + position: fixed; + bottom: 0; + left: 2; + width: calc(100% - 30px); + height: 66px; + border: 3px solid #adadad; + background-color: #FFFFFF; +} +.ebInlineMessage-iconHolder, +.ebInlineMessage-contentHolder { + display: inline-block; + vertical-align: top; +} +.ebInlineMessage-iconHolder { + width: 20px; + margin: 0 12px 0 0; +} +.ebInlineMessage-contentHolder { + width: calc(100% - 32px); + font-size: 1.2rem; +} +.ebInlineMessage-header { + margin-top: 3px; + font-size: 14px; + line-height: 14px; +} +.ebInlineMessage-separator { + height: 1px; + margin: 12px 0; + background-color: #adadad; + opacity: 0.3; +} +.ebInlineMessage-description { + color: #666666; + white-space: pre; +} + +/* Table */ +.ebTable { + margin: 0; + padding: 0; + table-layout: fixed; + border-left: 1px solid #cccccc; // ewatkmi: added for visible border; + border-right: 1px solid #cccccc; // ewatkmi: added for visible border; + border-bottom: 1px solid #cccccc; // ewatkmi: added for visible border; + border-collapse: collapse; + border-spacing: 0; + color: #1a1a1a; +} +.ebTable_fullW { + width: 100%; +} +.ebTable-th_resizable, +.ebTable-th_sortable { + position: relative; +} +.ebTable-th_resizable .ebTable-headerResize { + position: absolute; + top: -20px; + bottom: -20px; + right: -12px; + width: 10px; + cursor: col-resize; + -khtml-user-select: none; + -moz-user-select: none; + -o-user-select: none; + -webkit-user-select: none; + user-select: none; +} +.ebTable-th_sortable { + cursor: pointer !important; +} +.ebTable-th_sortable .ebTable-header { + display: flex; + flex-wrap: nowrap; + flex-direction: row; + align-items: center; +} +.ebTable-th_sortable .ebTable-headerText { + flex-shrink: 1; + flex-grow: 0; + margin-right: 8px; + box-sizing: border-box; + -khtml-user-select: none; + -moz-user-select: none; + -o-user-select: none; + -webkit-user-select: none; + user-select: none; +} +.ebTable-th_sortable .ebTable-headerSort { + flex-grow: 0; + flex-shrink: 0; + flex-basis: 10px; + margin-left: 4px; +} +.ebTable-th_sortable .ebTable-headerSortOrder { + flex-grow: 1; + color: #999999; + font-weight: normal; +} +.ebTable-header { + position: relative; + display: block; + width: 100%; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.ebTable-headerText { + padding: 4px 0; + display: inline-block; + vertical-align: middle; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.ebTable thead tr { + height: 3.2rem; + font-size: 1.2rem; + font-weight: bold; + text-align: left; +} +.ebTable thead tr th { + padding-left: 1.2rem; + padding-right: 1.2rem; + text-align: left; + cursor: default; + border-top: #cccccc solid 1px; + border-bottom: #cccccc solid 1px; + border-right: #e6e6e6 solid 1px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.ebTable thead tr th:last-child { + border-right: none; +} +.ebTable thead tr:hover { + background: none; +} +.ebTable thead tr:active { + background: none; +} +.ebTable tbody tr { + height: 3.2rem; + font-size: 1.2rem; + border-bottom: #e6e6e6 solid 1px; +} +.ebTable tbody tr td { + margin: 0; + padding: 0 1.2rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + cursor: default; + border-right: #e6e6e6 solid 1px; +} +.ebTable tbody tr td:last-child { + border-right: none; +} +.ebTable_striped tbody tr { + border-bottom: none; +} +.ebTable_striped tbody tr td { + border-right: none; +} +.ebTable_striped tbody tr:nth-of-type(even) { + background-color: #f2f2f2; +} +.ebTable_striped tbody tr:nth-of-type(odd) { // ewatkmi: added for nested tables; + background-color: #ffffff; +} +.ebTable_compact tbody tr { + height: 2.6rem; +} +.ebTable_expandableStriped { + border-collapse: separate; +} +.ebTable_expandableStriped tbody tr { + border-bottom: none; +} +.ebTable_expandableStriped tbody tr td { + border-right: none; +} +.ebTable_expandableStriped tbody tr:nth-of-type(4n-1), +.ebTable_expandableStriped tbody tr:nth-of-type(4n) { + background-color: #f2f2f2; +} +.ebTable_pinstripe tr td { + border-bottom: #e6e6e6 solid 1px; +} +.ebTable_color_paleBlue.ebTable thead tr th { + background-color: #99ddee; + border-top: none; + border-bottom: none; +} +.ebTable_color_paleBlue.ebTable_striped tbody tr:nth-of-type(even) { + background-color: #e6f6fb; +} +.ebTable_color_purple.ebTable thead tr th { + background-color: #ca9bc1; + border-top: none; + border-bottom: none; +} +.ebTable_color_purple.ebTable_striped tbody tr:nth-of-type(even) { + background-color: #f2e6ef; +} +.ebTable_color_darkGreen.ebTable thead tr th { + background-color: #99c0bf; + border-top: none; + border-bottom: none; +} +.ebTable_color_darkGreen.ebTable_striped tbody tr:nth-of-type(even) { + background-color: #e6efef; +} +.ebTable_color_green.ebTable thead tr th { + background-color: #d0e3a2; + border-top: none; + border-bottom: none; +} +.ebTable_color_green.ebTable_striped tbody tr:nth-of-type(even) { + background-color: #f3f8e8; +} +.ebTable_color_yellow.ebTable thead tr th { + background-color: #fde499; + border-top: none; + border-bottom: none; +} +.ebTable_color_yellow.ebTable_striped tbody tr:nth-of-type(even) { + background-color: #fff8e6; +} +.ebTable_color_orange.ebTable thead tr th { + background-color: #f9d099; + border-top: none; + border-bottom: none; +} +.ebTable_color_orange.ebTable_striped tbody tr:nth-of-type(even) { + background-color: #fef3e6; +} +.ebTable_color_red.ebTable thead tr th { + background-color: #f4a6a3; + border-top: none; + border-bottom: none; +} +.ebTable_color_red.ebTable_striped tbody tr:nth-of-type(even) { + background-color: #fce9e8; +} +.ebTable_borderTop_none thead tr th { + border-top: none; +} +.ebTable_verticalBorders_none thead tr th, +.ebTable_verticalBorders_none tr td { + border-right: none !important; + border-left: none !important; +} +.ebTable_wrapHeaders th { + white-space: normal !important; + text-overflow: inherit !important; +} +.ebTable_wrapHeaders th .ebTable-headerText { + white-space: normal !important; + text-overflow: inherit !important; +} +.ebTable-expandableRow { + height: inherit !important; + display: none; +} +.ebTable-expandableRow_expanded { + display: table-row; +} +.ebTable-expandableRow > td { + padding: 0 !important; +} +.ebTable-expandableRow > td > div { + overflow: hidden; + height: 0; + transition: height 0.3s ease-in-out; +} +/** + * Hover/Active/Selected Effects + * + * Modifiers: + * .ebTable_hoverActive_none (disables native hover and active selectors, primarily for pin columns plugin) + */ +.ebTable { + /** Hover effect **/ +} +.ebTable.ebTable:not(.ebTable_hoverActive_none) tbody tr:not(.ebTable-expandableRow):not(.headerRow):hover > *, +.ebTable tbody tr:not(.ebTable-expandableRow):not(.headerRow).ebTableRow_hover > * { + background-image: linear-gradient(0deg, rgba(0, 102, 179, 0.1), rgba(0, 102, 179, 0.1)); +} +.ebTable.ebTable_highlightedEffect_solid tbody tr:not(.ebTable-expandableRow).ebTableRow_highlighted > * { + background-color: #ffffff !important; +} + +/* Context Menu */ +.ebContextMenu { + position: relative; + width: 16px; + height: 16px; +} +.ebContextMenu:focus { + outline: none; +} +.ebContextMenu-ExpandBtn, +.ebContextMenu-expandBtn { + width: 16px; + height: 16px; + position: relative; + -khtml-user-select: none; + -moz-user-select: none; + -o-user-select: none; + -webkit-user-select: none; + user-select: none; +} +.ebContextMenu-ExpandBtn:focus, +.ebContextMenu-expandBtn:focus { + outline: none; +} +.ebContextMenu-Dropdown, +.ebContextMenu-body { + position: absolute; + z-index: 1500; + min-width: 60px; + width: auto; + height: auto; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -khtml-user-select: none; + -moz-user-select: none; + -o-user-select: none; + -webkit-user-select: none; + user-select: none; + box-shadow: 5px 5px 5px #87888A; +} +.ebContextMenu-Dropdown_corner_default, +.ebContextMenu-body_corner_default { + position: absolute; + top: 20px; + left: 0px; +} +.ebContextMenu-Dropdown_corner_topRight, +.ebContextMenu-body_corner_topRight { + position: absolute; + top: 20px; + right: 0px; +} +.ebContextMenu-Dropdown_corner_bottomLeft, +.ebContextMenu-body_corner_bottomLeft { + position: absolute; + bottom: 20px; + left: 0px; +} +.ebContextMenu-Dropdown_corner_bottomRight, +.ebContextMenu-body_corner_bottomRight { + position: absolute; + bottom: 20px; + right: 0px; +} +.ebContextMenu-Dropdown_visible_false, +.ebContextMenu-body_visible_false { + visibility: hidden; +} +.ebContextMenu-Dropdown_visible_true, +.ebContextMenu-body_visible_true { + display: block; +} + +/* Component List */ +.ebComponentList { + position: relative; + z-index: 1500; + padding: 4px 0; + margin: 0; + color: #333333; + list-style: none; + background-color: #ffffff; + border: #bfbfbf solid 1px; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); + border-radius: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.ebComponentList-group, +.ebComponentList-item { + padding: 0 0.8rem; + line-height: 2.4rem; + font-size: 1.2rem; + background-color: #ffffff; +} +.ebComponentList-iconHolder { + display: inline-block; + vertical-align: middle; + width: 16px; + padding-right: 8px; +} +.ebComponentList-item { + cursor: pointer; +} +.ebComponentList-item-name { + display: inline-block; + font-size: 12px; + text-overflow: ellipsis; + overflow: hidden; + width: calc(100% - 24px); + vertical-align: middle; +} +.ebComponentList-item_icon { + font-size: 0; +} +.ebComponentList-link, +.ebComponentList-item, +.ebComponentList-item > *, +.ebComponentList-group-header { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.ebComponentList-group { + display: block; +} +.ebComponentList-group_expandable_collapsed > .ebComponentList-group-header, +.ebComponentList-group_expandable_expanded > .ebComponentList-group-header { + font-size: 0; + cursor: pointer; + white-space: nowrap; + height: 24px; + vertical-align: middle; +} +.ebComponentList-group_expandable_collapsed > .ebComponentList-group-header .ebComponentList-iconHolder + .ebComponentList-group-name, +.ebComponentList-group_expandable_expanded > .ebComponentList-group-header .ebComponentList-iconHolder + .ebComponentList-group-name { + width: calc(100% - 40px); +} +.ebComponentList-group_expandable_collapsed > .ebComponentList-inner, +.ebComponentList-group_expandable_expanded > .ebComponentList-inner { + padding: 0 0 0 24px; + margin: 0 -0.8rem; +} +.ebComponentList-group_expandable_collapsed > .ebComponentList-group-header { + border: none; +} +.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-item { + overflow: hidden; + padding: 0; + margin: 0; + height: 0; + opacity: 0; + transition: height 0.2s linear, padding 0.075s 0.075s linear, margin 0.075s 0.075s linear, opacity 0.075s linear; +} +.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-group_expandable_collapsed .ebComponentList-group-header, +.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-group_expandable_expanded .ebComponentList-group-header { + overflow: hidden; + padding: 0; + margin: 0; + height: 0; + opacity: 0; + transition: height 0.2s linear, padding 0.075s 0.075s linear, margin 0.075s 0.075s linear, opacity 0.075s linear; +} +.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-group > .ebComponentList-inner { + padding: 0; + margin: 0; + transition: padding 0.1s 0.1s linear, margin 0.1s 0.1s linear; +} +.ebComponentList-group_expandable_expanded > .ebComponentList-group-header { + border-bottom: 1px solid #999; +} +.ebComponentList-group_expandable_expanded > .ebComponentList-inner > .ebComponentList-item { + overflow: hidden; + height: 24px; + transition: height 0.2s linear, padding 0.075s linear, margin 0.075s linear, opacity 0.15s 0.15s linear; +} +.ebComponentList-group_expandable_expanded > .ebComponentList-inner > .ebComponentList-group_expandable_expanded > .ebComponentList-group-header, +.ebComponentList-group_expandable_expanded > .ebComponentList-inner > .ebComponentList-group_expandable_collapsed > .ebComponentList-group-header { + overflow: hidden; + height: 24px; + text-overflow: ellipsis; + transition: height 0.2s linear, padding 0.075s linear, margin 0.075s linear, opacity 0.15s 0.15s linear; +} +.ebComponentList-group:not(.ebComponentList-group_expandable_collapsed):not(.ebComponentList-group_expandable_expanded) > .ebComponentList-group-header { + cursor: default !important; + pointer-events: none !important; + -ms-touch-action: none !important; + touch-action: none !important; + -khtml-user-select: none !important; + -moz-user-select: none !important; + -o-user-select: none !important; + -webkit-user-select: none !important; + user-select: none; +} +.ebComponentList-group-header { + font-size: 1.2rem; + font-weight: bold; + line-height: 2.4rem; + border-bottom: 1px solid #999; + background-color: #ffffff; +} +.ebComponentList-group-header_icon { + font-size: 0; +} +.ebComponentList-group-header_icon > .ebComponentList-group-name { + width: calc(100% - 24px); +} +.ebComponentList-group-name { + display: inline-block; + width: calc(100% - 16px); + font-size: 1.2rem; + line-height: 2.4rem; + font-weight: bold; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + vertical-align: middle; +} +.ebComponentList-inner { + margin: 0 -0.8rem; + padding: 4px 0 0 0; +} +.ebComponentList-link { + display: block; +} +.ebComponentList-link:hover { + text-decoration: none; +} +.ebComponentList-separator { + height: 1px; + margin: 0.4rem; + background-color: #E6E6E6; +} +.ebComponentList_focus_forced .ebComponentList-item:hover { + background-color: transparent; +} +.ebComponentList_focus_forced .ebComponentList-item_focused:hover { + background-color: #e6f0f7; +} +.ebComponentList:not(.ebComponentList_focus_forced) .ebComponentList-item:hover { + background-color: #e6f0f7; +} +.ebComponentList_focus_forced .ebComponentList-item:active, +.ebComponentList:not(.ebComponentList_focus_forced) .ebComponentList-item:active { + background-color: #cce0f0; +} +.ebComponentList-item { + /* Fixes MultiSelectBox ellipsis bug in Firefox */ + margin: 0px !important; + font-size: 1em !important; +} +.ebComponentList-item_focused { + background-color: #e6f0f7; +} +.ebComponentList-item_disabled { + color: #b0b0af; + cursor: not-allowed !important; +} +.ebComponentList-item_disabled:hover, +.ebComponentList-item_disabled:active { + background-color: inherit !important; +} +.ebComponentList-item_selected { + position: relative; + cursor: default; +} +.ebComponentList-item_selected > .ebComponentList-link { + cursor: default; + color: #333333; + cursor: default !important; + pointer-events: none !important; + -ms-touch-action: none !important; + touch-action: none !important; + -khtml-user-select: none !important; + -moz-user-select: none !important; + -o-user-select: none !important; + -webkit-user-select: none !important; + user-select: none; +} +.ebComponentList-item_selected:before { + position: absolute; + content: ""; + left: 0; + top: 0; + bottom: 0; + width: 100%; + opacity: .2; + background-color: #0967b2; +} +.ebComponentList-item > .ebComponentList-checkboxHolder > .ebCheckbox { + margin-left: 1px; +} +.ebComponentList-item > .ebComponentList-checkboxHolder > .ebCheckbox-label { + padding-left: 3px; + overflow: hidden; + font-size: 12px; + line-height: 2.4rem; + text-overflow: ellipsis; + width: calc(100% - 24px); +} +.ebComponentList-info { + color: #333333; + font-style: italic; + text-align: center; +} +.ebComponentList-info:hover { + background-color: #ffffff; +} +.ebComponentList-info:active { + background-color: #ffffff; +} +.ebComponentList-info, +.ebComponentList-loader { + display: none; + margin: 0.6rem; + cursor: default; +} +.ebComponentList_info .ebComponentList-group, +.ebComponentList_info .ebComponentList-separator, +.ebComponentList_info .ebComponentList-item { + display: none; +} +.ebComponentList_info .ebComponentList-info { + display: block; +} +.ebComponentList_loading { + min-height: 34px; +} +.ebComponentList_loading .ebComponentList-loader { + display: block; +} +.ebComponentList_loading .ebComponentList-item_selected:before { + display: none; +} +.ebComponentList_loading > .ebComponentList-group, +.ebComponentList_loading > .ebComponentList-item, +.ebComponentList_loading > .ebComponentList-items > .ebComponentList-group, +.ebComponentList_loading > .ebComponentList-items > .ebComponentList-item { + opacity: 0.4; +} + +/* Scrollbar */ +.eb_scrollbar { + -webkit-overflow-scrolling: touch; + overflow: auto; +} +.eb_scrollbar::-webkit-scrollbar { + width: 14px; + height: 14px; +} +.eb_scrollbar::-webkit-scrollbar-track { + background-color: #f0f0f0; + background-clip: content-box; +} +.eb_scrollbar::-webkit-scrollbar-thumb { + background-color: #cccccc; + border-radius: 3px; + transition: all 0.2s linear; + background-clip: content-box; +} +.eb_scrollbar::-webkit-scrollbar-thumb:hover { + background-color: #999999; +} +.eb_scrollbar::-webkit-scrollbar-button { + width: 14px; + height: 14px; + background-repeat: no-repeat; + background-color: #f0f0f0; + background-position: center; +} +.eb_scrollbar::-webkit-scrollbar-button:hover { + background-color: #cccccc; +} +.eb_scrollbar::-webkit-scrollbar-button:vertical:decrement { + background-position: center 4px; + background-image: url("data:image/svg+xml;utf8,"); + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} +.eb_scrollbar::-webkit-scrollbar-button:vertical:increment { + background-image: url("data:image/svg+xml;utf8,"); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} +.eb_scrollbar::-webkit-scrollbar-button:horizontal:decrement { + background-position: 4px center; + background-image: url("data:image/svg+xml;utf8,"); + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; +} +.eb_scrollbar::-webkit-scrollbar-button:horizontal:increment { + background-image: url("data:image/svg+xml;utf8,"); + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} + + +/* Input */ +.ebInput { + display: inline-block; + vertical-align: middle; + text-align: left; + font-size: 1.2rem; + width: 140px; + height: 2.4rem; + padding: 0.4rem 0.6rem; + border: 1px solid #b3b3b3; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + box-shadow: inset 1px 1px 0 0 #cccccc; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; +} +.ebInput_wMargin { + margin: 6px; +} +.ebInput_txtCenter { + text-align: center; +} +.ebInput_miniW, +.ebInput_width_mini { + width: 40px; +} +.ebInput_smallW, +.ebInput_width_small { + width: 80px; +} +.ebInput_longW, +.ebInput_width_long { + width: 180px; +} +.ebInput_xLongW, +.ebInput_width_xLong { + width: 220px; +} +.ebInput_width_full { + min-width: 40px; + width: 100%; +} +.ebInput_noRightSide { + border-width: 1px 0 1px 1px; + border-radius: 3px 0 0 3px; +} +.ebInput_noLeftSide { + border-width: 1px 1px 1px 0; + border-radius: 0 3px 3px 0; + box-shadow: inset 0 1px 0 0 #cccccc; +} +.ebInput:hover { + border-color: #666666; +} +.ebInput[readonly] { + cursor: text; + //box-shadow: none; + border-color: #E3E3E3; + background-color: #f0f0f0; + color: #b2b2b2; +} +.ebInput[readonly]:hover { + //border-color: #E3E3E3; +} +.ebInput_disabled, +.ebInput:disabled { + color: #B2B2B2; + border-color: #B2B2B2; + background-color: rgba(0, 0, 0, 0.05); + -webkit-text-fill-color: #b2b2b2; + opacity: 1; + -ms-touch-action: none !important; + touch-action: none !important; + box-shadow: inset 1px 1px 0 0 #cccccc; +} +.ebInput_borderColor { + border-color: #b3b3b3; +} +.ebInput_borderColor_red { + border-color: #e32119; +} +.ebInput_status_none { + border-color: #b3b3b3; +} +.ebInput_status_warning { + border-color: #f08a00; +} +.ebInput_status_error { + border-color: #e32119; +} +.ebInput.eb_wMargin + .ebInput-status { + margin: -0.2rem 0.8rem 0 0.6rem; +} +.ebInput-status { + display: block; + margin: 0.4rem 0 0 0; + line-height: 1.2rem; + min-height: 1.8rem; + font-size: 1.2rem; + font-weight: normal; +} +.ebInput-statusOk, +.ebInput-statusError { + vertical-align: middle; +} +.ebInput-statusOk:before, +.ebInput-statusError:before { + display: inline-block; + vertical-align: middle; + margin: 0 0.6rem 0 0; + width: 1.2rem; + height: 1.2rem; + content: ''; + background-repeat: no-repeat; +} +.ebInput-statusInfo { + vertical-align: middle; + color: #8d8d8d; +} +.ebInput-statusOk { + color: #89ba17; + display: none; +} +.ebInput-statusOk:before { + background-image: url('../../resources/form/valid_icon.svg'); +} +.ebInput-statusError { + color: #e32119; + display: none; +} +.ebInput-statusError:before { + background-image: url('../../resources/form/invalid_icon.svg'); +} +.ebInput-status_none { + display: none; +} +.ebInput-status_hide .ebInput-statusOk, +.ebInput-status_hide .ebInput-statusError, +.ebInput-status_hide .ebInput-statusInfo { + display: none; +} +.ebInput-status_info .ebInput-statusInfo { + display: inline-block; +} +.ebInput-status_info .ebInput-statusOk, +.ebInput-status_info .ebInput-statusError { + display: none; +} +.ebInput-status_ok .ebInput-statusOk { + display: inline-block; +} +.ebInput-status_ok .ebInput-statusError, +.ebInput-status_ok .ebInput-statusInfo { + display: none; +} +.ebInput-status_error .ebInput-statusError { + display: inline-block; +} +.ebInput-status_error .ebInput-statusOk, +.ebInput-status_error .ebInput-statusInfo { + display: none; +} +.ebInput:not(.ebInput_validation_focusLost):valid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusOk { + display: inline-block; +} +.ebInput:not(.ebInput_validation_focusLost):invalid:not(.ebInput_borderColor):not(.ebInput_status_warning):not(.ebInput_status_none) { + border-color: #e32119; +} +.ebInput:not(.ebInput_validation_focusLost):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusError { + display: inline-block; +} +.ebInput:not(.ebInput_validation_focusLost):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusInfo { + display: none; +} +.ebInput.ebInput_validation_focusLost:not(:focus):valid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusOk { + display: inline-block; +} +.ebInput.ebInput_validation_focusLost:not(:focus):invalid:not(.ebInput_borderColor):not(.ebInput_status_warning):not(.ebInput_status_none) { + border-color: #e32119; +} +.ebInput.ebInput_validation_focusLost:not(:focus):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusError { + display: inline-block; +} +.ebInput.ebInput_validation_focusLost:not(:focus):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusInfo { + display: none; +} + +/* Textarea */ +.ebTextArea { + -webkit-overflow-scrolling: touch; + overflow: auto; + display: inline-block; + vertical-align: middle; + text-align: left; + font-size: 1.2rem; + width: 140px; + padding: 0.4rem 0.6rem; + margin: 0; + border: 1px solid #b3b3b3; + font-family: arial; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 3px; + box-shadow: inset 1px 1px 0 0 #cccccc; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; +} +.ebTextArea::-webkit-scrollbar { + width: 14px; + height: 14px; +} +.ebTextArea::-webkit-scrollbar-track { + background-color: #f0f0f0; + background-clip: content-box; +} +.ebTextArea::-webkit-scrollbar-thumb { + background-color: #cccccc; + border-radius: 3px; + transition: all 0.2s linear; + background-clip: content-box; +} +.ebTextArea::-webkit-scrollbar-thumb:hover { + background-color: #999999; +} +.ebTextArea::-webkit-scrollbar-button { + width: 14px; + height: 14px; + background-repeat: no-repeat; + background-color: #f0f0f0; + background-position: center; +} +.ebTextArea::-webkit-scrollbar-button:hover { + background-color: #cccccc; +} +.ebTextArea::-webkit-scrollbar-button:vertical:decrement { + background-position: center 4px; + background-image: url("data:image/svg+xml;utf8,"); + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} +.ebTextArea::-webkit-scrollbar-button:vertical:increment { + background-image: url("data:image/svg+xml;utf8,"); + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} +.ebTextArea::-webkit-scrollbar-button:horizontal:decrement { + background-position: 4px center; + background-image: url("data:image/svg+xml;utf8,"); + border-bottom-left-radius: 2px; + border-top-left-radius: 2px; +} +.ebTextArea::-webkit-scrollbar-button:horizontal:increment { + background-image: url("data:image/svg+xml;utf8,"); + border-bottom-right-radius: 2px; + border-top-right-radius: 2px; +} +.ebTextArea_noMargin { + margin: 0; +} +.ebTextArea_txtCenter { + text-align: center; +} +.ebTextArea_miniW, +.ebTextArea_width_mini { + width: 40px; +} +.ebTextArea_smallW, +.ebTextArea_width_small { + width: 80px; +} +.ebTextArea_longW, +.ebTextArea_width_long { + width: 180px; +} +.ebTextArea_xLongW, +.ebTextArea_width_xLong { + width: 220px; +} +.ebTextArea_width_full { + min-width: 40px; + width: 100%; +} +.ebTextArea_noRightSide { + border-width: 1px 0 1px 1px; + border-radius: 3px 0 0 3px; +} +.ebTextArea_noLeftSide { + border-width: 1px 1px 1px 0; + border-radius: 0 3px 3px 0; +} +.ebTextArea:hover { + border-color: #666666; +} +.ebTextArea[readonly] { + cursor: text; + border-color: #E3E3E3; + background-color: #f0f0f0; + color: #b2b2b2; +} +.ebTextArea[readonly]:hover { + //border-color: #E3E3E3; +} +.ebTextArea_disabled, +.ebTextArea:disabled { + color: #B2B2B2; + border-color: #B2B2B2; + background-color: rgba(0, 0, 0, 0.05); + -ms-touch-action: none; + touch-action: none; + -webkit-text-fill-color: #b2b2b2; + opacity: 1; + box-shadow: inset 1px 1px 0 0 #cccccc; +} +.ebTextArea_status_none { + border-color: #b3b3b3; +} +.ebTextArea_status_warning { + border-color: #f08a00; +} +.ebTextArea_status_error { + border-color: #e32119; +} +.ebTextArea:invalid:not(.ebTextArea_status_warning):not(.ebTextArea_status_none) { + border-color: #e32119; +} + +/* Button */ +.ebBtn { + position: relative; + display: inline-block; + vertical-align: middle; + color: #333333; + background-color: #ffffff; + border: none; + min-width: 60px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border-radius: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); + padding: 0 8px; + height: 2.4rem; + font-size: 1.2rem; + white-space: nowrap; + text-decoration: none; + text-align: center; + cursor: pointer; +} +a.ebBtn:hover { + color: #333; +} +a.ebBtn:focus, +a.ebBtn:active, +a.ebBtn_active { + text-decoration: none; +} +.ebBtn:focus { + outline: none; + box-shadow: 0 0 2px 1px #4d90fe, 0 0 0 1px rgba(0, 0, 0, 0.2) inset; +} +.ebBtn_color_blue, +.ebBtn_color_darkBlue, +.ebBtn_color_paleBlue, +.ebBtn_color_darkGreen, +.ebBtn_color_green, +.ebBtn_color_orange, +.ebBtn_color_red, +.ebBtn_color_purple { + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); + color: #F0F0F0 !important; +} +.ebBtn_color_blue:hover, +.ebBtn_color_darkBlue:hover, +.ebBtn_color_paleBlue:hover, +.ebBtn_color_darkGreen:hover, +.ebBtn_color_green:hover, +.ebBtn_color_orange:hover, +.ebBtn_color_red:hover, +.ebBtn_color_purple:hover { + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); +} +.ebBtn_color_blue { + background-color: #0966b3; +} +.ebBtn_color_darkBlue { + background-color: #0066b3; +} +.ebBtn_color_paleBlue { + background-color: #00A9D4; +} +.ebBtn_color_darkGreen { + background-color: #00625F; +} +.ebBtn_color_green { + background-color: #89BA17; +} +.ebBtn_color_orange { + background-color: #F08A00; +} +.ebBtn_color_red { + background-color: #E32119; +} +.ebBtn_color_purple { + background-color: #953882; +} +.ebBtn_small { + font-size: 1.1rem; + padding: 0 6px; + height: 2rem; +} +.ebBtn_large { + font-size: 1.4rem; + padding: 0 10px; + height: 3.8rem; +} +.ebBtn:hover { + text-decoration: none; + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); +} +.ebBtn_active, +.ebBtn:active, +.ebBtn_active:hover { + text-decoration: none; + box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); +} +.ebBtn:disabled, +.ebBtn_disabled, +.ebBtn:disabled:hover, +.ebBtn_disabled:hover, +.ebBtn:disabled:active, +.ebBtn_disabled:active { + -ms-touch-action: none !important; + cursor: not-allowed !important; + touch-action: none !important; + background: rgba(0, 0, 0, 0.1); + color: #8d8d8d !important; +} +.ebBtn:disabled .ebIcon, +.ebBtn_disabled .ebIcon { + opacity: 0.3; +} +.ebBtn_subtle { + background-image: none; + background-color: transparent; + box-shadow: none; + min-width: auto; +} +.ebBtn_subtle:hover { + background-image: none; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); +} +.ebBtn_subtle:focus { + box-shadow: 0 0 2px 1px #4d90fe, 0 0 0 1px rgba(0, 0, 0, 0.2) inset; +} +.ebBtn_subtle:active, +.ebBtn_subtle.ebBtn_subtle_active { + text-decoration: none; + box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); +} +.ebBtn_subtle:disabled, +.ebBtn_subtle.ebBtn_subtle_disabled, +.ebBtn_subtle:disabled:hover, +.ebBtn_subtle.ebBtn_subtle_disabled:hover, +.ebBtn_subtle:disabled:active, +.ebBtn_subtle.ebBtn_subtle_disabled:active { + background-color: transparent; + box-shadow: none; +} +.ebBtn:active:focus, +.ebBtn_active:focus { + box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 2px 1px #4d90fe; + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); +} + +/* Combobox */ +.ebCombobox { + position: relative; + display: inline-block; + vertical-align: middle; + white-space: nowrap; + margin: 0; + padding: 0; + height: 2.4rem; +} +.ebCombobox_width_full { + min-width: 70px; + width: 100%; +} +.ebCombobox_width_full .ebInput { + width: calc(100% - 30px); +} +.ebCombobox-list, +.ebCombobox-body { + position: absolute; + margin-top: 6px; + display: none; + width: 100%; +} +.ebCombobox-list_rightAlign, +.ebCombobox-body_rightAlign { + right: 0; +} +.ebCombobox-Helper, +.ebCombobox-helper { + position: relative; + display: inline-block; + vertical-align: middle; + width: 30px; + /*height: 100%; ewwatkmi: replaced with 2.4rem below*/ + height: 2.4rem; + cursor: pointer; + border: 1px solid #999999; + background-color: #ffffff; + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 0 3px 3px 0; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); +} +.ebCombobox-Helper:hover, +.ebCombobox-helper:hover { + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); +} +.ebCombobox-Helper:active, +.ebCombobox-helper:active { + box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.35); + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); +} +.ebCombobox-Helper:disabled, +.ebCombobox-helper:disabled { + border-color: #b2b2b2; +} +.ebCombobox-Helper:disabled, +.ebCombobox-helper:disabled, +.ebCombobox-Helper:disabled:hover, +.ebCombobox-helper:disabled:hover, +.ebCombobox-Helper:disabled:active, +.ebCombobox-helper:disabled:active { + -ms-touch-action: none !important; + cursor: not-allowed !important; + touch-action: none !important; + background: #e5e5e5; + color: #B2B2B2; + cursor: not-allowed; + box-shadow: none; +} +.ebCombobox-Helper .ebCombobox-iconHolder, +.ebCombobox-helper .ebCombobox-iconHolder { + display: inline-block; + opacity: 0.7; + cursor: pointer; + line-height: 2.2rem; +} +.ebCombobox-Helper .ebCombobox-iconHolder .ebIcon, +.ebCombobox-helper .ebCombobox-iconHolder .ebIcon { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; +} +.ebCombobox:hover > .ebCombobox-Helper, +.ebCombobox:hover > .ebCombobox-helper { + border-color: #666666; +} +.ebCombobox .ebInput:focus ~ .ebCombobox-list, +/*.ebCombobox .ebInput:focus ~ .ebCombobox-body,*/ +.ebCombobox:active > .ebCombobox-list, +/*.ebCombobox:active > .ebCombobox-body*/ { + display: block; +} +.ebCombobox > .ebCombobox-list, +.ebCombobox > .ebCombobox-body { + display: none; +} +.ebCombobox_noMargin { + margin: 0; +} +.ebCombobox_disabled, +.ebCombobox_disabled *:hover { + -ms-touch-action: none !important; + cursor: not-allowed !important; + touch-action: none !important; +} +.ebCombobox_disabled .ebCombobox-iconHolder, +.ebCombobox_disabled .ebCombobox-iconHolder:hover, +.ebCombobox_disabled .ebCombobox-iconHolder:active { + -ms-touch-action: none !important; + cursor: not-allowed !important; + touch-action: none !important; + opacity: 0.3; +} +.ebCombobox_disabled:hover > .ebCombobox-Helper, +.ebCombobox_disabled:hover > .ebCombobox-helper { + border-color: #b2b2b2; +} +.ebCombobox_disabled:active > .ebCombobox-list, +.ebCombobox_disabled:active > .ebCombobox-body { + display: none; +} +.ebCombobox_disabled .ebInput:focus ~ .ebCombobox-list, +.ebCombobox_disabled .ebInput:focus ~ .ebCombobox-body { + display: none; +} +.ebCombobox_status_warning .ebInput { + border-color: #f08a00; +} +.ebCombobox_status_error .ebInput { + border-color: #e32119; +} + +/* Switcher */ +.ebSwitcher { + position: relative; + height: 24px; + width: 84px; + display: block; + overflow: hidden; + cursor: pointer; + border: 1px solid #ccc; + border-radius: 3px; + -khtml-user-select: none; + -moz-user-select: none; + -o-user-select: none; + -webkit-user-select: none; + user-select: none; +} +.ebSwitcher-checkbox { + display: none; +} +.ebSwitcher-body { + position: relative; + font-size: 0; + white-space: nowrap; + top: 0; + left: 0; + width: 100%; + height: 100%; + transition: left 0.2s linear; +} +.ebSwitcher-onLabel, +.ebSwitcher-switch, +.ebSwitcher-offLabel { + display: inline-block; + vertical-align: top; + overflow: hidden; + height: 100%; +} +.ebSwitcher-onLabel, +.ebSwitcher-offLabel { + width: calc(100% - 24px); + line-height: 2.4rem; + color: white; + text-align: center; + font-size: 1.2rem; +} +.ebSwitcher-onLabel { + background-color: #89ba17; +} +.ebSwitcher-offLabel { + background-color: #999999; +} +.ebSwitcher-switch { + height: 24px; + width: 24px; + transition: left 0.2s; +} +.ebSwitcher-switch::after { + content: ""; + position: absolute; + margin: -1px; + width: 24px; + height: 24px; + display: inline-block; + background: #ffffff; + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.2); +} +.ebSwitcher-checkbox:not(:checked) + .ebSwitcher-body { + left: calc(-100% + 24px); +} +.ebSwitcher:focus { + /* + outline: #4d90fe auto 5px; + box-shadow: 0 0 0 1px #4d90fe; + -webkit-box-shadow: none; + */ + outline: none; + box-shadow: 0 0 2px 1px #4d90fe; +} +.ebSwitcher_status_warning { + border-color: #f08a00; +} +.ebSwitcher_status_error { + border-color: #e32119; +} +.ebSwitcher_disabled { + cursor: not-allowed; +} +.ebSwitcher_disabled .ebSwitcher-onLabel, +.ebSwitcher_disabled .ebSwitcher-offLabel, +.ebSwitcher_disabled .ebSwitcher-switch::after { + background-color: #e5e5e5; + background-image: none; + color: #8d8d8d; +} + +/* Dropdown */ +.ebDropdown { + position: relative; + display: inline-block; + height: 2.4rem; + padding: 0; + margin: 0; +} +.ebDropdown-list, +.ebDropdown-body { + position: absolute; + margin-top: 6px; + display: none; + min-width: 100%; +} +.ebDropdown-list_rightAlign, +.ebDropdown-body_rightAlign { + right: 0; +} +.ebDropdown-Header, +.ebDropdown-header { + position: relative; + display: inline-block; + vertical-align: middle; + height: 100%; + min-width: 60px; + margin: 0; + padding: 6px 8px; + line-height: 1.2rem; + font-size: 1.2rem; + text-align: left; + text-decoration: none; + white-space: nowrap; + color: #333333; + background-color: #ffffff; + border: none; + cursor: pointer; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border-radius: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); +} +.ebDropdown-Header:hover, +.ebDropdown-header:hover { + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); +} +.ebDropdown-Header:active, +.ebDropdown-header:active { + box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); +} +.ebDropdown-Header .ebDropdown-caption, +.ebDropdown-header .ebDropdown-caption { + display: inline-block; + padding: 0 4px 0 0; + vertical-align: middle; + min-width: 27px; +} +.ebDropdown-Header .ebDropdown-iconHolder, +.ebDropdown-header .ebDropdown-iconHolder { + display: inline-block; + cursor: pointer; + opacity: 0.7; +} +.ebDropdown .ebDropdown-Header:focus + .ebDropdown-list, +.ebDropdown .ebDropdown-header:focus + .ebDropdown-body, +.ebDropdown .ebDropdown-Header:active + .ebDropdown-list, +.ebDropdown .ebDropdown-header:active + .ebDropdown-body, +.ebDropdown:focus > .ebDropdown-list, +.ebDropdown:focus > .ebDropdown-body, +.ebDropdown:active > .ebDropdown-list, +.ebDropdown:active > .ebDropdown-body { + display: block; +} +.ebDropdown_disabled .ebDropdown-Header, +.ebDropdown_disabled .ebDropdown-header { + background: rgba(0, 0, 0, 0.1); + color: #B2B2B2; +} +.ebDropdown_disabled .ebDropdown-Header, +.ebDropdown_disabled .ebDropdown-header, +.ebDropdown_disabled .ebDropdown-Header:hover, +.ebDropdown_disabled .ebDropdown-header:hover, +.ebDropdown_disabled .ebDropdown-Header:active, +.ebDropdown_disabled .ebDropdown-header:active { + -ms-touch-action: none !important; + cursor: not-allowed !important; + touch-action: none !important; +} +.ebDropdown_disabled .ebDropdown-Header:hover, +.ebDropdown_disabled .ebDropdown-header:hover, +.ebDropdown_disabled .ebDropdown-Header:active, +.ebDropdown_disabled .ebDropdown-header:active { + background: rgba(0, 0, 0, 0.1); + color: #B2B2B2; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); +} +.ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder, +.ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder, +.ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder:hover, +.ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder:hover, +.ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder:active, +.ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder:active { + -ms-touch-action: none !important; + cursor: not-allowed !important; + touch-action: none !important; + opacity: 0.3; +} +.ebDropdown_disabled .ebDropdown-Header:focus + .ebDropdown-list, +.ebDropdown_disabled .ebDropdown-header:focus + .ebDropdown-body, +.ebDropdown_disabled .ebDropdown-Header:active + .ebDropdown-list, +.ebDropdown_disabled .ebDropdown-header:active + .ebDropdown-body, +.ebDropdown_disabled:focus > .ebDropdown-list, +.ebDropdown_disabled:focus > .ebDropdown-body, +.ebDropdown_disabled:active > .ebDropdown-list, +.ebDropdown_disabled:active > .ebDropdown-body { + display: none; +} + +/* Icons */ +.ebIcon { + display: inline-block; + vertical-align: middle; + border: none; + height: 16px; + width: 16px; + line-height: 1.6rem; + background-repeat: no-repeat; + background-position: center; + background-color: transparent; + background-size: 100%; + -khtml-user-select: none; + -moz-user-select: none; + -o-user-select: none; + -webkit-user-select: none; + user-select: none; + /*small icons */ + /*16px icons*/ +} +.ebIcon_interactive { + opacity: 0.7; + cursor: pointer; +} +.ebIcon_interactive:hover { + opacity: 1.0; +} +.ebIcon_interactive:active { + opacity: 0.4; +} +.ebIcon_button { + margin: 10px; +} +.ebIcon_noVertAlign { + vertical-align: inherit; +} +.ebIcon_disabled { + cursor: default; +} +.ebIcon_disabled, +.ebIcon_disabled:hover, +.ebIcon_disabled:active { + opacity: 0.3; +} +.ebIcon_small { + width: 1rem; + height: 1rem; + line-height: 1rem; +} +.ebIcon_big { + width: 2rem; + height: 2rem; + line-height: 2rem; +} +.ebIcon_large { + width: 2.8rem; + height: 2.8rem; + line-height: 2.8rem; +} +.ebIcon_wMargin { + margin: 4px; +} +.ebIcon_upArrow { + background-image: url('../../resources/16px/ArrowUpSmall_black_16px.svg'); +} +.ebIcon_upArrow_white { + background-image: url('../../resources/16px/arrowUpSmall_white_16px.svg'); +} +.ebIcon_downArrow { + background-image: url('../../resources/16px/ArrowDownSmall_black_16px.svg'); +} +.ebIcon_downArrow_white { + background-image: url('../../resources/16px/ArrowDownSmall_white_16px.svg'); +} +.ebIcon_leftArrow { + background-image: url('../../resources/16px/ArrowLeftSmall_black_16px.svg'); +} +.ebIcon_leftArrow_white { + background-image: url('../../resources/16px/ArrowLeftSmall_white_16px.svg'); +} +.ebIcon_rightArrow { + background-image: url('../../resources/16px/ArrowRightSmall_black_16px.svg'); +} +.ebIcon_rightArrow_white { + background-image: url('../../resources/16px/ArrowRightSmall_white_16px.svg'); +} +.ebIcon_prevArrow { + background-image: url('../../resources/16px/ArrowDoubleLeftSmall_black_16px.svg'); +} +.ebIcon_nextArrow { + background-image: url('../../resources/16px/ArrowDoubleRightSmall_black_16px.svg'); +} +.ebIcon_upArrow_10px { + background-image: url('../../resources/10px/ArrowUpSmall_black_10px.svg'); +} +.ebIcon_downArrow_10px { + background-image: url('../../resources/10px/ArrowDownSmall_black_10px.svg'); +} +.ebIcon_leftArrow_10px { + background-image: url('../../resources/10px/ArrowLeftSmall_black_10px.svg'); +} +.ebIcon_rightArrow_10px { + background-image: url('../../resources/10px/ArrowRightSmall_black_10px.svg'); +} +.ebIcon_prevArrow_10px { + background-image: url('../../resources/10px/ArrowDoubleLeftSmall_black_10px.svg'); +} +.ebIcon_nextArrow_10px { + background-image: url('../../resources/10px/ArrowDoubleRightSmall_black_10px.svg'); +} +.ebIcon_errorSmall { + background-image: url('../../resources/other/errorSmall_red_10px.svg'); +} +.ebIcon_tickSmallBlack { + background-image: url('../../resources/other/tick_black_10x8px.svg'); +} +.ebIcon_tickSmallGreen { + background-image: url('../../resources/other/tick_green_10x8px.svg'); +} +.ebIcon_upArrowLarge { + background-image: url('../../resources/16px/ArrowUp_black_16px.svg'); +} +.ebIcon_upArrowLarge_white { + background-image: url('../../resources/16px/ArrowUp_white_16px.svg'); +} +.ebIcon_downArrowLarge { + background-image: url('../../resources/16px/ArrowDown_black_16px.svg'); +} +.ebIcon_downArrowLarge_white { + background-image: url('../../resources/16px/ArrowDown_white_16px.svg'); +} +.ebIcon_downArrowLarge_blue { + background-image: url('../../resources/16px/ArrowDown_blue_16px.svg'); +} +.ebIcon_leftArrowLarge { + background-image: url('../../resources/16px/ArrowLeft_black_16px.svg'); +} +.ebIcon_leftArrowLarge_white { + background-image: url('../../resources/16px/ArrowLeft_white_16px.svg'); +} +.ebIcon_rightArrowLarge { + background-image: url('../../resources/16px/ArrowRight_black_16px.svg'); +} +.ebIcon_rightArrowLarge_white { + background-image: url('../../resources/16px/ArrowRight_white_16px.svg'); +} +.ebIcon_circleArrowDown { + background-image: url('../../resources/16px/circleArrowDown_black_16px.svg'); +} +.ebIcon_circleArrowDown_white { + background-image: url('../../resources/16px/circleArrowDown_white_16px.svg'); +} +.ebIcon_circleArrowLeft { + background-image: url('../../resources/16px/circleArrowLeft_black_16px.svg'); +} +.ebIcon_circleArrowLeft_white { + background-image: url('../../resources/16px/circleArrowLeft_white_16px.svg'); +} +.ebIcon_circleArrowRight { + background-image: url('../../resources/16px/circleArrowRight_black_16px.svg'); +} +.ebIcon_circleArrowRight_white { + background-image: url('../../resources/16px/circleArrowRight_white_16px.svg'); +} +.ebIcon_circleArrowUp { + background-image: url('../../resources/16px/circleArrowUp_black_16px.svg'); +} +.ebIcon_circleArrowUp_white { + background-image: url('../../resources/16px/circleArrowUp_white_16px.svg'); +} +.ebIcon_circleCaretDown { + background-image: url('../../resources/16px/circleCaretDown_black_16px.svg'); +} +.ebIcon_circleCaretDown_white { + background-image: url('../../resources/16px/circleCaretDown_white_16px.svg'); +} +.ebIcon_circleCaretLeft { + background-image: url('../../resources/16px/circleCaretLeft_black_16px.svg'); +} +.ebIcon_circleCaretLeft_white { + background-image: url('../../resources/16px/circleCaretLeft_white_16px.svg'); +} +.ebIcon_circleCaretRight { + background-image: url('../../resources/16px/circleCaretRight_black_16px.svg'); +} +.ebIcon_circleCaretRight_white { + background-image: url('../../resources/16px/circleCaretRight_white_16px.svg'); +} +.ebIcon_circleCaretUp { + background-image: url('../../resources/16px/circleCaretUp_black_16px.svg'); +} +.ebIcon_circleCaretUp_white { + background-image: url('../../resources/16px/circleCaretUp_white_16px.svg'); +} +.ebIcon_eLogo { + background-image: url('../resources/systemBar/econ01.svg'); +} +.ebIcon_comment { + background-image: url('../../resources/16px/Comment_black_16px.svg'); +} +.ebIcon_comment_white { + background-image: url('../../resources/16px/comment_white.svg'); +} +.ebIcon_copy { + background-image: url('../../resources/16px/copy_black_16px.svg'); +} +.ebIcon_copy_white { + background-image: url('../../resources/16px/copy_white_16px.svg'); +} +.ebIcon_cut { + background-image: url('../../resources/16px/cut_black.svg'); +} +.ebIcon_cut_white { + background-image: url('../../resources/16px/cut_white.svg'); +} +.ebIcon_delete { + background-image: url('../../resources/16px/delete_black_16px.svg'); +} +.ebIcon_delete_white { + background-image: url('../../resources/16px/delete_white_16px.svg'); +} +.ebIcon_duplicate { + background-image: url('../../resources/16px/duplicate_black_16px.svg'); +} +.ebIcon_duplicate_white { + background-image: url('../../resources/16px/duplicate_white_16px.svg'); +} +.ebIcon_edit { + background-image: url('../../resources/16px/edit_black_16px.svg'); +} +.ebIcon_editWhite { + background-image: url('../../resources/16px/edit_white_16px.svg'); +} +.ebIcon_newFile { + background-image: url('../../resources/16px/newFile_black_16px.svg'); +} +.ebIcon_newFile_white { + background-image: url('../../resources/16px/newFile_white_16px.svg'); +} +.ebIcon_save { + background-image: url('../../resources/16px/save_black_16px.svg'); +} +.ebIcon_save_white { + background-size: contain; + background-image: url('../../resources/16px/save_white.svg'); +} +.ebIcon_filter { + background-image: url('../../resources/16px/filter_black_16px.svg'); +} +.ebIcon_filterOn { + background-image: url('../../resources/16px/filters_on.svg'); +} +.ebIcon_filterOff { + background-image: url('../../resources/16px/filters_off.svg'); +} +.ebIcon_filter_white { + background-image: url('../../resources/16px/filter_white_16px.svg'); +} +.ebIcon_folder { + background-image: url('../../resources/16px/folder_black_16px.svg'); +} +.ebIcon_folder_white { + background-image: url('../../resources/16px/folder_white_16px.svg'); +} +.ebIcon_folderClosed { + background-image: url('../../resources/16px/folderClosed_black.svg'); +} +.ebIcon_folderClosed_white { + background-image: url('../../resources/16px/folderClosed_white.svg'); +} +.ebIcon_detach { + background-image: url('../../resources/16px/detach_black_16px.svg'); +} +.ebIcon_detach_white { + background-size: contain; + background-image: url('../../resources/16px/detach_white.svg'); +} +.ebIcon_import { + background-image: url('../../resources/16px/import_black.svg'); +} +.ebIcon_import_white { + background-image: url('../../resources/16px/import_white.svg'); +} +.ebIcon_export { + background-image: url('../../resources/16px/export_black_16px.svg'); +} +.ebIcon_export_white { + background-image: url('../../resources/16px/export_white.svg'); +} +.ebIcon_undo { + background-image: url('../../resources/16px/undo_black_16px.svg'); +} +.ebIcon_undo_white { + background-image: url('../../resources/16px/undo_white_16px.svg'); +} +.ebIcon_cancelled { + background-image: url('../../resources/16px/Cancelled_Black_16px.svg'); +} +.ebIcon_draft { + background-size: contain; + background-image: url('../../resources/16px/draft.svg'); +} +.ebIcon_importExport { + background-image: url('../../resources/16px/import_export.svg'); +} +.ebIcon_login { + background-image: url('../../resources/16px/login.svg'); +} +.ebIcon_move { + background-image: url('../../resources/16px/move.svg'); +} +.ebIcon_remove { + background-image: url('../../resources/16px/remove.svg'); +} +.ebIcon_valid { + background-image: url('../../resources/16px/valid_icon.svg'); +} +.ebIcon_invalid { + background-image: url('../../resources/16px/invalid_icon.svg'); +} +.ebIcon_error { + background-image: url('../../resources/16px/error_red_16px.svg'); +} +.ebIcon_warning { + background-image: url('../../resources/16px/warning_yellow_16px.svg'); +} +.ebIcon_warningOrange { + background-image: url('../../resources/16px/warning_orange_16px.svg'); +} +.ebIcon_warning_white { + background-image: url('../../resources/16px/warning_white.svg'); +} +.ebIcon_warningShield { + background-image: url('../../resources/16px/warningShield_black_16px.svg'); +} +.ebIcon_warningShield_white { + background-size: contain; + background-image: url('../../resources/16px/warningShield_white.svg'); +} +.ebIcon_mail { + background-image: url('../../resources/16px/mail_black_16px.svg'); +} +.ebIcon_mail_white { + background-image: url('../../resources/16px/mail_white_16px.svg'); +} +.ebIcon_mailRead { + background-image: url('../../resources/16px/mailRead_black_16px.svg'); +} +.ebIcon_mailRead_white { + background-image: url('../../resources/16px/mailRead_white_16px.svg'); +} +.ebIcon_link { + background-image: url('../../resources/16px/Link_black_16px.svg');; +} +.ebIcon_lock { + background-image: url('../../resources/16px/lock_black_16px.svg'); +} +.ebIcon_lock_white { + background-image: url('../../resources/16px/lock_white_16px.svg'); +} +.ebIcon_unlock { + background-image: url('../../resources/16px/unlock_black_16px.svg'); +} +.ebIcon_unlock_white { + background-image: url('../../resources/16px/unlock_white_16px.svg'); +} +.ebIcon_logout { + background-image: url('../../resources/16px/logout_black_16px.svg'); +} +.ebIcon_menu { + background-image: url('../../resources/16px/menu_black_16px.svg'); +} +.ebIcon_menu_white { + background-image: url('../../resources/16px/menu_white_16px.svg'); +} +.ebIcon_search { + background-image: url('../../resources/16px/search_black_16px.svg'); +} +.ebIcon_searchWhite { + background-image: url('../../resources/16px/search_white_16px.svg'); +} +.ebIcon_advancedSearch { + background-image: url('../../resources/16px/advanced_search_black_16px.svg'); +} +.ebIcon_advancedSearchWhite { + background-image: url('../../resources/16px/advanced_search_white_16px.svg'); +} +.ebIcon_share { + background-image: url('../../resources/16px/share_black_16px.svg'); +} +.ebIcon_share_white { + background-image: url('../../resources/16px/share_white.svg'); +} +.ebIcon_star { + background-image: url('../../resources/16px/star_black_16px.svg'); +} +.ebIcon_star_white { + background-image: url('../../resources/16px/star_white_16px.svg'); +} +.ebIcon_star_yellow { + background-image: url('../../resources/16px/star_yellow_16px.svg'); +} +.ebIcon_starOutline { + background-image: url('../../resources/16px/star_outline_black_16px.svg'); +} +.ebIcon_starOutline_white { + background-image: url('../../resources/16px/star_outline_white_16px.svg'); +} +.ebIcon_starOutline_yellow { + background-image: url('../../resources/16px/star_outline_yellow_16px.svg'); +} +.ebIcon_tick { + background-image: url('../../resources/16px/tick_green_16px.svg'); +} +.ebIcon_tick_black { + background-image: url('../../resources/16px/tick_16px.svg'); +} +.ebIcon_simpleGreenTick { + background-image: url('../../resources/16px/simple_green_tick.svg'); +} +.ebIcon_simpleTick_black { + background-image: url('../../resources/16px/simple_tick.svg'); +} +.ebIcon_download { + background-image: url('../../resources/16px/download_black.svg'); +} +.ebIcon_download_white { + background-image: url('../../resources/16px/download_white.svg'); +} +.ebIcon_downloadWhite { + background-image: url('../../resources/16px/download_white_16px.svg'); +} +.ebIcon_documentWhite { + background-image: url('../../resources/16px/document_white_16px.svg'); +} +.ebIcon_expand { + background-image: url('../../resources/16px/expand_black_16px.svg'); +} +.ebIcon_rowCollapsed { + background-image: url('../../resources/16px/rowCollapsed_black_16px.svg'); +} +.ebIcon_rowExpanded { + background-image: url('../../resources/16px/rowExpanded_black_16px.svg'); +} +.ebIcon_rowView { + background-image: url('../../resources/16px/rowView_black_16px.svg'); +} +.ebIcon_rowView_white { + background-image: url('../../resources/16px/rowView_white.svg'); +} +.ebIcon_externalApp { + background-image: url('../../resources/16px/externalApp_black_16px.svg'); +} +.ebIcon_externalApp_white { + background-image: url('../../resources/16px/externalApp_white_16px.svg'); +} +.ebIcon_fullscreen { + background-image: url('../../resources/16px/fullscreen_black_16px.svg'); +} +.ebIcon_fullscreenMinimize { + background-image: url('../../resources/16px/fullscreenMinimise_black_16px.svg'); +} +.ebIcon_help { + background-image: url('../../resources/16px/help_black_16px.svg'); +} +.ebIcon_help_white { + background-image: url('../../resources/16px/help_white.svg'); +} +.ebIcon_info { + background-image: url('../../resources/16px/info_black.svg'); +} +.ebIcon_info_white { + background-image: url('../../resources/16px/info_white.svg'); +} +.ebIcon_dialogInfo { + background-image: url('../../resources/16px/dialogInfo_blue.svg'); +} +.ebIcon_dialogInfo_white { + background-image: url('../../resources/16px/dialogInfo_white.svg'); +} +.ebIcon_infoMsgIndicator { + background-image: url('../../resources/16px/infoMsgIndicator_16px.svg'); +} +.ebIcon_exitFullscreen { + background-image: url('../../resources/16px/minimiseFullscreen_black_16px.svg'); +} +.ebIcon_refresh { + background-image: url('../../resources/16px/refresh_black_16px.svg'); +} +.ebIcon_refresh_white { + background-image: url('../../resources/16px/refresh_white_16px.svg'); +} +.ebIcon_settings { + background-image: url('../../resources/16px/settings_black_16px.svg'); +} +.ebIcon_settings_white { + background-image: url('../../resources/16px/settings_white_16px.svg'); +} +.ebIcon_user { + background-image: url('../../resources/16px/user_black_16px.svg'); +} +.ebIcon_user_white { + background-image: url('../../resources/16px/user_white_16px.svg'); +} +.ebIcon_close { + background-image: url('../../resources/16px/X_black_16px.svg'); +} +.ebIcon_close_white { + background-image: url('../../resources/16px/close_white_16px.svg'); +} +.ebIcon_close_blue { + background-image: url('../../resources/16px/X_blue_16px.svg'); +} +.ebIcon_close_paleBlue { + background-image: url('../../resources/16px/X_paleBlue_16px.svg'); +} +.ebIcon_close_green { + background-image: url('../../resources/16px/X_green_16px.svg'); +} +.ebIcon_close_orange { + background-image: url('../../resources/16px/X_orange_16px.svg'); +} +.ebIcon_close_red { + background-image: url('../../resources/16px/X_red_16px.svg'); +} +.ebIcon_close_yellow { + background-image: url('../../resources/16px/X_yellow_16px.svg'); +} +.ebIcon_minus { + background-image: url('../../resources/16px/minus_black_16px.svg'); +} +.ebIcon_plus { + background-image: url('../../resources/16px/plus_black_16px.svg'); +} +.ebIcon_add { + background-image: url('../../resources/16px/add_black_16px.svg'); +} +.ebIcon_add_white { + background-image: url('../../resources/16px/add_white_16px.svg'); +} +.ebIcon_multiSelect { + background-image: url('../../resources/16px/multiSelect_black_16px.svg'); +} +.ebIcon_multiSelect_white { + background-size: contain; + background-image: url('../../resources/16px/multiSelect_white.svg'); +} +.ebIcon_multiSort { + background-image: url('../../resources/16px/multi-sort.svg'); +} +.ebIcon_multiSort_white { + background-image: url('../../resources/16px/multi-sort_white.svg'); +} +.ebIcon_sort { + background-image: url('../../resources/16px/sort.svg'); +} +.ebIcon_sort_white { + background-image: url('../../resources/16px/sort_white.svg'); +} +.ebIcon_stop { + background-image: url('../../resources/16px/stop_black_16px.svg'); +} +.ebIcon_pause { + background-image: url('../../resources/16px/pause_black_16px.svg'); +} +.ebIcon_suspend { + background-image: url('../../resources/16px/suspend_black_16px.svg'); +} +.ebIcon_resume { + background-image: url('../../resources/16px/resume_black_16px.svg'); +} +.ebIcon_play { + background-image: url('../../resources/16px/play_black_16px.svg'); +} +.ebIcon_fastForward { + background-image: url('../../resources/16px/fastForward_black_16px.svg'); +} +.ebIcon_fastRewind { + background-image: url('../../resources/16px/fastRewind_black_16px.svg'); +} +.ebIcon_print { + background-image: url('../../resources/16px/print_black_16px.svg'); +} +.ebIcon_print_white { + background-image: url('../../resources/16px/print_white_16px.svg'); +} +.ebIcon_calendar { + background-image: url('../../resources/16px/calendar_black_16px.svg'); +} +.ebIcon_calendar_white { + background-image: url('../../resources/16px/calendar_white_16px.svg'); +} +.ebIcon_addToFolder { + background-image: url('../../resources/16px/addToFolder_black.svg'); +} +.ebIcon_addToFolder_white { + background-image: url('../../resources/16px/addToFolder_white.svg'); +} +.ebIcon_alarmCleared { + background-image: url('../../resources/16px/alarmCleared_16px.svg'); +} +.ebIcon_alarmCleared_white { + background-image: url('../../resources/16px/alarmCleared_white_16px.svg'); +} +.ebIcon_alarmCritical { + background-image: url('../../resources/16px/alarmCritical_16px.svg'); +} +.ebIcon_alarmCritical_white { + background-image: url('../../resources/16px/alarmCritical_white_16px.svg'); +} +.ebIcon_alarmHeartbeat { + background-image: url('../../resources/16px/alarmHeartbeat_16px.svg'); +} +.ebIcon_alarmIndeterminate { + background-image: url('../../resources/16px/alarmIndeterminate_16px.svg'); +} +.ebIcon_alarmIndeterminate_white { + background-image: url('../../resources/16px/alarmIndeterminate_white_16px.svg'); +} +.ebIcon_alarmMajor { + background-image: url('../../resources/16px/alarmMajor_16px.svg'); +} +.ebIcon_alarmMajor_white { + background-image: url('../../resources/16px/alarmMajor_white_16px.svg'); +} +.ebIcon_alarmMinor { + background-image: url('../../resources/16px/alarmMinor_16px.svg'); +} +.ebIcon_alarmMinor_white { + background-image: url('../../resources/16px/alarmMinor_white_16px.svg'); +} +.ebIcon_alarmWarning { + background-image: url('../../resources/16px/alarmWarning_16px.svg'); +} +.ebIcon_alarmWarning_white { + background-image: url('../../resources/16px/alarmWarning_white_16px.svg'); +} +.ebIcon_alarmOtherGrouping { + background-image: url('../../resources/16px/alarmOtherGrouping_16px.svg'); +} +.ebIcon_alarmUnacknowledged { + background-image: url('../../resources/16px/alarmUnacknowledged.svg'); +} +.ebIcon_alarmUnacknowledged_white { + background-image: url('../../resources/16px/alarmUnacknowledged_white.svg'); +} +.ebIcon_alarmUnspecified { + background-image: url('../../resources/16px/alarmUnspecified_16px.svg'); +} +.ebIcon_acknowledgeAlarm { + background-image: url('../../resources/16px/acknowledgeAlarm.svg'); +} +.ebIcon_acknowledgeAlarm_white { + background-image: url('../../resources/16px/acknowledgeAlarm_white.svg'); +} +.ebIcon_clearAlarm { + background-image: url('../../resources/16px/clearAlarm.svg'); +} +.ebIcon_clearAlarm_white { + background-image: url('../../resources/16px/clearAlarm_white.svg'); +} +.ebIcon_bsc { + background-image: url('../../resources/16px/BSC_black_16px.svg'); +} +.ebIcon_bscYellow { + background-image: url('../../resources/16px/BSC_Yellow_16px.svg'); +} +.ebIcon_bscFunction { + background-image: url('../../resources/16px/BSCFunction_black_16px.svg'); +} +.ebIcon_bscFunctionYellow { + background-image: url('../../resources/16px/BSCFunction_Yellow_16px.svg'); +} +.ebIcon_cabinet { + background-image: url('../../resources/16px/cabinet_black_16px.svg'); +} +.ebIcon_cellGray { + background-image: url('../../resources/16px/cell_gray_16px.svg'); +} +.ebIcon_cellGreen { + background-image: url('../../resources/16px/cell_green_16px.svg'); +} +.ebIcon_cellRed { + background-image: url('../../resources/16px/cell_red_16px.svg'); +} +.ebIcon_cellAdjacent { + background-image: url('../../resources/16px/cellAdjacent_16px.svg'); +} +.ebIcon_cellExternal { + background-image: url('../../resources/16px/cellExternal_16px.svg'); +} +.ebIcon_charging { + background-image: url('../../resources/16px/charging_black.svg'); +} +.ebIcon_charging_white { + background-size: contain; + background-image: url('../../resources/16px/charging_white.svg'); +} +.ebIcon_connected { + background-image: url('../../resources/16px/connected_black_16px.svg'); +} +.ebIcon_disconnected { + background-image: url('../../resources/16px/disconnected_black_16px.svg'); +} +.ebIcon_connectionError { + background-image: url('../../resources/16px/connectionError_black_16px.svg'); +} +.ebIcon_core { + background-image: url('../../resources/16px/core_black_16px.svg'); +} +.ebIcon_coreSubscriber { + background-image: url('../../resources/16px/coreSubscriber_black_16px.svg'); +} +.ebIcon_database { + background-image: url('../../resources/16px/database_black_16px.svg'); +} +.ebIcon_ftpServer { + background-image: url('../../resources/16px/ftpServer_black_16px.svg'); +} +.ebIcon_ftpServerFunction { + background-image: url('../../resources/16px/ftpServerFunction_black_16px.svg'); +} +.ebIcon_gatewayFunction { + background-image: url('../../resources/16px/gatewayFunction_black_16px.svg'); +} +.ebIcon_grabHandle { + background-image: url('../../resources/16px/grabHandle_black_16px.svg'); +} +.ebIcon_grabHandle_white { + background-size: contain; + background-image: url('../../resources/16px/grabHandle_white.svg'); +} +.ebIcon_managedFunction { + background-image: url('../../resources/16px/managedFunction_black_16px.svg'); +} +.ebIcon_managedGroup { + background-image: url('../../resources/16px/managedGroup_black_16px.svg'); +} +.ebIcon_managementNode { + background-image: url('../../resources/16px/managementNode_black_16px.svg'); +} +.ebIcon_network { + background-image: url('../../resources/16px/network_black_16px.svg'); +} +.ebIcon_networkElement { + background-image: url('../../resources/16px/networkElement_black_16px.svg'); +} +.ebIcon_networkElement_white { + background-image: url('../../resources/16px/networkElement_white_16px.svg'); +} +.ebIcon_rbs { + background-image: url('../../resources/16px/RBS_black_16px.svg'); +} +.ebIcon_rbs_white { + background-image: url('../../resources/16px/RBS_white_16px.svg'); +} +.ebIcon_routeSwitch { + background-image: url('../../resources/16px/routeSwitch.svg'); +} +.ebIcon_rxi { + background-image: url('../../resources/16px/rxi_black_16px.svg'); +} +.ebIcon_switchFunction { + background-image: url('../../resources/16px/switchFunction_black_16px.svg'); +} +.ebIcon_technicianPresent { + background-image: url('../../resources/16px/technicianPresent_16px.svg'); +} +.ebIcon_terminal { + background-image: url('../../resources/16px/terminal_black_16px.svg'); +} +.ebIcon_topology { + background-image: url('../../resources/16px/topology_black_16px.svg'); +} +.ebIcon_access { + background-image: url('../../resources/16px/access_black_16px.svg'); +} +.ebIcon_access_white { + background-image: url('../../resources/16px/access_white_16px.svg'); +} +.ebIcon_accessSettings { + background-image: url('../../resources/16px/accessSettings_black_16px.svg'); +} +.ebIcon_accessSettings_white { + background-image: url('../../resources/16px/accessSettings_white_16px.svg'); +} +.ebIcon_alignCenter { + background-image: url('../../resources/16px/alignCenter_black_16px.svg'); +} +.ebIcon_alignCenter_white { + background-image: url('../../resources/16px/alignCenter_white.svg'); +} +.ebIcon_alignLeft { + background-image: url('../../resources/16px/alignLeft_black_16px.svg'); +} +.ebIcon_alignLeft_white { + background-image: url('../../resources/16px/alignLeft_white.svg'); +} +.ebIcon_alignRight { + background-image: url('../../resources/16px/alignRight_black_16px.svg'); +} +.ebIcon_alignRight_white { + background-image: url('../../resources/16px/alignRight_white.svg'); +} +.ebIcon_cli { + background-image: url('../../resources/16px/CommandLineInterface_black_16px.svg'); +} +.ebIcon_cli_white { + background-image: url('../../resources/16px/CommandLineInterface_white_16px.svg'); +} +.ebIcon_controllingNode { + background-image: url('../../resources/16px/controllingNode.svg'); +} +.ebIcon_grid3x3 { + background-image: url('../../resources/16px/grid3X3_black_16px.svg'); +} +.ebIcon_grid3x3_white { + background-image: url('../../resources/16px/grid3x3_white.svg'); +} +.ebIcon_grid4x4 { + background-image: url('../../resources/16px/grid4X4_black_16px.svg'); +} +.ebIcon_grid4x4_white { + background-image: url('../../resources/16px/grid4x4_white.svg'); +} +.ebIcon_gridView { + background-image: url('../../resources/16px/gridView_black_16px.svg'); +} +.ebIcon_gridView_white { + background-image: url('../../resources/16px/gridView_white.svg'); +} +.ebIcon_jumpTo { + background-image: url('../../resources/16px/jumpTo_black_16px.svg'); +} +.ebIcon_microwave { + background-image: url('../../resources/16px/microwave.svg'); +} +.ebIcon_mo { + background-image: url('../../resources/16px/mo.svg'); +} +.ebIcon_security { + background-image: url('../../resources/16px/security_black_16px.svg'); +} +.ebIcon_security_white { + background-image: url('../../resources/16px/security_white_16px.svg'); +} +.ebIcon_site { + background-image: url('../../resources/16px/site_black_16px.svg'); +} +.ebIcon_siteManager { + background-image: url('../../resources/16px/siteManager_black_16px.svg'); +} +.ebIcon_subnetwork { + background-image: url('../../resources/16px/subnetwork.svg'); +} +.ebIcon_gateway, +.ebIcon_switch { + background-image: url('../../resources/16px/switch.svg'); +} +.ebIcon_tip { + background-image: url('../../resources/16px/tip_black_16px.svg'); +} +.ebIcon_tip_white { + background-image: url('../../resources/16px/tip_white_16px.svg'); +} +.ebIcon_attach { + background-image: url('../../resources/16px/attach_black_16px.svg'); +} +.ebIcon_attach_white { + background-size: contain; + background-image: url('../../resources/16px/attach_white.svg'); +} +.ebIcon_clock { + background-image: url('../../resources/16px/clock_black_16px.svg'); +} +.ebIcon_clock_white { + background-image: url('../../resources/16px/clock_white_16px.svg'); +} +.ebIcon_windowMaximize { + background-image: url('../../resources/16px/WindowMaximize_black_16px.svg'); +} +.ebIcon_windowMinimize { + background-image: url('../../resources/16px/WindowMinimize_black_16px.svg'); +} +.ebIcon_deprecated { + background-image: url('../../resources/16px/deprecated_16px.svg'); +} +.ebIcon_obsolete { + background-image: url('../../resources/16px/obsolete_16px.svg'); +} +.ebIcon_newStatus_blue { + background-image: url('../../resources/16px/newStatus_blue_16px.svg'); +} +.ebIcon_newStatus_green { + background-image: url('../../resources/16px/newStatus_green_16px.svg'); +} +.ebIcon_upload { + background-image: url('../../resources/16px/upload_black_16px.svg'); +} +.ebIcon_activate { + background-image: url('../../resources/16px/activate_black_16px.svg'); +} +.ebIcon_activate_white { + background-size: contain; + background-image: url('../../resources/16px/activate_white.svg'); +} +.ebIcon_deactivate { + background-image: url('../../resources/16px/deactivate_black_16px.svg'); +} +.ebIcon_deactivate_white { + background-size: contain; + background-image: url('../../resources/16px/deactivate_white.svg'); +} +.ebIcon_switchBetween { + background-image: url('../../resources/16px/switchBetween_black_16px.svg'); +} +.ebIcon_switchBetween_white { + background-image: url('../../resources/16px/switchBetween_white_16px.svg'); +} +.ebIcon_eye { + background-image: url('../../resources/16px/eye_black_16px.svg'); +} +.ebIcon_eye_white { + background-image: url('../../resources/16px/eye_white_16px.svg'); +} +.ebIcon_eyeLine { + background-image: url('../../resources/16px/eyeLine_black_16px.svg'); +} +.ebIcon_eyeLine_white { + background-image: url('../../resources/16px/eyeLine_white.svg'); +} +.ebIcon_activityTray { + background-image: url('../../resources/16px/activity_16px_black.svg'); +} +.ebIcon_note { + background-image: url('../../resources/16px/note_black_16px.svg'); + background-size: contain; +} +.ebIcon_note_white { + background-image: url('../../resources/16px/note_white_16px.svg'); +} +.ebIcon_tableView { + background-image: url('../../resources/16px/tableView_black_16px.svg'); +} +.ebIcon_tableView_white { + background-image: url('../../resources/16px/tableView_white_16px.svg'); +} +.ebIcon_synced { + background-image: url('../../resources/16px/Syncd_16px.svg'); +} +.ebIcon_syncError { + background-image: url('../../resources/16px/SyncError_16px.svg'); +} +.ebIcon_syncing { + background-image: url('../../resources/16px/Syncing_Static_16px.svg'); +} +.ebIcon_syncing_animated { + background-image: url('../../resources/16px/Syncing_Animated_16px.svg'); +} + + +/* Breadcrumb */ +.ebBreadcrumbs { + position: relative; + display: block; + font-size: 0; + margin-top: 12px; + margin-bottom: 4px; +} +.ebBreadcrumbs-link { + font-size: 1.2rem; + vertical-align: middle; + display: inline-block +} +.ebBreadcrumbs-list { + position: absolute; + left: 0; + margin-top: 6px; + display: none; + min-width: calc(100% - 16px); + max-width: 250px; + z-index: 1500 +} +.ebBreadcrumbs-arrow { + margin-left: .6rem; + vertical-align: middle; + outline: none; + display: inline-block; + line-height: 12px +} +.ebBreadcrumbs-arrow:focus>* { + opacity: 1 +} +.ebBreadcrumbs-arrow_hidden { + display: none +} +.ebBreadcrumbs-arrow:focus+.ebBreadcrumbs-list { + display: block +} +.ebBreadcrumbs-item { + position: relative; + font-size: 0; + white-space: nowrap; + display: inline-block; + margin-bottom: .8rem +} +.ebBreadcrumbs-item:after { + vertical-align: middle; + display: inline-block; + width: 20px; + content: "/"; + font-size: 1.6rem; + text-align: center; + color: #999; + cursor: default !important; + pointer-events: none !important; + -ms-touch-action: none !important; + touch-action: none !important; + -khtml-user-select: none !important; + -moz-user-select: none !important; + -o-user-select: none !important; + -webkit-user-select: none !important; + user-select: none +} +.ebBreadcrumbs-item:last-child { + margin-right: 0 +} +.ebBreadcrumbs-item:last-child>.ebBreadcrumbs-link { + -ms-touch-action: none !important; + touch-action: none !important; + -khtml-user-select: none !important; + -moz-user-select: none !important; + -o-user-select: none !important; + -webkit-user-select: none !important; + user-select: none +} +.ebBreadcrumbs-item:last-child:after { + content: ""; + padding: 0; + font-size: 0; + width: 0; +} + +.ebBreadcrumbs a { + font-size: 1.2rem; + color: #0066b3; + text-decoration: none; +} +.ebBreadcrumbs a:hover { + text-decoration: underline; + outline: none; +} +.ebBreadcrumbs a:active { + text-decoration: underline +} +.ebBreadcrumbs a:focus { + outline: none; + text-decoration: underline; + box-shadow: none; +} + +.title { + padding: 0px; +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/showhideTextarea.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/showhideTextarea.css new file mode 100644 index 0000000..86da161 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/showhideTextarea.css @@ -0,0 +1,134 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2016-2018 Ericsson. All rights reserved. + * Modifications Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +/* the div */ +.showHideTextarea{ +} + +/* the textarea */ +.showHideTextarea_hidden +{ + display: none; + width: 100%; + font-size: 15px; + height: 300px; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + border: 1px solid #BEBEBE; + padding: 7px; + margin: 0px; + -webkit-transition: all 0.30s ease-in-out; + -moz-transition: all 0.30s ease-in-out; + -ms-transition: all 0.30s ease-in-out; + -o-transition: all 0.30s ease-in-out; + outline: none; +} + +.showHideTextarea_displayed +{ + display: block; + width: 100%; + font-size: 15px; + height: 300px; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + border: 1px solid #BEBEBE; + padding: 7px; + margin: 0px; + -webkit-transition: all 0.30s ease-in-out; + -moz-transition: all 0.30s ease-in-out; + -ms-transition: all 0.30s ease-in-out; + -o-transition: all 0.30s ease-in-out; + outline: none; +} +/* +.showHideTextarea_hidden textarea:focus +{ + -moz-box-shadow: 0 0 8px #88D5E9; + -webkit-box-shadow: 0 0 8px #88D5E9; + box-shadow: 0 0 8px #88D5E9; + border: 1px solid #88D5E9; +} + +.showHideTextarea_displayed textarea:focus +{ + -moz-box-shadow: 0 0 8px #88D5E9; + -webkit-box-shadow: 0 0 8px #88D5E9; + box-shadow: 0 0 8px #88D5E9; + border: 1px solid #88D5E9; +} +*/ +/* the button - show mode */ +.showHideTextarea_show{ + display: block; + width: 150px; + font-size: 15px; + background-color: #f6f6f6; + font-family: Helvetica, Arial, sans-serif; + font-weight: 300; + list-style: none; + cursor: pointer; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + border: 1px solid #BEBEBE; + padding: 7px; + margin: 0px; + -webkit-transition: all 0.30s ease-in-out; + -moz-transition: all 0.30s ease-in-out; + -ms-transition: all 0.30s ease-in-out; + -o-transition: all 0.30s ease-in-out; + outline: none; +} + +/* the button - hide mode */ +.showHideTextarea_hide{ + display: block; + width: 150px; + font-size: 15px; + background-color: #f6f6f6; + font-family: Helvetica, Arial, sans-serif; + font-weight: 300; + list-style: none; + cursor: pointer; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + border: 1px solid #BEBEBE; + padding: 7px; + margin: 0px; + -webkit-transition: all 0.30s ease-in-out; + -moz-transition: all 0.30s ease-in-out; + -ms-transition: all 0.30s ease-in-out; + -o-transition: all 0.30s ease-in-out; + outline: none; +} + +/* the button - disabled */ +.showHideTextarea_show_disabled{ + display: none; +} + +.showHideTextarea_hide_disabled{ + display: none; +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/styles.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/styles.css new file mode 100644 index 0000000..a1a8e47 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/styles.css @@ -0,0 +1,556 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2016-2018 Ericsson. All rights reserved. + * Modifications Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +.layoutWrapper { + margin: 0 40px; +} + +.appHeading { + color:rgb(51, 51, 51); + display:block; + font-family:Arial, Helvetica, sans-serif; + font-size:12px; + height:32px; + line-height:12px; + position:relative; +} + +.headerAreaPlaceholder { + position: relative; + height: 28px; + background-color: #E8E8E8; + padding-top: 0.4rem; + margin: 12px 0px 0px; + border-radius: 3px; + margin-bottom: -42px; + z-index: -1; +} + +.headerArea { + top: 50px; + padding: 5px 0px 5px; + margin: 9px 0px 0px; + background-color: #E8E8E8; + border-radius: 3px; +} + +.menuArea { + float: left; +} + +.mainTabs { + position: absolute; + top: 20px; + bottom: 20px; + width: auto; + border: solid 1px #CCCCCC; +} + +.mainArea { + padding-bottom: 100px; /*height of footer*/ +} + +.footerArea { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: 60px; + border: 3px solid #73AD21; + background-color: powderblue; +} + +.footerArea table { + width: auto; + border-spacing: 2; +} + +.footerArea td.static { + width: 150px; + vertical-align: top; + padding: 3px 3px 3px 3px; +} + +.footerArea td.scroll { + width: 90%; + vertical-align: top; +} + +.footerArea table.scroll { + width: 100%; + border-spacing: 2; +} + +.footerArea table.scroll tbody, .footerArea table.scroll tr { + display: block; +} + +.footerArea table.scroll tbody { + height: 90px; + overflow-y: auto; + overflow-x: hidden; +} + +.footerArea table.scroll tbody td { + width: auto; +} + +.footerArea table.scroll td { + border: solid 1px #CCCCCC; +} + +.footerArea table.scroll thead th:last-child { + width: auto; +} + +.footerArea thead tr { + height: 60px; + line-height: 30px; + text-align: left; +} + +.footerArea tbody td:last-child { + border-right: none !important; +} + +.edit_area_toggle_checkbox { + display: inline-block !important; + font-weight: normal !important; + font-size: 16px !important; +} + +.newModelFormDiv { + background-color: white; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 600px; + height: 420px; + resize: both; + overflow: auto; + padding: 10px 10px 10px 10px; + border: 1px solid #c0c0c0; + border-radius: 3px; + box-shadow: 0 3px 6px #999999; +} + +.newModelFormDiv .headingSpan { + width: 100%; + height: 30px; + display: inline-block; + text-align: center; + font-weight: bold; + font-size: 20px; + padding: 5px 0px 0px 0px; + border-bottom: #c0c0c0 solid 1px; +} + +.newModelDivBackground { + position: fixed; + height: 100%; + width: 100%; + background-color: rgba(0,0,0,0.5); + top: 0px; + left: 0px; +} + +.resultFormDiv { + background-color: white; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 600px; + height: 620px; + resize: both; + overflow: auto; + padding: 10px 10px 10px 10px; + border: 1px solid #c0c0c0; + border-radius: 3px; + box-shadow: 0 3px 6px #999999; +} + +.resultFormDiv .headingSpan { + width: 100%; + height: 30px; + display: inline-block; + text-align: center; + font-weight: bold; + font-size: 20px; + padding: 5px 0px 0px 0px; + border-bottom: #c0c0c0 solid 1px; +} + +.resultFormDiv .okButton { + font-size: 15px; + float: right; +} + +.resultFormDiv .form-style-1 .field-textarea { + height: 500px; + font-size: 15px; +} + + +.form-style-1 { + margin: 10px auto; + font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; +} + +.form-style-1 li { + padding: 0; + display: block; + list-style: none; + margin: 10px 0 0 0; +} + +.form-style-1 label { + margin: 0 0 3px 0; + padding: 0px; + display: block; + font-weight: bold; +} + +.form-style-1 input[type=text], .form-style-1 input[type=date], + .form-style-1 input[type=datetime], .form-style-1 input[type=number], + .form-style-1 input[type=search], .form-style-1 input[type=time], + .form-style-1 input[type=url], .form-style-1 input[type=email], + textarea, select { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + border: 1px solid #BEBEBE; + padding: 0px 7px; + margin: 0px; + -webkit-transition: all 0.30s ease-in-out; + -moz-transition: all 0.30s ease-in-out; + -ms-transition: all 0.30s ease-in-out; + -o-transition: all 0.30s ease-in-out; + outline: none; +} + +.form-style-1 input[type=text]:focus, .form-style-1 input[type=date]:focus, + .form-style-1 input[type=datetime]:focus, .form-style-1 input[type=number]:focus, + .form-style-1 input[type=search]:focus, .form-style-1 input[type=time]:focus, + .form-style-1 input[type=url]:focus, .form-style-1 input[type=email]:focus, + .form-style-1 textarea:focus, .form-style-1 select:focus { + -moz-box-shadow: 0 0 8px #88D5E9; + -webkit-box-shadow: 0 0 8px #88D5E9; + box-shadow: 0 0 8px #88D5E9; + border: 1px solid #88D5E9; +} +.form-style-1 input:focus::-webkit-input-placeholder { color:transparent; } +.form-style-1 input:focus:-moz-placeholder { color:transparent; } + +.form-style-1 .field { + font-size: 15px; +} + +.form-style-1 .field-divided { + width: 49%; + font-size: 15px; +} + +.form-style-1 .field-long { + width: 100%; + font-size: 15px; +} + +.form-style-1 .field-medium { + width: 50%; + font-size: 15px; +} + +.form-style-1 .field-select { + width: 100%; + font-size: 15px; +} + +.form-style-1 .field-textarea { + height: 100px; + font-size: 15px; +} + +.form-style-1 .field-javaType{ + width: 100%; + font-size: 15px; +} + +.form-style-1 .field-schemaFlavour{ + width: 100%; + font-size: 15px; +} + +.form-style-1 .field-taskSelLogic{ + width: 100%; + font-size: 15px; + height: 300px; +} + +.form-style-1 .field-taskLogic{ + width: 100%; + font-size: 15px; + height: 300px; +} + +.form-style-1 .field-finalizerLogic{ + width: 100%; + font-size: 15px; + height: 300px; +} + +.form-style-1 .field-schemaDefinition{ + width: 100%; + font-size: 15px; + height: 100px; +} + +.form-style-1 .required { + color: red; +} + +.form-style-1 .button { + font-size: 15px; +} + +.form-style-1 .delete_ex { + height: 30px; + width: 30px; + opacity: 1; + font-size: 30px; + line-height: 30px; + transition: all 0.8s; + border: 1px solid transparent; + text-align: center; +} +.form-style-1 .delete_ex:hover { + border-radius: 50%; + background: tomato; + border: 1px solid black; +} +.form-style-1 .delete_ex_disabled { + width: 0px; + opacity: 0; +} + + + +.hideable_div_hidden +{ + display: none; +} + +.hideable_div_displayed +{ + display: block; +} + + + +/* the textarea */ +.hideable_Textarea_hidden +{ + display: none; +} + +.hideable_Textarea_displayed +{ + display: block; + width: 100%; + height: 300px; +} + +.hideable_Textarea_hidden textarea:focus +{ + -moz-box-shadow: 0 0 8px #88D5E9; + -webkit-box-shadow: 0 0 8px #88D5E9; + box-shadow: 0 0 8px #88D5E9; + border: 1px solid #88D5E9; +} + +.hideable_Textarea_displayed textarea:focus +{ + -moz-box-shadow: 0 0 8px #88D5E9; + -webkit-box-shadow: 0 0 8px #88D5E9; + box-shadow: 0 0 8px #88D5E9; + border: 1px solid #88D5E9; +} + +/* the button - show mode */ +.showhide_button_show{ + display: block; + width: 150px; + font-size: 15px; + background-color: #f6f6f6; + font-family: Helvetica, Arial, sans-serif; + font-weight: 300; + list-style: none; + cursor: pointer; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + border: 1px solid #BEBEBE; + padding: 7px; + margin: 0px; + -webkit-transition: all 0.30s ease-in-out; + -moz-transition: all 0.30s ease-in-out; + -ms-transition: all 0.30s ease-in-out; + -o-transition: all 0.30s ease-in-out; + outline: none; +} + +/* the button - hide mode */ +.showhide_button_hide{ + display: block; + width: 150px; + font-size: 15px; + background-color: #f6f6f6; + font-family: Helvetica, Arial, sans-serif; + font-weight: 300; + list-style: none; + cursor: pointer; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + border: 1px solid #BEBEBE; + padding: 7px; + margin: 0px; + -webkit-transition: all 0.30s ease-in-out; + -moz-transition: all 0.30s ease-in-out; + -ms-transition: all 0.30s ease-in-out; + -o-transition: all 0.30s ease-in-out; + outline: none; +} + +.showhide_div_hide{ + display: none; +} + +.showhide_div_show{ + display: block; +} + +.add-field { + display: inline-block; + cursor: pointer; + margin-left: 1px; +} + +.form-add-icon, .form-add-text { + display: inline-block; + vertical-align: middle; +} + +.form-add-text { + margin-left: 8px; +} + +.form-heading { + text-align: start; +} + +.ui-tabs-tab-custom { + border-radius: 5px 5px 0px 0px; +} + +.ui-tabs-active-custom { + border: 1px solid #ccc !important; + border-width: 1px 0 0 1px !important; + background-image: none !important; + background-color: #fff !important; + border-bottom-color: transparent !important; + cursor: default !important; +} + +.ui-tabs-anchor-custom { + color: #454545 !important; +} + +input:disabled { + background-color: #FF0000; +} + +.modelTagArea { + height: 24px; +} + +.modelTag { + display: none; +} + +.field-add-new { + display: none; +} + +.field-checkbox-center { + text-align: center; + vertical-align: middle; +} + +.placeholder { + text-align: center; + white-space: nowrap; +} + +.onapLogo { + padding-right: 100px; + height: 75px; + width: 350px; +} + +.apexLogo { + height: 267px; + width: 350px; +} + +.ui-tabs-panel { + overflow-x: auto; +} + +.periodic-events-checkbox { + margin-left: 12px; +} + +.periodic-events-label { + display: inline-block !important; + font-weight: normal !important; + font: 14px Lucida Sans Unicode, Lucida Grande, sans-serif !important; +} + +.policy-trigger-event { + display: inline-block !important; + font-weight: normal !important; +} + +input:focus::-webkit-input-placeholder { color:transparent; } +input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */ +input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */ +input:focus:-ms-input-placeholder { color:transparent; } /* IE */ + +textarea:focus::-webkit-input-placeholder { color:transparent; } +textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */ +textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */ +textarea:focus:-ms-input-placeholder { color:transparent; } /* IE */ + +.title { + padding: 0px; +} \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/Apex.png b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/Apex.png new file mode 100644 index 0000000..e71451f Binary files /dev/null and b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/Apex.png differ diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/logo_onap.png b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/logo_onap.png new file mode 100644 index 0000000..c6f6857 Binary files /dev/null and b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/logo_onap.png differ diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/index.html b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/index.html new file mode 100644 index 0000000..7f94959 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/index.html @@ -0,0 +1,211 @@ + + + + + + +Apex Policy Editor + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
Apex
+
+ +
+ +
+
+ Apex +
+
+ Policy Editor +
+
+ +
+

Apex Policy Editor

+
+ +
+ + + +
+ + + + + + + + + + + + + + + diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/images/Apex.png b/gui-editors/gui-editor-apex/src/main/resources/webapp/images/Apex.png deleted file mode 100644 index e71451f..0000000 Binary files a/gui-editors/gui-editor-apex/src/main/resources/webapp/images/Apex.png and /dev/null differ diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/images/logo_onap.png b/gui-editors/gui-editor-apex/src/main/resources/webapp/images/logo_onap.png deleted file mode 100644 index c6f6857..0000000 Binary files a/gui-editors/gui-editor-apex/src/main/resources/webapp/images/logo_onap.png and /dev/null differ diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/index.html b/gui-editors/gui-editor-apex/src/main/resources/webapp/index.html deleted file mode 100644 index d131d22..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/index.html +++ /dev/null @@ -1,241 +0,0 @@ - - - - - - -Apex Policy Editor - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
Apex
-
- -
- -
-
- Apex -
-
- Policy Editor -
-
- -
-

Apex Policy Editor

-
- -
- - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexAjax.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexAjax.js index 2a75b72..79a4ac8 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexAjax.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexAjax.js @@ -19,6 +19,11 @@ * ============LICENSE_END========================================================= */ +const { + pageControl_restError, pageControl_status, + pageControl_successStatus +} = require("./ApexPageControl"); + function ajax_get(requestURL, callback) { $.ajax({ type : 'GET', @@ -36,7 +41,7 @@ function ajax_get(requestURL, callback) { function ajax_getWithKeyInfo(requestURL, objectType, callback, keyNam) { let keyName = keyNam || "key"; - let keyInfoURL = restRootURL + "/KeyInformation/Get?name=&version="; + let keyInfoURL = window.restRootURL + "/KeyInformation/Get?name=&version="; ajax_get(keyInfoURL, function(dataKeyInfos) { ajax_get(requestURL, function(data) { var keyInfos = []; @@ -122,4 +127,4 @@ function ajax_delete(requestURL, callback) { }); } -module.exports = {ajax_get, ajax_delete, ajax_post, ajax_put, ajax_getOKOrFail, ajax_getWithKeyInfo}; \ No newline at end of file +export {ajax_get, ajax_delete, ajax_post, ajax_put, ajax_getOKOrFail, ajax_getWithKeyInfo}; \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextAlbumEditForm.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextAlbumEditForm.js index 602fa49..c09e625 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextAlbumEditForm.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextAlbumEditForm.js @@ -19,9 +19,15 @@ * ============LICENSE_END========================================================= */ +const {ajax_delete, ajax_getWithKeyInfo, ajax_get} = require("./ApexAjax"); +const {contextAlbumTab_reset} = require("./ApexContextAlbumTab"); +const {apexUtils_removeElement, apexUtils_emptyElement, scrollToTop, apexUtils_areYouSure} = require("./ApexUtils"); +const {dropdownList} = require("./dropdownList"); +const { formUtils_generateDescription, formUtils_generateUUID } = require("./ApexFormUtils"); + function editContextAlbumForm_createContextAlbum(formParent) { // Get all contextSchemas too for album item schema - var requestURL = restRootURL + "/ContextSchema/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextSchema/Get?name=&version="; var contextSchemas = new Array(); ajax_get(requestURL, function(data2) { for (var i = 0; i < data2.messages.message.length; i++) { @@ -40,7 +46,7 @@ function editContextAlbumForm_createContextAlbum(formParent) { function editContextAlbumForm_deleteContextAlbum(parent, name, version) { var message = "Are you sure you want to delete ContextAlbum \"" + name + ":" + version + "\"?"; if (apexUtils_areYouSure(message)) { - var requestURL = restRootURL + "/ContextAlbum/Delete?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/ContextAlbum/Delete?name=" + name + "&version=" + version; ajax_delete(requestURL, function(data) { apexUtils_removeElement("editContextAlbumFormDiv"); contextAlbumTab_reset(); @@ -50,10 +56,10 @@ function editContextAlbumForm_deleteContextAlbum(parent, name, version) { } function editContextAlbumForm_viewContextAlbum(parent, name, version) { - var requestURL = restRootURL + "/ContextAlbum/Get?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/ContextAlbum/Get?name=" + name + "&version=" + version; ajax_getWithKeyInfo(requestURL, "apexContextAlbum", function(contextAlbum) { // Get all contextSchemas too for album item schema - var requestURL = restRootURL + "/ContextSchema/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextSchema/Get?name=&version="; var contextSchemas = new Array(); ajax_get(requestURL, function(data2) { for (var i = 0; i < data2.messages.message.length; i++) { @@ -71,10 +77,10 @@ function editContextAlbumForm_viewContextAlbum(parent, name, version) { } function editContextAlbumForm_editContextAlbum(formParent, name, version) { - var requestURL = restRootURL + "/ContextAlbum/Get?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/ContextAlbum/Get?name=" + name + "&version=" + version; ajax_getWithKeyInfo(requestURL, "apexContextAlbum", function(contextAlbum) { // Get all contextSchemas too for album item schema - var requestURL = restRootURL + "/ContextSchema/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextSchema/Get?name=&version="; var contextSchemas = new Array(); ajax_get(requestURL, function(data2) { for (var i = 0; i < data2.messages.message.length; i++) { @@ -94,6 +100,11 @@ function editContextAlbumForm_editContextAlbum(formParent, name, version) { function editContextAlbumForm_activate(parent, operation, contextAlbum, contextSchemas) { apexUtils_removeElement("editContextAlbumFormDiv"); var formParent = document.getElementById(parent); + + //Test Purposes + if(formParent === null){ + formParent = document.createElement(parent); + } apexUtils_emptyElement(parent); var isedit = false; @@ -457,14 +468,14 @@ function editContextAlbumForm_submitPressed() { }); if (createEditOrView == "CREATE") { - var requestURL = restRootURL + "/ContextAlbum/Create"; + var requestURL = window.restRootURL + "/ContextAlbum/Create"; ajax_post(requestURL, jsonString, function(resultData) { apexUtils_removeElement("editContextAlbumFormDiv"); contextAlbumTab_reset(); keyInformationTab_reset() }); } else if (createEditOrView == "EDIT") { - var requestURL = restRootURL + "/ContextAlbum/Update"; + var requestURL = window.restRootURL + "/ContextAlbum/Update"; ajax_put(requestURL, jsonString, function(resultData) { apexUtils_removeElement("editContextAlbumFormDiv"); contextAlbumTab_reset(); @@ -473,3 +484,15 @@ function editContextAlbumForm_submitPressed() { } } + +export { + editContextAlbumForm_viewContextAlbum, + editContextAlbumForm_generateUUIDPressed, + editContextAlbumForm_generateDescriptionPressed, + editContextAlbumForm_editContextAlbum, + editContextAlbumForm_deleteContextAlbum, + editContextAlbumForm_createContextAlbum, + editContextAlbumForm_cancelPressed, + editContextAlbumForm_activate, + editContextAlbumForm_submitPressed +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextAlbumTab.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextAlbumTab.js index f0af49f..2b1a5e8 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextAlbumTab.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextAlbumTab.js @@ -19,6 +19,11 @@ * ============LICENSE_END========================================================= */ +import {rightClickMenu_scopePreserver} from './contextMenu'; +import {createTable} from './ApexTable'; +import {ajax_get} from './ApexAjax'; +import {apexUtils_removeElement} from "./ApexUtils"; + function contextAlbumTab_reset() { contextAlbumTab_deactivate(); contextAlbumTab_activate(); @@ -27,7 +32,7 @@ function contextAlbumTab_reset() { function contextAlbumTab_activate() { contextAlbumTab_create(); - var requestURL = restRootURL + "/ContextAlbum/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextAlbum/Get?name=&version="; ajax_get(requestURL, function(data) { $("#contextAlbumTableBody").find("tr:gt(0)").remove(); @@ -69,6 +74,11 @@ function contextAlbumTab_deactivate() { function contextAlbumTab_create() { var contextAlbumTab = document.getElementById("contextAlbumsTab"); + //Testing purposes + if(contextAlbumTab === null){ + contextAlbumTab = document.createElement('contextAlbumsTab'); + } + var contextAlbumTabContent = document.getElementById("contextAlbumTabContent"); if (contextAlbumTabContent != null) { return @@ -115,4 +125,5 @@ function contextAlbumTab_create() { contextAlbumTable.setAttribute("id", "contextAlbumTableBody"); } -module.exports = {contextAlbumTab_reset, contextAlbumTab_create, contextAlbumTab_activate, contextAlbumTab_deactivate}; \ No newline at end of file +//Testing purposes +export { contextAlbumTab_reset, contextAlbumTab_create, contextAlbumTab_activate, contextAlbumTab_deactivate }; \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextSchemaEditForm.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextSchemaEditForm.js index 7eecb72..197b58b 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextSchemaEditForm.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextSchemaEditForm.js @@ -19,6 +19,14 @@ * ============LICENSE_END========================================================= */ +import {ajax_delete, ajax_getWithKeyInfo, ajax_post, ajax_put} from "./ApexAjax"; +import {apexUtils_removeElement, apexUtils_emptyElement, scrollToTop, apexUtils_areYouSure} from "./ApexUtils"; +import { + formUtils_generateDescription, + formUtils_generateUUID +} from "./ApexFormUtils"; +import {contextSchemaTab_reset} from "./ApexContextSchemaTab"; + function editContextSchemaForm_createContextSchema(formParent) { return editContextSchemaForm_activate(formParent, "CREATE", null); } @@ -26,7 +34,7 @@ function editContextSchemaForm_createContextSchema(formParent) { function editContextSchemaForm_deleteContextSchema(parent, name, version) { var message = "Are you sure you want to delete ContextSchema \"" + name + ":" + version + "\"?"; if (apexUtils_areYouSure(message)) { - var requestURL = restRootURL + "/ContextSchema/Delete?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/ContextSchema/Delete?name=" + name + "&version=" + version; ajax_delete(requestURL, function(data) { apexUtils_removeElement("editContextSchemaFormDiv"); contextSchemaTab_reset(); @@ -36,14 +44,14 @@ function editContextSchemaForm_deleteContextSchema(parent, name, version) { } function editContextSchemaForm_viewContextSchema(parent, name, version) { - var requestURL = restRootURL + "/ContextSchema/Get?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/ContextSchema/Get?name=" + name + "&version=" + version; ajax_getWithKeyInfo(requestURL, "apexContextSchema", function(contextSchema) { editContextSchemaForm_activate(parent, "VIEW", contextSchema); }); } function editContextSchemaForm_editContextSchema(formParent, name, version) { - var requestURL = restRootURL + "/ContextSchema/Get?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/ContextSchema/Get?name=" + name + "&version=" + version; ajax_getWithKeyInfo(requestURL, "apexContextSchema", function(contextSchema) { editContextSchemaForm_activate(formParent, "EDIT", contextSchema); }); @@ -52,6 +60,11 @@ function editContextSchemaForm_editContextSchema(formParent, name, version) { function editContextSchemaForm_activate(parent, operation, contextSchema) { apexUtils_removeElement("editContextSchemaFormDiv"); var formParent = document.getElementById(parent); + + //Testing purposes + if(formParent === null){ + formParent = document.createElement("formParentTest") + } apexUtils_emptyElement(parent); var isedit = false; @@ -351,14 +364,14 @@ function editContextSchemaForm_submitPressed() { }); if (createEditOrView == "CREATE") { - var requestURL = restRootURL + "/ContextSchema/Create"; + var requestURL = window.restRootURL + "/ContextSchema/Create"; ajax_post(requestURL, jsonString, function(resultData) { apexUtils_removeElement("editContextSchemaFormDiv"); contextSchemaTab_reset(); keyInformationTab_reset() }); } else if (createEditOrView == "EDIT") { - var requestURL = restRootURL + "/ContextSchema/Update"; + var requestURL = window.restRootURL + "/ContextSchema/Update"; ajax_put(requestURL, jsonString, function(resultData) { apexUtils_removeElement("editContextSchemaFormDiv"); contextSchemaTab_reset(); @@ -368,6 +381,8 @@ function editContextSchemaForm_submitPressed() { } -module.exports = {editContextSchemaForm_activate, editContextSchemaForm_cancelPressed, editContextSchemaForm_createContextSchema, - editContextSchemaForm_deleteContextSchema, editContextSchemaForm_editContextSchema, editContextSchemaForm_generateDescriptionPressed, - editContextSchemaForm_generateUUIDPressed, editContextSchemaForm_submitPressed, editContextSchemaForm_viewContextSchema}; +export { + editContextSchemaForm_activate, editContextSchemaForm_cancelPressed, editContextSchemaForm_createContextSchema, + editContextSchemaForm_deleteContextSchema, editContextSchemaForm_editContextSchema, editContextSchemaForm_generateDescriptionPressed, + editContextSchemaForm_generateUUIDPressed, editContextSchemaForm_submitPressed, editContextSchemaForm_viewContextSchema +}; diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextSchemaTab.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextSchemaTab.js index 1c8b85e..4474f5d 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextSchemaTab.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexContextSchemaTab.js @@ -19,6 +19,11 @@ * ============LICENSE_END========================================================= */ +const {ajax_get} = require("./ApexAjax"); +const {createTable} = require('./ApexTable'); +const {rightClickMenu_scopePreserver} = require('./contextMenu'); +const {apexUtils_removeElement} = require('./ApexUtils'); + function contextSchemaTab_reset() { contextSchemaTab_deactivate(); contextSchemaTab_activate(); @@ -26,7 +31,7 @@ function contextSchemaTab_reset() { function contextSchemaTab_activate() { contextSchemaTab_create(); - var requestURL = restRootURL + "/ContextSchema/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextSchema/Get?name=&version="; ajax_get(requestURL, function(data) { $("#contextSchemaTableBody").find("tr:gt(0)").remove(); @@ -63,6 +68,11 @@ function contextSchemaTab_deactivate() { function contextSchemaTab_create() { var contextSchemaTab = document.getElementById("contextSchemasTab"); + //Testing purposes + if(contextSchemaTab === null){ + contextSchemaTab = document.createElement('contextSchemasTab'); + } + var contextSchemaTabContent = document.getElementById("contextSchemaTabContent"); if (contextSchemaTabContent != null) { return @@ -102,4 +112,12 @@ function contextSchemaTab_create() { var contextSchemaTableBody = document.createElement("tbody"); contextSchemaTable.appendChild(contextSchemaTableBody); contextSchemaTable.setAttribute("id", "contextSchemaTableBody"); -} \ No newline at end of file +} + +//Testing purposes +export { + contextSchemaTab_activate, + contextSchemaTab_deactivate, + contextSchemaTab_reset, + contextSchemaTab_create +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexEventEditForm.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexEventEditForm.js index 51408e3..58c9b26 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexEventEditForm.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexEventEditForm.js @@ -19,10 +19,17 @@ * ============LICENSE_END========================================================= */ +import { formUtils_generateDescription, formUtils_generateUUID } from "./ApexFormUtils"; +import {dropdownList} from "./dropdownList"; +import {ajax_post, ajax_put, ajax_delete, ajax_get, ajax_getWithKeyInfo} from "./ApexAjax"; +import {eventTab_reset} from "./ApexEventTab"; +import {apexUtils_areYouSure, apexUtils_removeElement, apexUtils_emptyElement, createAddFormButton, scrollToTop} from './ApexUtils'; +import {keyInformationTab_reset} from "./ApexKeyInformationTab"; + function editEventForm_deleteEvent(parent, name, version) { var message = "Are you sure you want to delete Event \"" + name + ":" + version + "\"?"; if (apexUtils_areYouSure(message)) { - var requestURL = restRootURL + "/Event/Delete?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/Event/Delete?name=" + name + "&version=" + version; ajax_delete(requestURL, function(data) { apexUtils_removeElement("editEventFormDiv"); eventTab_reset(); @@ -41,7 +48,7 @@ function editEventForm_editEvent(formParent, name, version) { function editEventForm_createEvent(formParent) { // Get all contextSchemas too for event params - var requestURL = restRootURL + "/ContextSchema/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextSchema/Get?name=&version="; var contextSchemas = new Array(); ajax_get(requestURL, function(data2) { for (var i = 0; i < data2.messages.message.length; i++) { @@ -59,10 +66,10 @@ function editEventForm_createEvent(formParent) { } function editEventForm_editEvent_inner(formParent, name, version, viewOrEdit) { - var requestURL = restRootURL + "/Event/Get?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/Event/Get?name=" + name + "&version=" + version; ajax_getWithKeyInfo(requestURL, "apexEvent", function(event) { // Get all contextSchemas too for event params - var requestURL = restRootURL + "/ContextSchema/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextSchema/Get?name=&version="; var contextSchemas = new Array(); ajax_get(requestURL, function(data2) { for (var i = 0; i < data2.messages.message.length; i++) { @@ -82,6 +89,11 @@ function editEventForm_editEvent_inner(formParent, name, version, viewOrEdit) { function editEventForm_activate(parent, operation, event, contextSchemas) { apexUtils_removeElement("editEventFormDiv"); var formParent = document.getElementById(parent); + + //Testing purposes + if(formParent === null){ + formParent = document.createElement('testFormParent'); + } apexUtils_emptyElement(parent); var isedit = false; @@ -302,7 +314,7 @@ function editEventForm_activate(parent, operation, event, contextSchemas) { // for // delete // button - paramstable_head_th = document.createElement("th"); + var paramstable_head_th = document.createElement("th"); paramstable_head_tr.appendChild(paramstable_head_th); paramstable_head_th.innerHTML = "Parameter Name: "; paramstable_head_th.setAttribute("class", "table-eventparam-heading form-heading"); @@ -548,14 +560,14 @@ function editEventForm_submitPressed() { var jsonString = JSON.stringify(eventbean); if (createEditOrView == "CREATE") { - var requestURL = restRootURL + "/Event/Create"; + var requestURL = window.restRootURL + "/Event/Create"; ajax_post(requestURL, jsonString, function(resultData) { apexUtils_removeElement("editEventFormDiv"); eventTab_reset(); keyInformationTab_reset() }); } else if (createEditOrView == "EDIT") { - var requestURL = restRootURL + "/Event/Update"; + var requestURL = window.restRootURL + "/Event/Update"; ajax_put(requestURL, jsonString, function(resultData) { apexUtils_removeElement("editEventFormDiv"); eventTab_reset(); @@ -564,3 +576,17 @@ function editEventForm_submitPressed() { } } + +export { + editEventForm_activate, + editEventForm_addEventParam, + editEventForm_cancelPressed, + editEventForm_createEvent, + editEventForm_deleteEvent, + editEventForm_editEvent, + editEventForm_editEvent_inner, + editEventForm_generateDescriptionPressed, + editEventForm_generateUUIDPressed, + editEventForm_submitPressed, + editEventForm_viewEvent +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexEventTab.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexEventTab.js index 699f460..56886fb 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexEventTab.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexEventTab.js @@ -19,6 +19,12 @@ * ============LICENSE_END========================================================= */ + +import {ajax_get} from "./ApexAjax"; +import {rightClickMenu_scopePreserver} from "./contextMenu"; +import {createTable} from "./ApexTable"; +import {apexUtils_removeElement} from "./ApexUtils"; + function eventTab_reset() { eventTab_deactivate(); eventTab_activate(); @@ -27,7 +33,7 @@ function eventTab_reset() { function eventTab_activate() { eventTab_create(); - var requestURL = restRootURL + "/Event/Get?name=&version="; + var requestURL = window.restRootURL + "/Event/Get?name=&version="; ajax_get(requestURL, function(data) { $("#eventTableBody").find("tr:gt(0)").remove(); @@ -87,6 +93,11 @@ function eventTab_deactivate() { function eventTab_create() { var eventTab = document.getElementById("eventsTab"); + //Testing purposes + if(eventTab === null){ + eventTab = document.createElement('eventsTab'); + } + var eventTabContent = document.getElementById("eventTabContent"); if (eventTabContent != null) { return @@ -138,4 +149,9 @@ function eventTab_create() { eventTable.setAttribute("id", "eventTableBody"); } -exports = {eventTab_reset, eventTab_activate, eventTab_deactivate, eventTab_create} +export { + eventTab_reset, + eventTab_activate, + eventTab_deactivate, + eventTab_create +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexFiles.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexFiles.js index 93b1183..ade1eb3 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexFiles.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexFiles.js @@ -19,6 +19,12 @@ * ============LICENSE_END========================================================= */ +import {resultForm_activate} from "./ApexResultForm"; + +const {ajax_put, ajax_get, ajax_getOKOrFail} = require("./ApexAjax"); +const {pageControl_modelMode} = require("./ApexPageControl"); +const {modelFileName} = require("./ApexNewModelForm"); + function files_fileOpen() { $('').on('change', function() { var reader = new FileReader(); @@ -26,10 +32,10 @@ function files_fileOpen() { reader.readAsText(this.files[0]); reader.onload = function(event) { - var requestURL = restRootURL + "/Model/Load"; + var requestURL = window.restRootURL + "/Model/Load"; ajax_put(requestURL, event.target.result, function(resultData) { localStorage.setItem("apex_model_loaded", true); - var requestURL = restRootURL + "/Model/GetKey"; + var requestURL = window.restRootURL + "/Model/GetKey"; ajax_get(requestURL, function(data) { var modelKey = JSON.parse(data.messages.message[0]).apexArtifactKey; pageControl_modelMode(modelKey.name, modelKey.version, modelFileName); @@ -40,7 +46,7 @@ function files_fileOpen() { } function files_fileDownload() { - var requestURL = restRootURL + "/Model/Download"; + var requestURL = window.restRootURL + "/Model/Download"; var downloadLink = document.createElement("a"); document.body.appendChild(downloadLink); @@ -51,7 +57,7 @@ function files_fileDownload() { } function files_fileUpload() { - var requestURL = restRootURL + "/Model/Upload?userId=" + new URLSearchParams(window.location.search).get('userId'); + var requestURL = window.restRootURL + "/Model/Upload?userId=" + new URLSearchParams(window.location.search).get('userId'); ajax_getOKOrFail(requestURL, function(data) { var uploadResultString = ""; @@ -62,4 +68,4 @@ function files_fileUpload() { }); } -module.exports = {files_fileUpload, files_fileDownload, files_fileOpen}; +export {files_fileUpload, files_fileDownload, files_fileOpen}; diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexFormUtils.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexFormUtils.js index 93f0f68..9476e58 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexFormUtils.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexFormUtils.js @@ -47,4 +47,4 @@ function formUtils_generateDescription(name, version, uuid) { return description; } -module.exports = {formUtils_generateDescription, formUtils_generateUUID}; +export {formUtils_generateDescription, formUtils_generateUUID}; diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexKeyInformationTab.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexKeyInformationTab.js index 3ba1e17..9442ddd 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexKeyInformationTab.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexKeyInformationTab.js @@ -19,6 +19,10 @@ * ============LICENSE_END========================================================= */ +import {ajax_get} from "./ApexAjax"; +import {apexUtils_escapeHtml, apexUtils_removeElement} from "./ApexUtils"; +import {createTable} from "./ApexTable"; + function keyInformationTab_reset() { keyInformationTab_deactivate(); keyInformationTab_activate(); @@ -27,7 +31,7 @@ function keyInformationTab_reset() { function keyInformationTab_activate() { keyInformationTab_create(); - var requestURL = restRootURL + "/KeyInformation/Get?name=&version="; + var requestURL = window.restRootURL + "/KeyInformation/Get?name=&version="; ajax_get(requestURL, function(data) { $("#keyInformationTableBody").find("tr:gt(0)").remove(); @@ -103,3 +107,10 @@ function keyInformationTab_create() { keyInformationTable.appendChild(keyInformationTableBody); keyInformationTable.setAttribute("id", "keyInformationTableBody"); } + +export { + keyInformationTab_activate, + keyInformationTab_create, + keyInformationTab_deactivate, + keyInformationTab_reset +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexMain.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexMain.js index 9dea9b5..d7019d3 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexMain.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexMain.js @@ -19,16 +19,22 @@ * ============LICENSE_END========================================================= */ +import {pageControl_noModelMode, pageControl_modelMode} from "./ApexPageControl"; +import {newModelForm_activate} from "./ApexNewModelForm"; +import {files_fileDownload, files_fileOpen, files_fileUpload} from "./ApexFiles"; +import {ajax_delete, ajax_get} from "./ApexAjax"; +import {modelHandling_analyse, modelHandling_validate} from "./ApexModelHandling"; + var restRootURL = null; var modelFileName = null; -$("#menu").fileMenu({ - slideSpeed : 200 -}); - $(document).ready(function() { + $("#menu").fileMenu({ + slideSpeed : 200 + }); pageControl_noModelMode(); main_getRestRootURL(); + $(".content").fadeIn(); }); $("#menu li").not(".emptyMessage").click(function() { @@ -114,6 +120,7 @@ function main_getRestRootURL() { var restContext = "apexservices/editor/"; if (localStorage.getItem("apex_session")) { restRootURL = href + restContext + localStorage.getItem("apex_session"); + window.restRootURL = href + restContext + localStorage.getItem("apex_session"); var requestURL = restRootURL + "/Model/GetKey"; ajax_get(requestURL, function(data) { $("#statusMessageTable").append(" REST root URL set to: " + restRootURL + ""); @@ -166,8 +173,6 @@ $(".ebInlineMessage").mouseleave(function(e) { }, 200); }); -$(document).ready(function() { - $(".content").fadeIn(); -}); - -exports.restRootURL = { restRootURL }; +export { + clearLocalStorage +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexModelHandling.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexModelHandling.js index d6af0c9..9c04102 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexModelHandling.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexModelHandling.js @@ -19,8 +19,11 @@ * ============LICENSE_END========================================================= */ +import {ajax_getOKOrFail, ajax_get} from "./ApexAjax"; +import {resultForm_activate} from "./ApexResultForm"; + function modelHandling_analyse() { - var requestURL = restRootURL + "/Model/Analyse"; + var requestURL = window.restRootURL + "/Model/Analyse"; ajax_get(requestURL, function(data) { resultForm_activate(document.getElementById("mainArea"), "Model Analysis Result", data.messages.message[0]); @@ -28,7 +31,7 @@ function modelHandling_analyse() { } function modelHandling_validate() { - var requestURL = restRootURL + "/Model/Validate"; + var requestURL = window.restRootURL + "/Model/Validate"; ajax_getOKOrFail(requestURL, function(data) { var validationResultString = ""; @@ -37,4 +40,9 @@ function modelHandling_validate() { } resultForm_activate(document.getElementById("mainArea"), "Model Validation Result", validationResultString); }); -} \ No newline at end of file +} + +export { + modelHandling_analyse, + modelHandling_validate +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexNewModelForm.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexNewModelForm.js index bf0e016..65b39d9 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexNewModelForm.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexNewModelForm.js @@ -19,6 +19,12 @@ * ============LICENSE_END========================================================= */ +import { formUtils_generateDescription, formUtils_generateUUID } from "./ApexFormUtils"; +import {apexUtils_removeElement} from "./ApexUtils"; +import {pageControl_modelMode} from "./ApexPageControl"; +import {ajax_post, ajax_get} from "./ApexAjax"; +import {keyInformationTab_reset} from "./ApexKeyInformationTab"; + function newModelForm_activate(formParent) { apexUtils_removeElement("newModelFormDiv"); @@ -203,25 +209,33 @@ function newModelForm_cancelPressed() { } function newModelForm_submitPressed() { - jsonString = JSON.stringify({ + var jsonString = JSON.stringify({ "name" : $('#newModelFormNameInput').val(), "version" : $('#newModelFormVersionInput').val(), "uuid" : $('#newModelFormUuidInput').val(), "description" : $('#newModelFormDescriptionTextArea').val() }); - var requestURL = restRootURL + "/Model/Create"; + var requestURL = window.restRootURL + "/Model/Create"; ajax_post(requestURL, jsonString, function(resultData) { apexUtils_removeElement("newModelDivBackground"); - var requestURL = restRootURL + "/Model/GetKey"; + var requestURL = window.restRootURL + "/Model/GetKey"; ajax_get(requestURL, function(data) { var modelKey = JSON.parse(data.messages.message[0]).apexArtifactKey; - modelFileName = modelKey.name + ".json"; + var modelFileName = modelKey.name + ".json"; pageControl_modelMode(modelKey.name, modelKey.version, modelFileName); }); keyInformationTab_reset() }); } + +export { + newModelForm_activate, + newModelForm_cancelPressed, + newModelForm_generateDescriptionPressed, + newModelForm_generateUUIDPressed, + newModelForm_submitPressed +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPageControl.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPageControl.js index 133f511..e1a553e 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPageControl.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPageControl.js @@ -19,6 +19,23 @@ * ============LICENSE_END========================================================= */ +import { + contextSchemaTab_activate, + contextSchemaTab_deactivate +} from "./ApexContextSchemaTab"; +import {eventTab_activate, eventTab_deactivate} from "./ApexEventTab"; +import { + contextAlbumTab_activate, + contextAlbumTab_deactivate +} from "./ApexContextAlbumTab"; +import {taskTab_activate, taskTab_deactivate} from "./ApexTaskTab"; +import {policyTab_activate, policyTab_deactivate} from "./ApexPolicyTab"; +import { + keyInformationTab_activate, + keyInformationTab_deactivate +} from "./ApexKeyInformationTab"; +import {clearLocalStorage} from "./ApexMain"; + function pageControl_modelMode(name, version, fileName) { $('#modelName').html(name); $('#modelVersion').html(version); @@ -254,4 +271,14 @@ function showPlaceholder(show) { } } -module.exports = {showPlaceholder, pageControl_busyMode, pageControl_modelMode, pageControl_noModelMode, pageControl_readyMode, pageControl_recursiveDisable, pageControl_restError, pageControl_status, pageControl_successStatus} +export { + showPlaceholder, + pageControl_busyMode, + pageControl_modelMode, + pageControl_noModelMode, + pageControl_readyMode, + pageControl_recursiveDisable, + pageControl_restError, + pageControl_status, + pageControl_successStatus +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyEditForm.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyEditForm.js index 93c672c..116cfa4 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyEditForm.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyEditForm.js @@ -19,6 +19,14 @@ * ============LICENSE_END========================================================= */ +import {apexUtils_removeElement, apexUtils_emptyElement, apexUtils_areYouSure, scrollToTop} from "./ApexUtils"; +import {dropdownList, dropdownList_ChangeOptions} from "./dropdownList"; +import {ajax_get, ajax_delete, ajax_getWithKeyInfo, ajax_post, ajax_put} from "./ApexAjax"; +import {policyTab_reset} from "./ApexPolicyTab"; +import { editPolicyForm_State_generateStateDiv, editPolicyForm_State_getStateBean } from "./ApexPolicyEditForm_State"; +import { formUtils_generateDescription, formUtils_generateUUID } from "./ApexFormUtils"; +import {keyInformationTab_reset} from "./ApexKeyInformationTab"; + function editPolicyForm_createPolicy(formParent) { editPolicyForm_editPolicy_inner(formParent, null, "CREATE"); } @@ -37,7 +45,7 @@ function editPolicyForm_deletePolicy(parent, name, version) { function editPolicyForm_viewPolicy(formParent, name, version) { // get the policy - var requestURL = restRootURL + "/Policy/Get?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/Policy/Get?name=" + name + "&version=" + version; ajax_getWithKeyInfo(requestURL, "apexPolicy", function(policy) { editPolicyForm_editPolicy_inner(formParent, policy, "VIEW"); }, "policyKey"); @@ -45,7 +53,7 @@ function editPolicyForm_viewPolicy(formParent, name, version) { function editPolicyForm_editPolicy(formParent, name, version) { // get the policy - var requestURL = restRootURL + "/Policy/Get?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/Policy/Get?name=" + name + "&version=" + version; ajax_getWithKeyInfo(requestURL, "apexPolicy", function(policy) { editPolicyForm_editPolicy_inner(formParent, policy, "EDIT"); }, "policyKey"); @@ -53,7 +61,7 @@ function editPolicyForm_editPolicy(formParent, name, version) { function editPolicyForm_editPolicy_inner(formParent, policy, viewOrEdit) { // Get all contextSchemas too - requestURL = restRootURL + "/ContextSchema/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextSchema/Get?name=&version="; var contextSchemas = new Array(); ajax_get(requestURL, function(data2) { for (var i = 0; i < data2.messages.message.length; i++) { @@ -66,7 +74,7 @@ function editPolicyForm_editPolicy_inner(formParent, policy, viewOrEdit) { }); } // Get all tasks - requestURL = restRootURL + "/Task/Get?name=&version="; + requestURL = window.restRootURL + "/Task/Get?name=&version="; var tasks = new Array(); ajax_get(requestURL, function(data3) { for (var j = 0; j < data3.messages.message.length; j++) { @@ -79,7 +87,7 @@ function editPolicyForm_editPolicy_inner(formParent, policy, viewOrEdit) { }); } // Get all ContextAlbums - requestURL = restRootURL + "/ContextAlbum/Get?name=&version="; + requestURL = window.restRootURL + "/ContextAlbum/Get?name=&version="; var albums = new Array(); ajax_get(requestURL, function(data4) { for (var k = 0; k < data4.messages.message.length; k++) { @@ -92,7 +100,7 @@ function editPolicyForm_editPolicy_inner(formParent, policy, viewOrEdit) { }); } // Get all Events - requestURL = restRootURL + "/Event/Get?name=&version="; + requestURL = window.restRootURL + "/Event/Get?name=&version="; var events = new Array(); ajax_get(requestURL, function(data5) { for (var m = 0; m < data5.messages.message.length; m++) { @@ -114,6 +122,11 @@ function editPolicyForm_editPolicy_inner(formParent, policy, viewOrEdit) { function editPolicyForm_activate(parent, operation, policy, tasks, events, contextAlbums, contextItemSchemas) { apexUtils_removeElement("editPolicyFormDiv"); var formParent = document.getElementById(parent); + + //Testing purposes + if(formParent === null) { + formParent = document.createElement("testFormParent"); + } apexUtils_emptyElement(parent); var isedit = false; @@ -407,7 +420,7 @@ function editPolicyForm_activate(parent, operation, policy, tasks, events, conte triggerLI.appendChild(triggerPeriodicEventCheckbox); - triggerPeriodicEventLabel = document.createElement("label"); + var triggerPeriodicEventLabel = document.createElement("label"); triggerPeriodicEventLabel.setAttribute("class", "periodic-events-label"); triggerPeriodicEventLabel.innerHTML = "is Periodic Event"; triggerLI.appendChild(triggerPeriodicEventLabel); @@ -433,7 +446,7 @@ function editPolicyForm_activate(parent, operation, policy, tasks, events, conte } } for (i = 0; i < policy.state.entry.length; i++) { - stateEntry = policy.state.entry[i]; + var stateEntry = policy.state.entry[i]; var statename = stateEntry.key; var state = stateEntry.value; var stateLI = editPolicyForm_addState(statename, state, createEditOrView, policy, tasks, events, @@ -720,7 +733,7 @@ function editPolicyForm_submitPressed() { var jsonString = JSON.stringify(policybean); if (createEditOrView == "CREATE") { - var requestURL = restRootURL + "/Policy/Create"; + var requestURL = window.restRootURL + "/Policy/Create"; ajax_post(requestURL, jsonString, function(resultData) { apexUtils_removeElement("editPolicyFormDiv"); policyTab_reset(); @@ -728,7 +741,7 @@ function editPolicyForm_submitPressed() { }); } else if (createEditOrView == "EDIT") { var firstStatePeriodic = $("#periodicEventsCheckbox").is(":checked") - var requestURL = restRootURL + "/Policy/Update?firstStatePeriodic=" + firstStatePeriodic; + var requestURL = window.restRootURL + "/Policy/Update?firstStatePeriodic=" + firstStatePeriodic; ajax_put(requestURL, jsonString, function(resultData) { apexUtils_removeElement("editPolicyFormDiv"); policyTab_reset(); @@ -800,3 +813,24 @@ function editPolicyForm_getPolicyBean() { }; return policybean; } + +export { + editPolicyForm_activate, + editPolicyForm_editPolicy_inner, + editPolicyForm_State_getStateBean, + editPolicyForm_addNewState, + editPolicyForm_addState, + editPolicyForm_cancelPressed, + editPolicyForm_createPolicy, + editPolicyForm_deletePolicy, + editPolicyForm_editPolicy, + editPolicyForm_generateDescriptionPressed, + editPolicyForm_generateUUIDPressed, + editPolicyForm_getNextStateOptions, + editPolicyForm_getPolicyBean, + editPolicyForm_getStateOptions, + editPolicyForm_State_generateStateDiv, + editPolicyForm_submitPressed, + editPolicyForm_updateTriggerEventOptions, + editPolicyForm_viewPolicy +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyEditForm_State.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyEditForm_State.js index 77e8814..e9d1118 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyEditForm_State.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyEditForm_State.js @@ -19,6 +19,12 @@ * ============LICENSE_END========================================================= */ +import { dropdownList } from "./dropdownList"; +import { createAddFormButton } from "./ApexUtils"; +import { showHideTextarea } from "./showhideTextarea"; +import { formUtils_generateUUID } from "./ApexFormUtils"; +import {editPolicyForm_getNextStateOptions, editPolicyForm_updateTriggerEventOptions} from "./ApexPolicyEditForm"; + function editPolicyForm_State_generateStateDiv(createEditOrView, policy, statename, state, tasks, events, contextAlbums, contextItemSchemas) { var retDiv = document.createElement("div"); @@ -799,6 +805,7 @@ function editPolicyForm_State_addPolicyTask(parentTBody, disabled, isdefault, st function editPolicyForm_State_getLogicOutputMappingOptions(statename) { var outputoptions = new Array(); var finalizerstablerows = document.getElementById("editPolicyFormLogicOutputsTable_" + statename).rows; + if (finalizerstablerows && finalizerstablerows.length > 2) { // has head // so just // ignore @@ -856,6 +863,7 @@ function editPolicyForm_State_getStateBean(statename) { return null; } var div = document.getElementById("editPolicyFormStateDiv_" + statename); + if (div == null) { console.error("State information requested for state " + statename + ", but that state does not exist!") alert("State information requested for state " + statename + ", but that state does not exist!"); @@ -1127,3 +1135,14 @@ function editPolicyForm_State_getStateBean(statename) { return ret; } + +export { + editPolicyForm_State_generateStateDiv, + editPolicyForm_State_addPolicyContext, + editPolicyForm_State_addPolicyTask, + editPolicyForm_State_addStateDirectOutput, + editPolicyForm_State_addStateLogicOutput, + editPolicyForm_State_getDirectOutputMappingOptions, + editPolicyForm_State_getStateBean, + editPolicyForm_State_getLogicOutputMappingOptions +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyTab.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyTab.js index 8d9788e..e3a1765 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyTab.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexPolicyTab.js @@ -19,6 +19,11 @@ * ============LICENSE_END========================================================= */ +import {rightClickMenu_scopePreserver} from "./contextMenu"; +import {createTable} from "./ApexTable"; +import {ajax_get} from "./ApexAjax"; +import {apexUtils_removeElement} from "./ApexUtils"; + function policyTab_reset() { policyTab_deactivate(); policyTab_activate(); @@ -27,7 +32,7 @@ function policyTab_reset() { function policyTab_activate() { policyTab_create(); - var requestURL = restRootURL + "/Policy/Get?name=&version="; + var requestURL = window.restRootURL + "/Policy/Get?name=&version="; ajax_get(requestURL, function(data) { $("#policyTableBody").find("tr:gt(0)").remove(); @@ -164,6 +169,11 @@ function policyTab_deactivate() { function policyTab_create() { var policyTab = document.getElementById("policiesTab"); + //Testing purposes + if(policyTab === null) { + policyTab = document.createElement("policiesTab"); + } + var policyTabContent = document.getElementById("policyTabContent"); if (policyTabContent != null) { return @@ -208,4 +218,11 @@ function policyTab_create() { var policyTableBody = document.createElement("tbody"); policyTable.appendChild(policyTableBody); policyTable.setAttribute("id", "policyTableBody"); -} \ No newline at end of file +} + +export { + policyTab_activate, + policyTab_create, + policyTab_deactivate, + policyTab_reset +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexResultForm.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexResultForm.js index b254c38..0838ce8 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexResultForm.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexResultForm.js @@ -19,6 +19,8 @@ * ============LICENSE_END========================================================= */ +import {apexUtils_removeElement} from "./ApexUtils"; + function resultForm_activate(formParent, formHeading, formText) { apexUtils_removeElement("newModelDivBackground"); @@ -87,3 +89,7 @@ function resultForm_activate(formParent, formHeading, formText) { function resultForm_okPressed() { apexUtils_removeElement("newModelDivBackground"); } + +export { + resultForm_activate, resultForm_okPressed +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTable.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTable.js index 3e9fe3d..0283fb7 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTable.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTable.js @@ -36,4 +36,4 @@ function setRowHover(rowElement) { }; } -module.exports = {createTable, setRowHover}; \ No newline at end of file +export { createTable, setRowHover }; \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTaskEditForm.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTaskEditForm.js index d4021c0..56ba578 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTaskEditForm.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTaskEditForm.js @@ -19,9 +19,16 @@ * ============LICENSE_END========================================================= */ +import {taskTab_reset} from "./ApexTaskTab"; +import {dropdownList} from "./dropdownList"; +import { ajax_delete, ajax_getWithKeyInfo, ajax_post, ajax_put, ajax_get } from "./ApexAjax"; +import { formUtils_generateDescription, formUtils_generateUUID } from "./ApexFormUtils"; +import { apexUtils_removeElement, apexUtils_emptyElement, apexUtils_areYouSure, createAddFormButton, scrollToTop } from "./ApexUtils"; +import { showHideTextarea } from "./showhideTextarea"; + function editTaskForm_createTask(formParent) { // Get all contextSchemas too for task input/outputfields - var requestURL = restRootURL + "/ContextSchema/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextSchema/Get?name=&version="; var contextSchemas = new Array(); ajax_get(requestURL, function(data2) { for (var i = 0; i < data2.messages.message.length; i++) { @@ -35,7 +42,7 @@ function editTaskForm_createTask(formParent) { contextSchemas.push(dt); } // Get all contextAlbums too for task context album references - var requestURL = restRootURL + "/ContextAlbum/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextAlbum/Get?name=&version="; var contextAlbums = new Array(); ajax_get(requestURL, function(data3) { for (var i = 0; i < data3.messages.message.length; i++) { @@ -56,7 +63,7 @@ function editTaskForm_createTask(formParent) { function editTaskForm_deleteTask(parent, name, version) { var message = "Are you sure you want to delete Task \"" + name + ":" + version + "\"?"; if (apexUtils_areYouSure(message)) { - var requestURL = restRootURL + "/Task/Delete?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/Task/Delete?name=" + name + "&version=" + version; ajax_delete(requestURL, function(data) { apexUtils_removeElement("editTaskFormDiv"); taskTab_reset(); @@ -74,10 +81,10 @@ function editTaskForm_editTask(formParent, name, version) { } function editTaskForm_editTask_inner(formParent, name, version, viewOrEdit) { - var requestURL = restRootURL + "/Task/Get?name=" + name + "&version=" + version; + var requestURL = window.restRootURL + "/Task/Get?name=" + name + "&version=" + version; ajax_getWithKeyInfo(requestURL, "apexTask", function(task) { // Get all contextSchemas too for task inputfields - var requestURL = restRootURL + "/ContextSchema/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextSchema/Get?name=&version="; var contextSchemas = new Array(); ajax_get(requestURL, function(data2) { for (var i = 0; i < data2.messages.message.length; i++) { @@ -90,7 +97,7 @@ function editTaskForm_editTask_inner(formParent, name, version, viewOrEdit) { }); } // Get all contextAlbums too for task context album references - var requestURL = restRootURL + "/ContextAlbum/Get?name=&version="; + var requestURL = window.restRootURL + "/ContextAlbum/Get?name=&version="; var contextAlbums = new Array(); ajax_get(requestURL, function(data3) { for (var i = 0; i < data3.messages.message.length; i++) { @@ -112,6 +119,11 @@ function editTaskForm_editTask_inner(formParent, name, version, viewOrEdit) { function editTaskForm_activate(parent, operation, task, contextSchemas, contextAlbums) { apexUtils_removeElement("editTaskFormDiv"); var formParent = document.getElementById(parent); + + //Testing purposes + if(formParent === null) { + formParent = document.createElement('testFormParent'); + } apexUtils_emptyElement(parent); var isedit = false; @@ -985,14 +997,14 @@ function editTaskForm_submitPressed() { var jsonString = JSON.stringify(taskbean); if (createEditOrView == "CREATE") { - var requestURL = restRootURL + "/Task/Create"; + var requestURL = window.restRootURL + "/Task/Create"; ajax_post(requestURL, jsonString, function(resultData) { apexUtils_removeElement("editTaskFormDiv"); taskTab_reset(); keyInformationTab_reset() }); } else if (createEditOrView == "EDIT") { - var requestURL = restRootURL + "/Task/Update"; + var requestURL = window.restRootURL + "/Task/Update"; ajax_put(requestURL, jsonString, function(resultData) { apexUtils_removeElement("editTaskFormDiv"); taskTab_reset(); @@ -1001,3 +1013,20 @@ function editTaskForm_submitPressed() { } } + +export { + editTaskForm_activate, + editTaskForm_addTaskContext, + editTaskForm_addTaskInputField, + editTaskForm_addTaskOutputField, + editTaskForm_addTaskParameter, + editTaskForm_cancelPressed, + editTaskForm_createTask, + editTaskForm_deleteTask, + editTaskForm_editTask, + editTaskForm_editTask_inner, + editTaskForm_generateDescriptionPressed, + editTaskForm_generateUUIDPressed, + editTaskForm_submitPressed, + editTaskForm_viewTask +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTaskTab.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTaskTab.js index 632882b..cb442be 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTaskTab.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexTaskTab.js @@ -19,6 +19,11 @@ * ============LICENSE_END========================================================= */ +import {createTable} from "./ApexTable"; +import {ajax_get} from "./ApexAjax"; +import {rightClickMenu_scopePreserver} from "./contextMenu"; +import {apexUtils_removeElement} from "./ApexUtils"; + function taskTab_reset() { taskTab_deactivate(); taskTab_activate(); @@ -27,16 +32,16 @@ function taskTab_reset() { function taskTab_activate() { taskTab_create(); - var requestURL = restRootURL + "/Task/Get?name=&version="; + const requestURL = window.restRootURL + "/Task/Get?name=&version="; ajax_get(requestURL, function(data) { $("#taskTableBody").find("tr:gt(0)").remove(); - for (var i = 0; i < data.messages.message.length; i++) { - var task = JSON.parse(data.messages.message[i]).apexTask; + for (let i = 0; i < data.messages.message.length; i++) { + const task = JSON.parse(data.messages.message[i]).apexTask; - var taskRow_tr = document.createElement("tr"); - var taskid = task.key.name + ":" + task.key.version; + const taskRow_tr = document.createElement("tr"); + const taskid = task.key.name + ":" + task.key.version; var taskTableRow = "" + @@ -119,6 +124,11 @@ function taskTab_deactivate() { function taskTab_create() { var taskTab = document.getElementById("tasksTab"); + //Testing purposes + if(taskTab === null) { + taskTab = document.createElement("tasksTab"); + } + var taskTabContent = document.getElementById("taskTabContent"); if (taskTabContent != null) { return @@ -173,4 +183,11 @@ function taskTab_create() { var taskTableBody = document.createElement("tbody"); taskTable.appendChild(taskTableBody); taskTable.setAttribute("id", "taskTableBody"); -} \ No newline at end of file +} + +export { + taskTab_create, + taskTab_reset, + taskTab_activate, + taskTab_deactivate +}; diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexUtils.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexUtils.js index 33abdeb..b1ff792 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexUtils.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/ApexUtils.js @@ -124,4 +124,14 @@ function getHomepageURL() { + (location.pathname.endsWith("/editor/") ? location.pathname.substring(0, location.pathname .indexOf("editor/")) : location.pathname); location.href = homepageURL; -} \ No newline at end of file +} + +export { + apexUtils_removeElement, + apexUtils_emptyElement, + scrollToTop, + apexUtils_areYouSure, + createAddFormButton, + apexUtils_escapeHtml, + apexUtils_deleteTableRow +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexAjax.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexAjax.test.js index ebf79c9..34640c3 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexAjax.test.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexAjax.test.js @@ -19,51 +19,130 @@ const mod = require('../ApexAjax'); -test('Test ajax_get', () => { - const mockGet = jest.fn(mod.ajax_get).mockImplementation(() => { - const val = { - type : 'GET', - url : 'requestURL', - dataType : "json", // data type of response - success : function(data) { - return 'Success' - }, - error : function(jqXHR, textStatus, errorThrown) { - return 'Error' - } - } +const requestURL = "http://localhost:7979"; +const data = { + useHttps: 'useHttps', + hostname: 'hostname', + port: 'port', + username: 'username', + password: 'password', + messages: { + message: '' + }, + content: ['01', '02'], + result: 'ok', + ok: true +} + +test('Test ajax_get error', () => { + const callback = jest.fn(); + $.ajax = jest.fn().mockImplementation((args) => { + args.error(data, null, null); + }); + const mock_get_error = jest.fn(mod.ajax_get(requestURL, callback)); + mock_get_error(); + expect(mock_get_error).toHaveBeenCalled(); +}); + +test('Test ajax_get success', () => { + const callback = jest.fn(); + const jqXHR = { status: 200, responseText: "" }; + $.ajax = jest.fn().mockImplementation((args) => { + args.success(data, null, jqXHR); }); - mockGet('Called'); - expect(mockGet).toBeCalledTimes(1); - expect(mockGet).toHaveBeenCalledWith('Called'); + const mock_get_success = jest.fn(mod.ajax_get(requestURL, callback)); + mock_get_success(); + expect(mock_get_success).toHaveBeenCalled(); }); -test('Test ajax_delete', () => { - const mockDelete = jest.fn(mod.ajax_delete); - mockDelete(); - expect(mockDelete).toBeCalledTimes(1); +test('Test ajax_delete error', () => { + const callback = jest.fn(); + const jqXHR = { status: 500, responseText: "" }; + $.ajax = jest.fn().mockImplementation((args) => { + args.error(jqXHR, null, null); + }); + const mock_delete_error = jest.fn(mod.ajax_delete(requestURL, callback)); + mock_delete_error(); + expect(mock_delete_error).toHaveBeenCalled(); }); -test('Test ajax_post', () => { - const mockAjaxPost = jest.fn(mod.ajax_post); - mockAjaxPost(); - expect(mockAjaxPost).toBeCalledTimes(1); +test('Test ajax_delete success', () => { + const callback = jest.fn(); + const jqXHR = { status: 200, responseText: "" }; + $.ajax = jest.fn().mockImplementation((args) => { + args.success(data, null, jqXHR); + }); + const mock_delete_success = jest.fn(mod.ajax_delete(requestURL, callback)); + mock_delete_success(); + expect(mock_delete_success).toHaveBeenCalled(); }); -test('Test ajax_put', () => { - const mockAjaxPut = jest.fn(mod.ajax_put); - mockAjaxPut(); - expect(mockAjaxPut).toBeCalledTimes(1); +test('Test ajax_post error', () => { + const callback = jest.fn(); + const jqXHR = { status: 500, responseText: "" }; + $.ajax = jest.fn().mockImplementation((args) => { + args.error(jqXHR, null, null); + }); + const mock_post_error = jest.fn(mod.ajax_post(requestURL, data, callback)); + mock_post_error(); + expect(mock_post_error).toHaveBeenCalled(); }); -test('Test ajax_getOKOrFail', () => { - const mockAjaxGetOkOrFail = jest.fn(mod.ajax_getOKOrFail); - mockAjaxGetOkOrFail(); - expect(mockAjaxGetOkOrFail).toBeCalledTimes(1); +test('Test ajax_post success', () => { + const callback = jest.fn(); + const jqXHR = { status: 200, responseText: "" }; + $.ajax = jest.fn().mockImplementation((args) => { + args.success(data, null, jqXHR); + }); + const mock_post_success = jest.fn(mod.ajax_post(requestURL, data, callback)); + mock_post_success(); + expect(mock_post_success).toHaveBeenCalled(); +}); + +test('Test ajax_put error', () => { + const callback = jest.fn(); + const jqXHR = { status: 500, responseText: "" }; + $.ajax = jest.fn().mockImplementation((args) => { + args.error(jqXHR, null, null); + }); + const mock_put_error = jest.fn(mod.ajax_put(requestURL, callback)); + mock_put_error(); + expect(mock_put_error).toHaveBeenCalled(); +}); + +test('Test ajax_put success', () => { + const callback = jest.fn(); + const jqXHR = { status: 200, responseText: "" }; + + $.ajax = jest.fn().mockImplementation((args) => { + args.success(data, null, jqXHR); + }); + const mock_put_success = jest.fn(mod.ajax_put(requestURL, data, callback)); + mock_put_success(); + expect(mock_put_success).toHaveBeenCalled(); +}); + +test('Test ajax_getOKOrFail error', () => { + const callback = jest.fn(); + const jqXHR = { status: 500, responseText: "" }; + $.ajax = jest.fn().mockImplementation((args) => { + args.error(jqXHR, null, null); + }); + const mock_getOKOrFail_error = jest.fn(mod.ajax_getOKOrFail(requestURL, callback)); + mock_getOKOrFail_error(); + expect(mock_getOKOrFail_error).toHaveBeenCalled(); +}); + +test('Test ajax_getOKOrFail success', () => { + const callback = jest.fn(); + const jqXHR = { status: 200, responseText: "" }; + + $.ajax = jest.fn().mockImplementation((args) => { + args.success(data, null, jqXHR); + }); + const mock_getOKOrFail_success = jest.fn(mod.ajax_getOKOrFail(requestURL, callback)); + mock_getOKOrFail_success(); + expect(mock_getOKOrFail_success).toHaveBeenCalled(); }); -test('Test ajax_getWithKeyInfo', () => { - const mockGetWKey = jest.fn(mod.ajax_getWithKeyInfo); - const kName = mod.ajax_getWithKeyInfo.keyName; - expect(kName).not.toBe(null); -}); \ No newline at end of file +test.todo('Test ajax_getWithKeyInfo'); diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextAlbumEditForm.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextAlbumEditForm.test.js new file mode 100644 index 0000000..728accd --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextAlbumEditForm.test.js @@ -0,0 +1,44 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexContextAlbumEditForm'); + +test('Test mock_editContextAlbumForm_activate', () => { + const mock_editContextAlbumForm_activate = jest.fn(mod.editContextAlbumForm_activate); + + const contextAlbum = { + name: 'testName', + version: '0.0.1', + scope: 'test', + uuid: 'testUUID', + description: 'testDesc', + writeable: true + }; + const contextSchema = { + name: 'testName', + version: '0.0.1', + schemaFlavour: 'testFlav', + schemaDefinition: 'testDef', + uuid: 'testUUID', + description: 'testDesc' + } + + mock_editContextAlbumForm_activate('parentTest', 'CREATE', contextAlbum, contextSchema); + expect(mock_editContextAlbumForm_activate).toHaveBeenCalledTimes(1); +}); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextAlbumTab.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextAlbumTab.test.js index 5932a6d..e109174 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextAlbumTab.test.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextAlbumTab.test.js @@ -18,15 +18,10 @@ */ const mod = require('../ApexContextAlbumTab'); +const utils = require('../ApexUtils'); -test('call deactivate', () => { - const deactivate = jest.fn(mod.contextAlbumTab_deactivate).mockReturnValueOnce('success'); - deactivate(); - expect(deactivate).toHaveBeenCalledTimes(1); +test('Test contextAlbumTab_create', () => { + const mock_activate = jest.fn(mod.contextAlbumTab_activate); + mock_activate(); + expect(mock_activate).toBeCalled(); }); - -test('call create', () => { - const create = jest.fn(mod.contextAlbumTab_create).mockReturnValueOnce('success'); - create(); - expect(create).toHaveBeenCalledTimes(1); -}) \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextSchemaEditForm.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextSchemaEditForm.test.js new file mode 100644 index 0000000..69505bb --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextSchemaEditForm.test.js @@ -0,0 +1,36 @@ +/*- + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexContextSchemaEditForm'); + +test('Test editContextSchemaForm_createContextSchema', () => { + const contextSchema = { + name: 'testName', + version: '0.0.1', + schemaFlavour: 'testFlav', + schemaDefinition: 'testDef', + uuid: 'testUUID', + description: 'testDesc' + } + + const mock_editContextSchemaForm_createContextSchema = jest.fn(mod.editContextSchemaForm_createContextSchema); + mock_editContextSchemaForm_createContextSchema('parentTest', 'CREATE', contextSchema); + expect(mock_editContextSchemaForm_createContextSchema).toBeCalled(); +}); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextSchemaTab.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextSchemaTab.test.js new file mode 100644 index 0000000..552eb85 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexContextSchemaTab.test.js @@ -0,0 +1,33 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexContextSchemaTab'); + +test('Test activateContextSchema', () => { + const mock_activate = jest.fn(mod.contextSchemaTab_activate); + mock_activate(); + expect(mock_activate).toBeCalled(); +}); + +test('Test deactivate', () => { + const mock_deactivate = jest.fn(mod.contextSchemaTab_deactivate); + mock_deactivate(); + expect(mock_deactivate).toBeCalledWith(); +}); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexEventEditForm.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexEventEditForm.test.js new file mode 100644 index 0000000..6363ae6 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexEventEditForm.test.js @@ -0,0 +1,73 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexEventEditForm'); +const contextSchema = { + name: 'testName', + version: '0.0.1', + schemaFlavour: 'testFlav', + schemaDefinition: 'testDef', + uuid: 'testUUID', + description: 'testDesc' +} + +test('Test Activate', () => { + const mock_activate = jest.fn(mod.editEventForm_activate); + mock_activate(null, 'CREATE', null, contextSchema); + expect(mock_activate).toBeCalled(); +}); + +test('Test Activate Edit', () => { + + const event = { + key: { + name: 'testName', + version: '0.0.1', + }, + nameSpace: 'test', + source: 'test', + target: 'test', + uuid: 'test', + description: 'test', + } + + const mock_activate = jest.fn(mod.editEventForm_activate); + mock_activate(null, 'EDIT', event, contextSchema); + expect(mock_activate).toBeCalled(); +}); + +test('Test Activate !=Create/Edit', () => { + + const event = { + key: { + name: 'testName', + version: '0.0.1', + }, + nameSpace: 'test', + source: 'test', + target: 'test', + uuid: 'test', + description: 'test', + } + + const mock_activate = jest.fn(mod.editEventForm_activate); + mock_activate(null, 'TEST', event, contextSchema); + expect(mock_activate).toBeCalled(); +}); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexEventTab.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexEventTab.test.js new file mode 100644 index 0000000..23f4edc --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexEventTab.test.js @@ -0,0 +1,33 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexEventTab'); + +test('Test activate', () => { + const mock_activate = jest.fn(mod.eventTab_activate); + mock_activate() + expect(mock_activate).toBeCalled(); +}); + +// These are being tested indirectly +// But could be tested individually here if needed +test.todo('Test create'); +test.todo('Test deactivate'); +test.todo('Test reset'); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexFiles.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexFiles.test.js index d6d3c40..6fcaa4d 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexFiles.test.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexFiles.test.js @@ -1,20 +1,21 @@ /* * ============LICENSE_START======================================================= * Copyright (C) 2020 Nordix Foundation - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at * - * http://www.apache.org/licenses/LICENSE-2.0 - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. + * http://www.apache.org/licenses/LICENSE-2.0 * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= */ const mod = require('../ApexFiles'); @@ -23,19 +24,16 @@ test('test files_open', () => { const open = jest.fn(mod.files_fileOpen); open(); expect(open).toBeCalledTimes(1); -}) +}); test('test files_download', () => { - const download = jest.fn(mod.files_fileDownload).mockImplementation(() => { - var requestURL = "/Model/Download"; - - var downloadLink = document.createElement("a"); - document.body.appendChild(downloadLink); - downloadLink.download = 'modelFileName'; - downloadLink.href = requestURL; - downloadLink.click(); - document.body.removeChild(downloadLink); - }); + const download = jest.fn(mod.files_fileDownload); download(); expect(download).toHaveBeenCalledTimes(1); -}) \ No newline at end of file +}); + +test('Test files_upload', () => { + const upload = jest.fn(mod.files_fileUpload); + upload(); + expect(upload).toBeCalled(); +}); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexFormUtils.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexFormUtils.test.js index 046c43e..0df839d 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexFormUtils.test.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexFormUtils.test.js @@ -28,5 +28,8 @@ test('test generate', () => { test('test edit', () => { const mock = jest.fn(mod.formUtils_generateDescription); mock(); - expect(mock).toBeCalledTimes(1); + expect(mock(null, null, null)).toBe("Generated description for a concept called \"null\" with version \"null\" and UUID \"null\""); + expect(mock).toBeCalledTimes(2); + + }) \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexModelHandling.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexModelHandling.test.js new file mode 100644 index 0000000..b9315c2 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexModelHandling.test.js @@ -0,0 +1,37 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexModelHandling'); + +test('Test modelHandling_analyse', () => { + const mock_modelHandling_analyse = jest.fn(mod.modelHandling_analyse); + mock_modelHandling_analyse(); + expect(mock_modelHandling_analyse).toHaveBeenCalledWith(); +}); + +test('Test modelHandling_validate', () => { + const mock_modelHandling_validate_ajaxget = jest.fn(mod.modelHandling_validate.ajax_get); + mock_modelHandling_validate_ajaxget('test', jest.fn()); + expect(mock_modelHandling_validate_ajaxget).toHaveBeenCalledTimes(1); + + const mock_modelHandling_validate = jest.fn(mod.modelHandling_validate); + mock_modelHandling_validate(); + expect(mock_modelHandling_validate).toHaveBeenCalled(); +}); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexNewModelForm.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexNewModelForm.test.js new file mode 100644 index 0000000..5088988 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexNewModelForm.test.js @@ -0,0 +1,46 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexNewModelForm'); + +test('test activate', () => { + document.innerHTML = + '
' + + '
' + + '
' + + '
'; + + const mock_activate = jest.fn(mod.newModelForm_activate); + mock_activate(document.createElement("elementTest")); + expect(mock_activate).toBeCalled(); +}); + +test('Test generateUUIDPressed', () => { + document.innerHTML = + '
'; + + const mock_generateUuid = jest.fn(mod.newModelForm_generateUUIDPressed); + mock_generateUuid.mockImplementation(() => { + document.createElement("newModelFormUuidInput"); + document.getElementsByTagName("newModelFormUuidInput").value = 'test'; + }); + mock_generateUuid(); + expect(mock_generateUuid).toBeCalled(); +}); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPageControl.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPageControl.test.js deleted file mode 100644 index abdb1a9..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPageControl.test.js +++ /dev/null @@ -1,30 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2020 Nordix Foundation - * ================================================================================ - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -const mod = require('../ApexPageControl'); - -test('test show placeholder', () => { - const mock = jest.fn(mod.showPlaceholder); - mock(); - expect(mock).toBeCalledTimes(1); -}) - -test('test busyMode', () => { - -}) \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyEditForm.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyEditForm.test.js new file mode 100644 index 0000000..f438305 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyEditForm.test.js @@ -0,0 +1,55 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexPolicyEditForm'); +const policy = { + policyKey: { + name: 'testName', + version: 'testVersion', + uuid: 'testUUID' + }, + uuid: 'testUUID' +} + +test('Test activate CREATE', () => { + const mock_activate = jest.fn(mod.editPolicyForm_activate); + + mock_activate('test', 'CREATE', policy, 'tasks', 'events', 'contextS', 'contextI'); + expect(mock_activate).toBeCalled(); +}); + +test('Test activate EDIT', () => { + const mock_activate = jest.fn(mod.editPolicyForm_activate); + + mock_activate('test', 'EDIT', policy, 'tasks', 'events', 'contextS', 'contextI'); + expect(mock_activate).toBeCalled(); +}); + +test('Test activate !CREATE/EDIT', () => { + const mock_activate = jest.fn(mod.editPolicyForm_activate); + + mock_activate('test', 'TEST', policy, 'tasks', 'events', 'contextS', 'contextI'); + expect(mock_activate).toBeCalled(); +}); + +test('Test editPolicyForm_editPolicy_inner', () => { + const mock_editPolicyForm_editPolicy_inner = jest.fn(mod.editPolicyForm_editPolicy_inner); + mock_editPolicyForm_editPolicy_inner('formParent', policy, 'VIEW'); + expect(mock_editPolicyForm_editPolicy_inner).toBeCalled(); +}) \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyEditForm_State.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyEditForm_State.test.js new file mode 100644 index 0000000..1f1767a --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyEditForm_State.test.js @@ -0,0 +1,122 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexPolicyEditForm_State'); + +const contextAlbum = { + name: 'testName', + version: '0.0.1', + scope: 'test', + uuid: 'testUUID', + description: 'testDesc', + writeable: true +}; +const contextSchema = { + name: 'testName', + version: '0.0.1', + schemaFlavour: 'testFlav', + schemaDefinition: 'testDef', + uuid: 'testUUID', + description: 'testDesc' +} + +const task = { + key: { + name: 'testName', + version: 'testVersion' + }, + uuid: 'testUUID' +}; + +const event = { + key: { + name: 'testName', + version: '0.0.1', + }, + nameSpace: 'test', + source: 'test', + target: 'test', + uuid: 'test', + description: 'test', +} + +const policy = { + policyKey: { + name: 'testName', + version: 'testVersion', + uuid: 'testUUID' + }, + uuid: 'testUUID' +} + +const state = { + trigger: { + name: 'testName', + version: '0.0.1', + } +} + +const parentTBody = document.createElement('table'); + +test('Test editPolicyForm_State_generateStateDiv CREATE', () => { + const mock_editPolicyForm_State_generateStateDiv = jest.fn(mod.editPolicyForm_State_generateStateDiv); + mock_editPolicyForm_State_generateStateDiv('CREATE', policy, 'stateName', state, task, event, contextAlbum, contextSchema); + expect(mock_editPolicyForm_State_generateStateDiv).toBeCalledWith('CREATE', policy, 'stateName', state, task, event, contextAlbum, contextSchema); +}); + +test('Test editPolicyForm_State_generateStateDiv VIEW', () => { + const mock_editPolicyForm_State_generateStateDiv = jest.fn(mod.editPolicyForm_State_generateStateDiv); + mock_editPolicyForm_State_generateStateDiv('VIEW', policy, 'stateName', state, task, event, contextAlbum, contextSchema); + expect(mock_editPolicyForm_State_generateStateDiv).toBeCalledWith('VIEW', policy, 'stateName', state, task, event, contextAlbum, contextSchema); +}); + +test('Test editPolicyForm_State_generateStateDiv EDIT', () => { + const mock_editPolicyForm_State_generateStateDiv = jest.fn(mod.editPolicyForm_State_generateStateDiv); + mock_editPolicyForm_State_generateStateDiv('EDIT', policy, 'stateName', state, task, event, contextAlbum, contextSchema); + expect(mock_editPolicyForm_State_generateStateDiv).toBeCalledWith('EDIT', policy, 'stateName', state, task, event, contextAlbum, contextSchema); +}); + +test('Test editPolicyForm_State_addStateLogicOutput', () => { + const mock_editPolicyForm_State_addStateLogicOutput = jest.fn(mod.editPolicyForm_State_addStateLogicOutput); + mock_editPolicyForm_State_addStateLogicOutput(parentTBody, false, 'stateName', state, 'outputName', 'logic', 'flavour'); + expect(mock_editPolicyForm_State_addStateLogicOutput).toBeCalledWith(parentTBody, false, 'stateName', state, 'outputName', 'logic', 'flavour'); +}); + +test('Test editPolicyForm_State_addStateDirectOutput', () => { + const mock_editPolicyForm_State_addStateDirectOutput = jest.fn(mod.editPolicyForm_State_addStateDirectOutput); + mock_editPolicyForm_State_addStateDirectOutput(parentTBody, false, 'stateName', state, 'outputName', state, event, 'options', event); + expect(mock_editPolicyForm_State_addStateDirectOutput).toBeCalledWith(parentTBody, false, 'stateName', state, 'outputName', state, event, 'options', event); +}); + +test('Test editPolicyForm_State_addPolicyContext', () => { + const mock_editPolicyForm_State_addPolicyContext = jest.fn(mod.editPolicyForm_State_addPolicyContext); + mock_editPolicyForm_State_addPolicyContext(parentTBody, false, 'stateName', 'contextName', 'ref', contextAlbum); + expect(mock_editPolicyForm_State_addPolicyContext).toBeCalledWith(parentTBody, false, 'stateName', 'contextName', 'ref', contextAlbum); +}); + +test('Test editPolicyForm_State_addPolicyTask', () => { + const mock_editPolicyForm_State_addPolicyTask = jest.fn(mod.editPolicyForm_State_addPolicyTask); + mock_editPolicyForm_State_addPolicyTask(parentTBody, false, false, state, 'stateName', 'ref', task, 'options'); + expect(mock_editPolicyForm_State_addPolicyTask).toBeCalledWith(parentTBody, false, false, state, 'stateName', 'ref', task, 'options'); + +}); + +test.todo('Test editPolicyForm_State_getDirectOutputMappingOptions'); +test.todo('Test editPolicyForm_State_getStateBean'); +test.todo('Test editPolicyForm_State_getLogicOutputMappingOptions'); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyTab.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyTab.test.js new file mode 100644 index 0000000..47f00ef --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexPolicyTab.test.js @@ -0,0 +1,26 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexPolicyTab'); + +test('Test policyTab_activate', () => { + const mock_activate = jest.fn(mod.policyTab_activate); + mock_activate(); + expect(mock_activate).toBeCalled(); +}); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexResultForm.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexResultForm.test.js new file mode 100644 index 0000000..a219ac9 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexResultForm.test.js @@ -0,0 +1,37 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexResultForm'); + +test('resultForm test', () => { + document.innerHTML = + '
' + + '
' + + '
' + + '
'; + + const content = document.getElementById("elementTest"); + const mock_activate = jest.fn(mod.resultForm_activate); + mock_activate(document.createElement("elementTest"), 'heading', 'text'); + expect(mock_activate).toBeCalled(); + + const mock_pressedOK = jest.fn(mod.resultForm_okPressed); + mock_pressedOK(); +}); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexTaskEditForm.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexTaskEditForm.test.js new file mode 100644 index 0000000..f914645 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexTaskEditForm.test.js @@ -0,0 +1,50 @@ +/* + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexTaskEditForm'); + +const contextSchema = { + name: 'testName', + version: '0.0.1', + schemaFlavour: 'testFlav', + schemaDefinition: 'testDef', + uuid: 'testUUID', + description: 'testDesc' +}; + +const task = { + key: { + name: 'testName', + version: 'testVersion' + }, + uuid: 'testUUID' +}; + +test('Test editTaskForm_activate CREATE', () => { + const mock_activate = jest.fn(mod.editTaskForm_activate); + mock_activate('test', 'CREATE', 'task', contextSchema, 'album'); + expect(mock_activate).toBeCalled(); +}); + +test('Test editTaskForm_activate EDIT', () => { + const mock_activate = jest.fn(mod.editTaskForm_activate); + mock_activate('test', 'EDIT', task, contextSchema, 'album'); + expect(mock_activate).toBeCalled(); +}); diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexTaskTab.test.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexTaskTab.test.js new file mode 100644 index 0000000..784c644 --- /dev/null +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/__test__/ApexTaskTab.test.js @@ -0,0 +1,33 @@ +/*- + * ============LICENSE_START======================================================= + * Copyright (C) 2020 Nordix Foundation. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * SPDX-License-Identifier: Apache-2.0 + * ============LICENSE_END========================================================= + */ + +const mod = require('../ApexTaskTab'); + +test('test dom : taskTab_activate', () => { + const activate_mock = jest.fn(mod.taskTab_activate); + activate_mock(); + expect(activate_mock).toBeCalled(); +}); + +test('test reset', () => { + const reset_mock = jest.fn(mod.taskTab_reset); + reset_mock(); + expect(reset_mock).toBeCalled(); +}); \ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/contextMenu.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/contextMenu.js index 925a522..1235cf1 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/contextMenu.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/contextMenu.js @@ -20,6 +20,38 @@ */ //hide the context menu, if it's shown, anytime the user clicks anywhere. +import {apexUtils_emptyElement} from "./ApexUtils"; +import { + editContextSchemaForm_createContextSchema, + editContextSchemaForm_deleteContextSchema, + editContextSchemaForm_editContextSchema, + editContextSchemaForm_viewContextSchema +} from "./ApexContextSchemaEditForm"; +import { + editEventForm_createEvent, + editEventForm_deleteEvent, + editEventForm_editEvent, + editEventForm_viewEvent +} from "./ApexEventEditForm"; +import { + editTaskForm_createTask, + editTaskForm_deleteTask, + editTaskForm_editTask, + editTaskForm_viewTask +} from "./ApexTaskEditForm"; +import { + editPolicyForm_createPolicy, + editPolicyForm_deletePolicy, + editPolicyForm_editPolicy, + editPolicyForm_viewPolicy +} from "./ApexPolicyEditForm"; +import { + editContextAlbumForm_createContextAlbum, + editContextAlbumForm_deleteContextAlbum, + editContextAlbumForm_editContextAlbum, + editContextAlbumForm_viewContextAlbum +} from "./ApexContextAlbumEditForm"; + $(document).on("click", function(event) { if (document.getElementById("rightClickMenu")) document.getElementById("rightClickMenu").className = "ebContextMenu-body_visible_false"; @@ -197,3 +229,7 @@ function mouseY(evt) { return null; } } + +export { + rightClickMenu_scopePreserver +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/dropdownList.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/dropdownList.js index a64b823..497bd68 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/dropdownList.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/dropdownList.js @@ -199,3 +199,14 @@ function dropdownList_ChangeOptions(dropdownListDIV, options, selected, disabled } return retdiv; } + +export { + dropdownList, + dropdownList_ChangeOptions, + dropdownList_display_click, + dropdownList_display_hide, + dropdownList_filter, + dropdownList_filter_scopePreserver, + dropdownList_option_select, + dropdownList_option_select_scopePreserver +} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/showhideTextarea.js b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/showhideTextarea.js index e1ac0e7..353b4e9 100644 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/js/showhideTextarea.js +++ b/gui-editors/gui-editor-apex/src/main/resources/webapp/js/showhideTextarea.js @@ -124,3 +124,10 @@ function showHideTextarea(id_prefix, content, _initialshow, _editable, _disabled return retdiv; }; +export { + showHideTextarea, + showHideTextarea_display_hide, + showHideTextarea_display_show, + _showHideTextarea_display_hide, + _showHideTextarea_display_show +} -- cgit 1.2.3-korg