{props.heading}
20 |{props.body}
21 |
22 | {props.icon}
23 |
25 |
17 | {props.relationship !== undefined && (
18 |
43 | );
44 | }
45 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/update/NodeDisplayDetails.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | import React from "react";
4 | import NodeReadOnly from "../authoringforms/NodeReadOnly";
5 |
6 | export default function NodeDisplayDetails(props) {
7 |
8 | /**
9 | * Display a node
10 | * @param {*} node
11 | */
12 |
13 | console.log("NodeDisplayDetails");
14 |
15 | return (
16 |
19 |
40 | )}
41 |
42 |
20 |
32 |
21 |
31 | {props.relationship.relationshipType} selected
22 |
23 | The version of the {props.relationship.relationshipType} on the server is{" "}
24 | {props.relationship.systemAttributes.version}.{" "}
25 |
26 |
27 | The generation on the canvas of the {props.relationship.relationshipType} is{" "}
28 | {props.relationship.gen}{" "}
29 |
30 |
33 |
35 | Properties
34 |
17 | {props.node !== undefined && (
18 |
43 | );
44 | }
45 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/update/RelationshipDisplayDetails.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | import React from "react";
4 | import RelationshipReadOnly from "../authoringforms/RelationshipReadOnly";
5 |
6 | export default function RelationshipDisplayDetails(props) {
7 |
8 | /**
9 | * Display a relationship
10 | * @param {*} relationship
11 | */
12 |
13 | console.log("RelationshipDisplayDetails");
14 |
15 | return (
16 |
19 |
40 | )}
41 |
42 |
20 |
32 |
21 |
31 | {props.node.nodeType} selected
22 |
23 | The version of the {props.node.nodeType} on the server is{" "}
24 | {props.node.systemAttributes.version}.{" "}
25 |
26 |
27 | The generation on the canvas of the {props.node.nodeType} is{" "}
28 | {props.node.gen}{" "}
29 |
30 |
33 |
35 | Properties
34 |
17 | {props.relationship !== undefined && (
18 |
43 | );
44 | }
45 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/update/UpdateCategory.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | import React, { useContext } from "react";
4 |
5 | import { IdentificationContext } from "../../../../contexts/IdentificationContext";
6 | import getNodeType from "../properties/NodeTypes.js";
7 | import UpdateNode from "./UpdateNode";
8 |
9 | export default function UpdateCategory(props) {
10 | const identificationContext = useContext(IdentificationContext);
11 | console.log("UpdateCategory");
12 | return (
13 |
19 |
40 | )}
41 |
42 |
20 |
32 |
21 |
31 | {props.relationship.relationshipType} selected
22 |
23 | The version of the {props.relationship.relationshipType} on the server is{" "}
24 | {props.relationship.systemAttributes.version}.{" "}
25 |
26 |
27 | The generation on the canvas of the {props.relationship.relationshipType} is{" "}
28 | {props.relationship.gen}{" "}
29 |
30 |
33 |
35 | Properties
34 |
22 | {instancesContext.getFocusNode() && (
23 |
37 | );
38 | }
39 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/useDebounce.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import { useState, useEffect } from 'react';
5 |
6 | // Our hook
7 | export default function useDebounce(value, delay) {
8 | // State and setters for debounced value
9 | const [debouncedValue, setDebouncedValue] = useState(value);
10 |
11 | useEffect(
12 | () => {
13 | // Set debouncedValue to value (passed in) after the specified delay
14 | const handler = setTimeout(() => {
15 | console.log("setDebouncedValue" + value);
16 | setDebouncedValue(value);
17 | }, delay);
18 |
19 | // Return a cleanup function that will be called every time ...
20 | // ... useEffect is re-called. useEffect will only be re-called ...
21 | // ... if value changes (see the inputs array below).
22 | // This is how we prevent debouncedValue from changing if value is ...
23 | // ... changed within the delay period. Timeout gets cleared and restarted.
24 | // To put it in context, if the user is typing within our app's ...
25 | // ... search box, we don't want the debouncedValue to update until ...
26 | // ... they've stopped typing for more than 500ms.
27 | return () => {
28 | clearTimeout(handler);
29 | };
30 | },
31 | // Only re-call effect if value changes
32 | // You could also add the "delay" var to inputs array if you ...
33 | // ... need to be able to change that dynamically.
34 | [value]
35 | );
36 |
37 | return debouncedValue;
38 | }
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/views/GlossaryAuthorChildrenRoutes.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | import React from "react";
4 | import { Route, Switch } from "react-router-dom";
5 | import GlossaryAuthorCategoriesNavigation from "../GlossaryAuthorCategoriesNavigation";
6 | import GlossaryAuthorTermsNavigation from "../GlossaryAuthorTermsNavigation";
7 |
8 | export default function GlossaryAuthorChildrenRoutes(props) {
9 |
10 | console.log("GlossaryAuthorChildrenRoutes " + location.pathname);
11 |
12 | function getTermsPath() {
13 | const path = location.pathname + "/terms";
14 | console.log("getTermsPath " + path);
15 | return path;
16 | }
17 | function getCategoriesPath() {
18 | const path = location.pathname + "/categories";
19 | console.log("getCategoriesPath " + path);
20 | return path;
21 | }
22 |
23 | return (
24 |
16 |
18 |
19 | );
20 | }
21 |
22 | DetailsPanel.propTypes = {
23 | className : PropTypes.string
24 | }
25 |
26 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/details-panel/InstanceDisplay.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React, { useContext } from "react";
5 |
6 | import { InstancesContext } from "../../contexts/InstancesContext";
7 |
8 | import PropTypes from "prop-types";
9 |
10 | import NodeDisplay from "./NodeDisplay";
11 |
12 | import RelationshipDisplay from "./RelationshipDisplay";
13 |
14 |
15 |
16 | export default function InstanceDisplay() {
17 |
18 | const instancesContext = useContext(InstancesContext);
19 |
20 | if (instancesContext.getFocusGUID() === "") {
21 |
22 | /*
23 | * No instance is selected as the focus - display an 'empty' message
24 | */
25 | return Nothing is selected
26 | 27 | } 28 | else { 29 | 30 | /* 31 | * An instance is selected as the focus - display it 32 | */ 33 | const focusCategory = instancesContext.getFocusCategory(); 34 | 35 | if (focusCategory === "Node") { 36 | return- {expandProperties(prop.mapValues)}
- {expandProperties(prop.arrayValues)}
63 | list is empty
64 |
65 | )
66 | }
67 | else {
68 |
69 | properties = (
70 | -
71 | {expandProperties(instProps)}
72 |
22 |
27 | );
28 | }
29 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/details-panel/RelationshipDisplay.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React, { useContext} from "react";
5 | import { IdentificationContext } from "../../../../../../contexts/IdentificationContext";
6 | import RelationshipDisplayDetails from "../../../update/RelationshipDisplayDetails";
7 | import getRelationshipType from "../../../properties/RelationshipTypes";
8 |
9 | export default function RelationshipDisplay(props) {
10 | console.log("RelationshipDisplay");
11 | const identificationContext = useContext(IdentificationContext);
12 | const relationship = props.relationship;
13 | const getCurrentRelationshipType = () => {
14 | const relationshipType = getRelationshipType(
15 | identificationContext.getRestURL("glossary-author"),
16 | relationship.relationshipType.toLowerCase()
17 | );
18 | return relationshipType;
19 | };
20 |
21 | return (
22 |
23 |
28 | );
29 | }
30 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/details-panel/details-panel.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | .instance-details-container {
6 | text-align : left;
7 | padding : 5px;
8 | background-color : rgb(240, 240, 240);
9 | font-size : 12px;
10 | }
11 |
12 | .instance-details-item {
13 | padding : inherit;
14 | }
15 |
16 | .details-sublist {
17 | margin-left : 5px;
18 | padding : inherit;
19 | }
20 |
21 | .details-sublist-item {
22 | margin-top : 3px;
23 | padding : inherit;
24 | }
25 |
26 | .details-sub-container {
27 | padding : 5px;
28 | }
29 |
30 | .details-sub-group {
31 | padding : 0px;
32 | }
33 | .details-sub-item {
34 | margin-top : 3px;
35 | padding : inherit;
36 | }
37 |
38 |
39 |
40 | .linkable {
41 | background-color : #CCCCCC;
42 | color : black;
43 | cursor : pointer;
44 | padding : 0px;
45 | width : 200px;
46 | border : none;
47 | text-align : left;
48 | outline : none;
49 | font-size : 12px;
50 | }
51 |
52 | .collapsible-non-bold {
53 | background-color : rgb(240,240,240);
54 | color : black;
55 | cursor : pointer;
56 | padding : 5px;
57 | width : 300px;
58 | border : none;
59 | text-align : left;
60 | outline : none;
61 | font-size : 12px;
62 | }
63 |
64 | .collapsible-non-bold:before {
65 | content: '\025BA';
66 | font-size: 10px;
67 | color: black;
68 | float: left;
69 | margin-left: 0px;
70 | margin-right: 10px;
71 | }
72 |
73 | .content {
74 | padding : 10px 0px 10px 10px;
75 | display : none;
76 | overflow : hidden;
77 | background-color : #CCCCCC;
78 | }
79 |
80 | .highlight {
81 | background-color : #EEEEEE;
82 | color : black;
83 | padding : 5px;
84 | width : 300px;
85 | border : 2px;
86 | text-align : left;
87 | outline : none;
88 | font-size : 12px;
89 | }
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/graph-controls/CreateNodeButtonWidget.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | import React, { useState, useContext } from "react";
4 | import ReactDOM from "react-dom";
5 | import { InstancesContext } from "../../contexts/InstancesContext";
6 | import CreateNodeWizard from "../../../create/CreateNodeWizard";
7 | import { Button, Modal } from "carbon-components-react";
8 | // import Info16 from "@carbon/icons-react/lib/information/16";
9 |
10 | export default function CreateNodeButtonWidget() {
11 | console.log("CreateNodeButtonWidget");
12 | const instancesContext = useContext(InstancesContext);
13 |
14 | const onNodeCreated = (payLoad) => {
15 | instancesContext.addNodeInstance(payLoad.node);
16 | };
17 |
18 | const ModalStateManager = ({
19 | renderLauncher: LauncherContent,
20 | children: ModalContent,
21 | }) => {
22 | const [open, setOpen] = useState(false);
23 | return (
24 | <>
25 | {!ModalContent || typeof document === "undefined"
26 | ? null
27 | : ReactDOM.createPortal(
28 |
38 | (
40 |
43 | )}
44 | >
45 | {({ open, setOpen }) => (
46 | setOpen(false)}
51 | >
52 | setOpen(false)}
55 | />
56 |
57 | )}
58 |
59 |
60 | );
61 | }
62 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/graph-controls/SearchNodeButtonWidget.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | import React, { useState, useContext } from "react";
4 |
5 | import ReactDOM from "react-dom";
6 |
7 | import { InstancesContext } from "../../contexts/InstancesContext";
8 |
9 | import SearchWizard from "../../../navigations/SearchWizard";
10 |
11 | import { Button, Modal } from "carbon-components-react";
12 | // import Info16 from "@carbon/icons-react/lib/information/16";
13 |
14 | export default function SearchNodeButtonWidget() {
15 | console.log("searchNodeButtonWidget");
16 | const instancesContext = useContext(InstancesContext);
17 |
18 | const onNodeChosen = (payLoad) => {
19 | instancesContext.addNodeInstance(payLoad.node);
20 | };
21 |
22 | const ModalStateManager = ({
23 | renderLauncher: LauncherContent,
24 | children: ModalContent,
25 | }) => {
26 | const [open, setOpen] = useState(false);
27 | return (
28 | <>
29 | {!ModalContent || typeof document === "undefined"
30 | ? null
31 | : ReactDOM.createPortal(
32 |
42 | (
44 |
47 | )}
48 | >
49 | {({ open, setOpen }) => (
50 | setOpen(false)}
55 | >
56 | setOpen(false)}
59 | />
60 |
61 | )}
62 |
63 |
64 | );
65 | }
66 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/graph-controls/history.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | .dialog-text {
6 | text-align : left;
7 | font-size : 12px;
8 | padding : 5px;
9 | }
10 |
11 | .status-update {
12 | margin-top : 30px;
13 | margin-bottom : 30px;
14 | }
15 |
16 | .history-results-area {
17 | height : 350px;
18 | width : 100%;
19 | overflow : auto;
20 | }
21 |
22 | .history-table {
23 | height : 350px;
24 | width : 100%;
25 | overflow : auto;
26 | }
27 |
28 | .row {
29 | margin-top : 5px;
30 | }
31 |
32 | /* Clear floats after the columns */
33 | .row:after {
34 | content : "";
35 | display : table;
36 | clear : both;
37 | width : 100%;
38 | }
39 |
40 | .gencolumn {
41 | float : left;
42 | width : 3%;
43 | text-align : left;
44 | }
45 |
46 | .qrycolumn {
47 | float : left;
48 | width : 32%;
49 | text-align : left;
50 | }
51 |
52 | .inscolumn {
53 | float : left;
54 | width : 65%;
55 | text-align : left;
56 | }
57 |
58 | .query-text {
59 | width : 90%;
60 | }
61 |
62 | .dismiss-button-container {
63 | height : 50px;
64 | width : 210px;
65 | position : absolute;
66 | right : 0px;
67 | bottom : 0px;
68 | }
69 |
70 | .dismiss-1-button-container {
71 | height : 50px;
72 | width : 105px;
73 | position : absolute;
74 | right : 0px;
75 | bottom : 0px;
76 | }
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/graph-controls/traversal.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | .dialog-text {
6 | text-align : left;
7 | font-size : 12px;
8 | padding : 5px;
9 | }
10 |
11 | .dialog-list {
12 | margin-left : 20px;
13 | padding : 5px;
14 | }
15 |
16 | .dialog-list-item {
17 | margin-bottom : 5px;
18 | padding : 5px;
19 | font-size : 12px;
20 | }
21 |
22 | .status-update {
23 | margin-top : 30px;
24 | margin-bottom : 30px;
25 | }
26 |
27 | .traversal-results-area {
28 | height : 200px;
29 | width : 850px;
30 | overflow : auto;
31 | }
32 |
33 | .table {
34 | height : 200px;
35 | width : 850px;
36 | overflow : auto;
37 | }
38 |
39 | /* Clear floats after the columns */
40 | .row:after {
41 | content : "";
42 | display : table;
43 | clear : both;
44 | width : 850px;
45 | }
46 |
47 | .column {
48 | float : left;
49 | width : 33.33%;
50 | text-align : left;
51 | }
52 |
53 | .traversal-filter-label {
54 | padding : 5px;
55 | font-size : 12px;
56 | }
57 |
58 | .multiselect-button-container {
59 | height : 50px;
60 | width : 210px;
61 | position : absolute;
62 | right : 0px;
63 | bottom : 60px;
64 | }
65 |
66 | .dismiss-button-container {
67 | height : 50px;
68 | width : 210px;
69 | position : absolute;
70 | right : 0px;
71 | bottom : 0px;
72 | }
73 |
74 | .dismiss-1-button-container {
75 | height : 50px;
76 | width : 105px;
77 | position : absolute;
78 | right : 0px;
79 | bottom : 0px;
80 | }
81 |
82 | .multiselect-button {
83 | height : 40px;
84 | width : 100px;
85 | background-color : rgb(180,180,180);
86 | font-size : 12px;
87 | color : 'black';
88 | }
89 |
90 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/instance-retrieval/InstanceRetrieval.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React, { useContext, useState, useEffect } from "react";
5 |
6 | import PropTypes from "prop-types";
7 | import { InstancesContext } from "../../contexts/InstancesContext";
8 | import { withRouter } from "react-router-dom";
9 | import "./instance-retriever.scss";
10 | const InstanceRetrieval = (props) => {
11 | useEffect(
12 | () => {
13 | loadNodeByGUID();
14 | },
15 | []
16 | );
17 |
18 | const instancesContext = useContext(InstancesContext);
19 |
20 | /*
21 | * Function to get node by GUID
22 | */
23 | const loadNodeByGUID = () => {
24 | instancesContext.loadNode(props.guid, props.nodeType);
25 | };
26 |
27 | return ;
28 | };
29 |
30 | InstanceRetrieval.propTypes = {
31 | className: PropTypes.string,
32 | };
33 | export default withRouter(InstanceRetrieval);
34 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/instance-retrieval/filter.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | .filterControls {
6 | text-align : right;
7 | }
8 |
9 | .multiselect {
10 | width : 100%;
11 | text-align : right;
12 | }
13 |
14 | .filterSelectors {
15 | display : inline-block;
16 | }
17 |
18 | .selectBox {
19 | position : relative;
20 | width : 250px;
21 | display : inline-block;
22 | }
23 |
24 | .typeSelector {
25 | width : 250px;
26 | }
27 |
28 | .overSelect {
29 | position : absolute;
30 | left : 0;
31 | right : 0;
32 | top : 0;
33 | bottom : 0;
34 | }
35 |
36 | #selectlist {
37 | position : absolute;
38 | overflow : auto;
39 | height : 300px;
40 | z-index : 500;
41 | background-color : rgb(240,240,240);
42 | opacity : 1.0;
43 | display : none;
44 | width : 250px;
45 | }
46 |
47 | #checkboxes {
48 | border : 1px #dadada solid;
49 | text-align : left;
50 | }
51 |
52 | #checkboxes label {
53 | display : block;
54 | }
55 |
56 | #checkboxes label:hover {
57 | background-color : #1e90ff;
58 | }
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/instance-retrieval/instance-retriever.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | .retrieval-controls {
5 | display : flex;
6 | flex-flow : column;
7 | padding-right : 10%;
8 | padding-left : 10%;
9 | height : 200px;
10 | text-align : right;
11 | /*border-style : solid;
12 | border-width : 3px;
13 | border-color : rgb(236, 165, 12) ;*/
14 | }
15 |
16 | .retrieval-fields {
17 | text-align : right;
18 | /*border-style : solid;
19 | border-width : 3px;
20 | border-color : rgb(12, 175, 240) ;*/
21 | }
22 |
23 | .retrieval-group {
24 | margin-top : auto;
25 | margin-left : auto;
26 | margin-right : 0px;
27 | margin-bottom : 0px;
28 | }
29 |
30 | .retrieval-button {
31 | margin-top : auto;
32 | margin-left : auto;
33 | margin-right : 5px;
34 | margin-bottom : 5px;
35 | height : 40px;
36 | width : 100px;
37 | background-color : rgb(180, 180, 180);
38 | }
39 |
40 | .search-text {
41 | width : 250px;
42 | }
43 |
44 | .search-limit-text {
45 | width : 50px;
46 | }
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/portal/Portal.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | import React, { useEffect, useState } from "react";
6 |
7 | import ReactDOM from "react-dom";
8 |
9 | import PropTypes from "prop-types";
10 |
11 |
12 | import "./portal.scss";
13 |
14 |
15 |
16 | export default function Portal(props) {
17 |
18 | const [newElement, setNewElement] = useState(null);
19 |
20 | /*
21 | * Emulate componentDidMount - to append the wrapper
22 | */
23 | const componentDidMount = () => {
24 | const portalRoot = props.anchorCB().current;
25 | let locElement = document.createElement("div");
26 | portalRoot.appendChild(locElement);
27 | setNewElement(locElement);
28 |
29 | return () => {
30 | /*
31 | * Emulate componentWillUnmount... to remove the wrapper
32 | */
33 | portalRoot.removeChild(locElement);
34 | setNewElement(null);
35 | }
36 | };
37 | useEffect (componentDidMount ,[]);
38 |
39 | let content = (
40 |
41 |
45 | );
46 |
47 | /*
48 | * Render the Portal's children in the wrapper element...
49 | */
50 | if (props.show) {
51 | if (newElement) {
52 | return (
53 | ReactDOM.createPortal(content, newElement)
54 | );
55 | }
56 | }
57 | return null;
58 | }
59 |
60 | Portal.propTypes = {
61 | children: PropTypes.node,
62 | show : PropTypes.bool,
63 | anchorCB: PropTypes.func.isRequired
64 | };
65 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/components/portal/portal.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | .portal-div {
5 | position : fixed;
6 | z-index : 1001;
7 | top : 300px;
8 | left : 478px;
9 | border-style : solid;
10 | border-width : 3px;
11 | border-color : black;
12 | height : 500px;
13 | width : 900px;
14 | opacity : 1.0;
15 | padding : 10px;
16 | font-size : 10px;
17 | background : white;
18 | color : black;
19 | }
20 |
21 |
22 | .portal-backdrop {
23 | position : fixed;
24 | z-index : 1000;
25 | top : 0px;
26 | left : 260px;
27 | border-style : solid;
28 | border-width : 3px;
29 | border-color : rgb(72, 205, 209) ;
30 | height : 1450px;
31 | width : 1600px;
32 | opacity : 0.9;
33 | padding : 10px;
34 | font-size : 10px;
35 | background : rgb(200,200,200);
36 | }
37 |
--------------------------------------------------------------------------------
/cra-client/src/components/GlossaryAuthor/components/visualisation/question-mark-32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/odpi/egeria-react-ui/fcc6c58643b639da61799ba52b138eea044c2f4a/cra-client/src/components/GlossaryAuthor/components/visualisation/question-mark-32.png
--------------------------------------------------------------------------------
/cra-client/src/components/Home.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | import React, { useContext } from "react";
4 | import { IdentificationContext } from "../contexts/IdentificationContext";
5 | import Egeriacolor from "../images/odpi/Egeria_logo_color_400";
6 | export default function Home() {
7 | const identificationContext = useContext(IdentificationContext);
8 | console.log("Home identificationContext", identificationContext);
9 | return (
10 |
42 | {props.children}
43 |
44 |
11 |
30 | );
31 | }
32 |
--------------------------------------------------------------------------------
/cra-client/src/components/Info/Info.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | import React from "react";
4 | import Launch32 from "../../images/carbon/Launch_32";
5 |
6 | const InfoSection = props => (
7 | Welcome to Egeria React UI
12 |Click a task on the left to get started
13 |
14 |
29 |
15 |
28 |
16 |
18 |
19 |
27 |
20 |
26 |
21 |
25 | 22 | Community profile home screen coming soon. 23 |
24 |
8 |
10 | {/* */}
11 | {props.children}
12 |
13 |
14 | );
15 |
16 | const InfoCard = props => {
17 | return (
18 | {props.heading}
9 |{props.heading}
32 |{props.body}
33 |
34 | {props.icon}
35 |
38 |
16 |
18 |
19 | );
20 | }
21 |
22 | DetailsPanel.propTypes = {
23 | className : PropTypes.string
24 | }
25 |
26 |
--------------------------------------------------------------------------------
/cra-client/src/components/RepositoryExplorer/components/details-panel/EntityProxyDisplay.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React from "react";
5 |
6 | import PropTypes from "prop-types";
7 |
8 | import InstanceStatusDisplay from "./InstanceStatusDisplay";
9 |
10 | import InstancePropertiesDisplay from "./InstancePropertiesDisplay";
11 |
12 | import "./details-panel.scss";
13 |
14 |
15 | export default function EntityProxyDisplay(props) {
16 |
17 | const entityProxy = props.entityProxy;
18 |
19 | return (
20 |
21 |
34 | );
35 | }
36 |
37 |
38 | EntityProxyDisplay.propTypes = {
39 | entityProxy: PropTypes.object
40 | };
41 |
42 |
--------------------------------------------------------------------------------
/cra-client/src/components/RepositoryExplorer/components/details-panel/InstanceClassificationsDisplay.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React from "react";
5 |
6 | import PropTypes from "prop-types";
7 |
8 | import InstancePropertiesDisplay from "./InstancePropertiesDisplay";
9 |
10 | import "./details-panel.scss";
11 |
12 |
13 |
14 | export default function InstanceClassificationsDisplay(props) {
15 |
16 |
17 | const instClassifications = props.classifications;
18 |
19 | let classifications;
20 |
21 |
22 | const expandClassifications = (inClassifications) => {
23 | let classificationMap = {};
24 | inClassifications.forEach(cls => {
25 | classificationMap[cls.name] = cls;
26 | });
27 | let classificationNamesSorted = Object.keys(classificationMap).sort();
28 |
29 | let classificationList = classificationNamesSorted.map( (clsName) =>
30 | GUID : {entityProxy.guid}
22 | Type : {entityProxy.type.typeDefName}
23 | Version : {entityProxy.version}
24 | Status :
25 | Properties : { !entityProxy.uniqueProperties ? "empty" :
26 |
27 | Home Repository :
28 |
33 | -
29 |
- metadataCollectionName : {entityProxy.metadataCollectionName} 30 |
- metadataCollectionId : {entityProxy.metadataCollectionId} 31 |
-
43 |
- list is empty 44 |
-
52 | {expandClassifications(instClassifications)}
53 |
Nothing is selected
26 | 27 | } 28 | else { 29 | 30 | /* 31 | * An instance is selected as the focus - display it 32 | */ 33 | const focusCategory = instancesContext.getFocusCategory(); 34 | 35 | const focusGen = instancesContext.getFocusGen(); 36 | const enterprise = focusGen.enterpriseOption; 37 | 38 | if (focusCategory === "Entity") { 39 | return
19 |
41 | );
42 | }
43 |
--------------------------------------------------------------------------------
/cra-client/src/components/RepositoryExplorer/components/instance-retrieval/filter.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | .filterControls {
6 | text-align : right;
7 | }
8 |
9 | .multiselect {
10 | width : 100%;
11 | text-align : right;
12 | }
13 |
14 | .filterSelectors {
15 | display : inline-block;
16 | }
17 |
18 | .selectBox {
19 | position : relative;
20 | width : 250px;
21 | display : inline-block;
22 | }
23 |
24 | .typeSelector {
25 | width : 250px;
26 | }
27 |
28 | .overSelect {
29 | position : absolute;
30 | left : 0;
31 | right : 0;
32 | top : 0;
33 | bottom : 0;
34 | }
35 |
36 | #selectlist {
37 | position : absolute;
38 | overflow : auto;
39 | height : 300px;
40 | z-index : 500;
41 | background-color : rgb(240,240,240);
42 | opacity : 1.0;
43 | display : none;
44 | width : 250px;
45 | }
46 |
47 | #checkboxes {
48 | border : 1px #dadada solid;
49 | text-align : left;
50 | }
51 |
52 | #checkboxes label {
53 | display : block;
54 | }
55 |
56 | #checkboxes label:hover {
57 | background-color : #1e90ff;
58 | }
--------------------------------------------------------------------------------
/cra-client/src/components/RepositoryExplorer/components/instance-retrieval/instance-retriever.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | .retrieval-controls {
5 | display : flex;
6 | flex-flow : column;
7 | height : 200px;
8 | text-align : right;
9 | padding-right : 10%;
10 | padding-left : 10%;
11 | /*border-style : solid;
12 | border-width : 3px;
13 | border-color : rgb(236, 165, 12) ;*/
14 | }
15 |
16 | .retrieval-fields {
17 | text-align : right;
18 | /*border-style : solid;
19 | border-width : 3px;
20 | border-color : rgb(12, 175, 240) ;*/
21 | }
22 |
23 | .retrieval-group {
24 | margin-top : auto;
25 | margin-left : auto;
26 | margin-right : 0px;
27 | margin-bottom : 0px;
28 | }
29 |
30 | .retrieval-button {
31 | margin-top : auto;
32 | margin-left : auto;
33 | margin-right : 5px;
34 | margin-bottom : 5px;
35 | height : 40px;
36 | width : 100px;
37 | background-color : rgb(180, 180, 180);
38 | }
39 |
40 | .search-text {
41 | width : 250px;
42 | }
43 |
44 | .search-limit-text {
45 | width : 50px;
46 | }
--------------------------------------------------------------------------------
/cra-client/src/components/RepositoryExplorer/components/instance-retrieval/search-results.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | .dialog-text {
6 | text-align : left;
7 | font-size : 12px;
8 | padding : 5px;
9 | }
10 |
11 | .dialog-list {
12 | margin-left : 20px;
13 | padding : 5px;
14 | }
15 |
16 | .status-update {
17 | margin-top : 30px;
18 | margin-bottom : 30px;
19 | font-size : 12px;
20 | }
21 |
22 | .search-results-area {
23 | height : 200px;
24 | width : 850px;
25 | overflow : auto;
26 | }
27 |
28 | .search-results-list {
29 | text-align : 'left';
30 | padding : 5px 20px 5px 20px;
31 | };
32 |
33 | .search-result-label {
34 | padding : 5px;
35 | font-size : 12px;
36 | }
37 |
38 | .multiselect-button-container {
39 | height : 50px;
40 | width : 210px;
41 | position : absolute;
42 | right : 0px;
43 | bottom : 60px;
44 | }
45 |
46 | .dismiss-button-container {
47 | height : 50px;
48 | width : 210px;
49 | position : absolute;
50 | right : 0px;
51 | bottom : 0px;
52 | }
53 |
54 | .dismiss-1-button-container {
55 | height : 50px;
56 | width : 105px;
57 | position : absolute;
58 | right : 0px;
59 | bottom : 0px;
60 | }
61 |
62 | .multiselect-button {
63 | height : 40px;
64 | width : 100px;
65 | background-color : rgb(180,180,180);
66 | font-size : 12px;
67 | color : 'black';
68 | }
69 |
70 |
--------------------------------------------------------------------------------
/cra-client/src/components/RepositoryExplorer/components/portal/Portal.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | import React, { useEffect, useState } from "react";
6 |
7 | import ReactDOM from "react-dom";
8 |
9 | import PropTypes from "prop-types";
10 |
11 |
12 | import "./portal.scss";
13 |
14 |
15 |
16 | export default function Portal(props) {
17 |
18 | const [newElement, setNewElement] = useState(null);
19 |
20 | /*
21 | * Emulate componentDidMount - to append the wrapper
22 | */
23 | const componentDidMount = () => {
24 | const portalRoot = props.anchorCB().current;
25 | let locElement = document.createElement("div");
26 | portalRoot.appendChild(locElement);
27 | setNewElement(locElement);
28 |
29 | return () => {
30 | /*
31 | * Emulate componentWillUnmount... to remove the wrapper
32 | */
33 | portalRoot.removeChild(locElement);
34 | setNewElement(null);
35 | }
36 | };
37 | useEffect (componentDidMount ,[]);
38 |
39 | let content = (
40 | Historical Query
20 |
21 |
40 |
29 |
38 | ) }
39 | Please input a date for historical queries
35 | }
36 |
37 |
41 |
45 | );
46 |
47 | /*
48 | * Render the Portal's children in the wrapper element...
49 | */
50 | if (props.show) {
51 | if (newElement) {
52 | return (
53 | ReactDOM.createPortal(content, newElement)
54 | );
55 | }
56 | }
57 | return null;
58 | }
59 |
60 | Portal.propTypes = {
61 | children: PropTypes.node,
62 | show : PropTypes.bool,
63 | anchorCB: PropTypes.func.isRequired
64 | };
65 |
--------------------------------------------------------------------------------
/cra-client/src/components/RepositoryExplorer/components/portal/portal.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | .portal-div {
5 | position : fixed;
6 | z-index : 1001;
7 | top : 300px;
8 | left : 478px;
9 | border-style : solid;
10 | border-width : 3px;
11 | border-color : black;
12 | height : 500px;
13 | width : 900px;
14 | opacity : 1.0;
15 | padding : 10px;
16 | font-size : 10px;
17 | background : white;
18 | color : black;
19 | }
20 |
21 |
22 | .portal-backdrop {
23 | position : fixed;
24 | z-index : 1000;
25 | top : 0px;
26 | left : 260px;
27 | border-style : solid;
28 | border-width : 3px;
29 | border-color : rgb(72, 205, 209) ;
30 | height : 1450px;
31 | width : 1600px;
32 | opacity : 0.9;
33 | padding : 10px;
34 | font-size : 10px;
35 | background : rgb(200,200,200);
36 | }
37 |
--------------------------------------------------------------------------------
/cra-client/src/components/RepositoryExplorer/components/resource-selection/EnterpriseControl.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | import React, { useContext } from "react";
6 |
7 | import { RepositoryServerContext } from "../../contexts/RepositoryServerContext";
8 |
9 | import "./resource-selector.scss"
10 |
11 |
12 |
13 | /*
14 | * The EnterpriseControl provides a checkbox that the user can check if they want queryies to be
15 | * issued at the Enterprise level - which means that results will be collected from across
16 | * the cohorts that the target server is a member of, rather than just locally.
17 | */
18 | export default function EnterpriseControl() {
19 |
20 |
21 | const repositoryServerContext = useContext(RepositoryServerContext);
22 |
23 |
24 |
25 | return (
26 |
27 |
42 | {props.children}
43 |
44 |
28 |
29 |
30 |
36 |
37 | 38 |
39 |
40 | );
41 | }
42 |
--------------------------------------------------------------------------------
/cra-client/src/components/RepositoryExplorer/components/resource-selection/resource-selector.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | .resource-controls {
5 | font-size : 12px;
6 | text-align : center;
7 | }
8 |
9 | .descriptive-text {
10 | font-size : 12px;
11 | }
--------------------------------------------------------------------------------
/cra-client/src/components/ServerAuthor/ServerAuthor.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React from "react";
5 | import ServerAuthorContext from "./contexts/ServerAuthorContext";
6 | import ServerAuthorWizard from"./components/ServerAuthorWizard";
7 |
8 | export default function ServerAuthor() {
9 | return (
10 | 37 | 38 |
15 |
66 |
67 | );
68 | }
69 |
--------------------------------------------------------------------------------
/cra-client/src/components/ServerAuthor/components/ConfigureRepositoryProxyConnectors.jsx:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React, { useContext } from "react";
5 | import {
6 | // Button,
7 | TextInput,
8 | } from "carbon-components-react";
9 | // import {
10 | // Add16,
11 | // Subtract16,
12 | // } from "@carbon/icons-react";
13 |
14 | import { ServerAuthorContext } from "../contexts/ServerAuthorContext";
15 |
16 | export default function ConfigureRepositoryProxyConnectors() {
17 |
18 | const {
19 | currentServerProxyConnector, setCurrentServerProxyConnector,
20 | currentServerEventMapperConnector, setCurrentServerEventMapperConnector,
21 | currentServerEventSource, setCurrentServerEventSource,
22 | } = useContext(ServerAuthorContext);
23 |
24 | return (
25 |
26 |
27 |
28 | setCurrentServerProxyConnector(e.target.value)}
35 | autoComplete="off"
36 | />
37 |
38 | setCurrentServerEventMapperConnector(e.target.value)}
45 | style={{marginBottom: "16px"}}
46 | autoComplete="off"
47 | />
48 |
49 | setCurrentServerEventSource(e.target.value)}
56 | style={{marginBottom: "16px"}}
57 | autoComplete="off"
58 | />
59 |
60 |
61 |
62 | )
63 |
64 | }
--------------------------------------------------------------------------------
/cra-client/src/components/ServerAuthor/components/accessServices/options/AssetLineageOptions.jsx:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | import React, { useContext } from "react";
4 |
5 | import { TextInput } from "carbon-components-react";
6 | import { ServerAuthorContext } from "../../../contexts/ServerAuthorContext";
7 |
8 | import AuthorStringList from "../../../../common/AuthorStringList";
9 |
10 | export default function AssetLineageOptions(props) {
11 | const {
12 | // supported zones
13 | supportedZoneNames,
14 | // setSupportedZones,
15 | addSupportedZoneName,
16 | removeSupportedZoneByIndex,
17 |
18 | // chunk
19 | glossaryTermLineageEventsChunkSize,
20 | setGlossaryTermLineageEventsChunkSize
21 |
22 | } = useContext(ServerAuthorContext);
23 |
24 | // const clearCurrentOptionState = () => {
25 | // setSupportedZones([]);
26 | // setDefaultZoneNames([]);
27 | // setPublishZones([]);
28 | // };
29 |
30 | // options functions
31 |
32 |
33 | const handleAddSupportedZones = (zoneName) => {
34 | console.log("handleAddSupportedZones() called", { zoneName });
35 | if (zoneName.length === 0) return;
36 | addSupportedZoneName(zoneName);
37 | };
38 | const handleRemoveSupportedZones = (index) => {
39 | console.log("handleRemoveSupportedZones() called", { index });
40 | removeSupportedZoneByIndex(index);
41 | };
42 |
43 | return (
44 |
45 | {props.operation === "Edit" &&
72 | );
73 | }
74 |
--------------------------------------------------------------------------------
/cra-client/src/components/ServerAuthor/components/accessServices/options/SupportedZoneOption.jsx:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | import React, { useContext } from "react";
4 | import { ServerAuthorContext } from "../../../contexts/ServerAuthorContext";
5 | import AuthorStringList from "../../../../common/AuthorStringList";
6 |
7 | export default function AllZonesOptions(props) {
8 | const {
9 | // supported zones
10 | supportedZoneNames,
11 | // setSupportedZones,
12 | addSupportedZoneName,
13 | removeSupportedZoneByIndex,
14 |
15 | } = useContext(ServerAuthorContext);
16 |
17 | const handleAddSupportedZones = (zoneName) => {
18 | console.log("handleAddSupportedZones() called", { zoneName });
19 | if (zoneName.length === 0) return;
20 | addSupportedZoneName(zoneName);
21 | };
22 | const handleRemoveSupportedZones = (index) => {
23 | console.log("handleRemoveSupportedZones() called", { index });
24 | removeSupportedZoneByIndex(index);
25 | };
26 |
27 | return (
28 | Edit Access Service
} 46 | 47 | {props.operation !== null && props.operation !== "" && ( 48 |
49 |
50 | setGlossaryTermLineageEventsChunkSize(e.target.value)}
66 | style={{ marginBottom: "16px", width: "100%" }}
67 | autoComplete="off"
68 | />
69 |
70 | )}
71 |
29 | {props.operation === "Edit" &&
44 | );
45 | }
46 |
--------------------------------------------------------------------------------
/cra-client/src/components/ServerAuthor/components/defaults/auditLogDestinations.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | const AUDIT_LOG_DESTINATION_PREFIX =
4 | "org.odpi.openmetadata.adapters.repositoryservices.auditlogstore.";
5 | const auditLogDestinations = [
6 | {
7 | id: "default",
8 | label: "Default",
9 | connectorProviderClassName: AUDIT_LOG_DESTINATION_PREFIX + "console.ConsoleAuditLogStoreProvider"
10 | },
11 | {
12 | id: "console",
13 | label: "Console",
14 | connectorProviderClassName: AUDIT_LOG_DESTINATION_PREFIX + "console.ConsoleAuditLogStoreProvider"
15 | },
16 | {
17 | id: "slf4j",
18 | label: "Simple Logging Facade for Java (SLF4J)",
19 | connectorProviderClassName: AUDIT_LOG_DESTINATION_PREFIX + "slf4j.SLF4JAuditLogStoreProvider"
20 | },
21 | {
22 | id: "files",
23 | label: "JSON Files",
24 | connectorProviderClassName: AUDIT_LOG_DESTINATION_PREFIX + "file.FileBasedAuditLogStoreProvider"
25 | },
26 | {
27 | id: "event-topic",
28 | label: "Event Topic",
29 | connectorProviderClassName: AUDIT_LOG_DESTINATION_PREFIX + "eventtopic.EventTopicAuditLogStoreProvider"
30 | },
31 | {
32 | id: "connection",
33 | label: "Connection"
34 | }
35 | ];
36 |
37 | export default auditLogDestinations;
38 |
--------------------------------------------------------------------------------
/cra-client/src/components/ServerAuthor/components/defaults/integrationServices.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | const integrationServices = [
5 | {
6 | "serviceName": "Files Integrator OMIS",
7 | "serviceURLMarker": "files-integrator",
8 | "serviceDescription": "Extract metadata about files stored in a file system or file manager.",
9 | "serviceWiki": "https://egeria.odpi.org/open-metadata-implementation/integration-services/files-integrator/"
10 | },
11 | {
12 | "serviceName": "Database Integrator OMIS",
13 | "serviceURLMarker": "database-integrator",
14 | "serviceDescription": "Extract metadata such as schema, tables and columns from database managers.",
15 | "serviceWiki": "https://egeria.odpi.org/open-metadata-implementation/integration-services/database-integrator/"
16 | },
17 | {
18 | "serviceName": "Lineage Integrator OMIS",
19 | "serviceURLMarker": "lineage-integrator",
20 | "serviceDescription": "Manage capture of lineage from a third party tool.",
21 | "serviceWiki": "https://egeria.odpi.org/open-metadata-implementation/integration-services/lineage-integrator/"
22 | },
23 | {
24 | "serviceName": "Catalog Integrator OMIS",
25 | "serviceURLMarker": "catalog-integrator",
26 | "serviceDescription": "Exchange metadata with third party data catalogs.",
27 | "serviceWiki": "https://egeria.odpi.org/open-metadata-implementation/integration-services/catalog-integrator/"
28 | },
29 | {
30 | "serviceName": "Organization Integrator OMIS",
31 | "serviceURLMarker": "organization-integrator",
32 | "serviceDescription": "Load information about the teams and people in an organization and return collaboration activity.",
33 | "serviceWiki": "https://egeria.odpi.org/open-metadata-implementation/integration-services/organization-integrator/"
34 | }
35 | ];
36 |
37 | export default integrationServices;
--------------------------------------------------------------------------------
/cra-client/src/components/ServerAuthor/components/defaults/serverConfigElements.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | /**
5 | * This is an array of config elements that can occur in the Wizard.
6 | * The Server types
7 | */
8 |
9 | const serverConfigElements = [
10 | {
11 | id: "server-type-config-element",
12 | label: "Server Type",
13 | description: "Set the type of server to be configured.",
14 | initialiseAsInvalid: true
15 | },
16 | {
17 | id: "config-basic-config-element",
18 | label: "Basic",
19 | description: "Basic configuration that all server types can have",
20 | initialiseAsInvalid: true
21 | },
22 | {
23 | id: "audit-log-config-element",
24 | label: "Audit log",
25 | description: "Configure the audit log destinations"
26 | },
27 | {
28 | id: "local-repository-config-element",
29 | label: "Repository",
30 | description: "Configure the local repository type."
31 | },
32 | {
33 | id: "access-services-config-element",
34 | label: "Access services",
35 | description: "Select the access services required for this server."
36 | },
37 | {
38 | id: "esb-config-element",
39 | label: "Event Bus",
40 | description: "Configure Event Bus."
41 | },
42 | {
43 | id: "cohort-config-element",
44 | label: "Cohorts",
45 | description: "Register which cohorts this server will be part of."
46 | },
47 | {
48 | id: "archives-config-element",
49 | label: "Archives",
50 | description: "Configure which open types archives are to be used by this server."
51 | },
52 | {
53 | id: "repository-proxy-config-element",
54 | label: "repository proxy",
55 | description: "Configure the repository proxy connectors to the target proprietory metadata repository.",
56 | initialiseAsInvalid: true
57 | },
58 | {
59 | id: "view-services-config-element",
60 | label: "View Services",
61 | description: "Configure view services in order to be able to service a UI",
62 | initialiseAsInvalid: true
63 | },
64 | {
65 | id: "integration-daemon-config-element",
66 | label: "Integration Daemon",
67 | description: "Select and configure the Integration Services."
68 | },
69 | {
70 | id: "final-config-element",
71 | label: "Configured",
72 | description: "Server has been configured."
73 | },
74 |
75 | ];
76 |
77 | export default serverConfigElements;
--------------------------------------------------------------------------------
/cra-client/src/components/ServerAuthor/components/defaults/viewServices.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | const viewServices = [
5 | {
6 | "serviceName": "Glossary Author",
7 | "serviceURLMarker": "glossary-author",
8 | "serviceDescription": "View Service for glossary authoring.",
9 | "serviceWiki": "https://odpi.github.io/egeria/open-metadata-implementation/access-services/subject-area/"
10 | },
11 | {
12 | "serviceName": "Repository Explorer",
13 | "serviceURLMarker": "rex",
14 | "serviceDescription": "Explore open metadata instances.",
15 | "serviceWiki": "https://odpi.github.io/egeria/open-metadata-implementation/access-services/subject-area/"
16 | },
17 | {
18 | "serviceName": "Type Explorer",
19 | "serviceURLMarker": "type-explorer",
20 | "serviceDescription": "Explore the open metadata types.",
21 | "serviceWiki": "https://odpi.github.io/egeria/open-metadata-implementation/access-services/subject-area/"
22 | }
23 | ];
24 |
25 | export default viewServices;
--------------------------------------------------------------------------------
/cra-client/src/components/ServerAuthor/components/serverConfig.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | .customAccordionItem > div.bx--accordion__content {
5 | // padding-right: 1rem;
6 | // padding-top: 0;
7 | // padding-bottom: 0;
8 | padding: 0;
9 | }
10 |
11 | .customStructuredListHeader {
12 | vertical-align: baseline;
13 | }
14 |
15 | .expanded-td > td {
16 | padding-top: 16px;
17 | padding-bottom: 16px;
18 | padding-left: 64px;
19 | }
20 |
21 | .bx--structured-list:first-child {
22 | border-top: 1px solid #e0e0e0;
23 | }
24 |
25 | .server-type-card {
26 | width:fit-content;
27 | border:1px;
28 | }
29 | .server-type-container {
30 | display: flex;
31 | flex-direction: row;
32 | justify-content: left
33 | }
34 | .flex-column {
35 | flex-direction: column;
36 | }
37 | .diagram-heading {
38 | margin-top: 30px;
39 | text-align: left;
40 | }
41 | .left-text {
42 | text-align: left;
43 | }
44 |
45 | .left-text-bottom-margin-32 {
46 | text-align: left;
47 | margin-bottom: 32px;
48 | }
49 | .left-text-bottom-margin-24 {
50 | text-align: left;
51 | margin-bottom: 24px;
52 | }
53 | .left-text-bottom-margin-16 {
54 | text-align: left;
55 | margin-bottom: 16px;
56 | }
57 |
58 |
59 |
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/InheritanceDiagram.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/odpi/egeria-react-ui/fcc6c58643b639da61799ba52b138eea044c2f4a/cra-client/src/components/TypeExplorer/InheritanceDiagram.png
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/NeighborhoodDiagram.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/odpi/egeria-react-ui/fcc6c58643b639da61799ba52b138eea044c2f4a/cra-client/src/components/TypeExplorer/NeighborhoodDiagram.png
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/TexInterface.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/odpi/egeria-react-ui/fcc6c58643b639da61799ba52b138eea044c2f4a/cra-client/src/components/TypeExplorer/TexInterface.png
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/components/details-panel/ClassificationTypeDisplay.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React, { useContext } from "react";
5 |
6 | import PropTypes from "prop-types";
7 |
8 | import { TypesContext } from "../../contexts/TypesContext";
9 |
10 | import ClassificationPropertiesDisplay from "./ClassificationPropertiesDisplay";
11 |
12 | import ClassificationEntitiesDisplay from "./ClassificationEntitiesDisplay";
13 |
14 |
15 | import "./details-panel.scss";
16 |
17 |
18 |
19 | export default function ClassificationTypeDisplay(props) {
20 |
21 | const typesContext = useContext(TypesContext);
22 |
23 | const typeName = props.typeName;
24 |
25 | const classificationExpl = typesContext.getClassificationType(typeName);
26 |
27 | if (classificationExpl) {
28 |
29 | return (
30 | Edit Access Service
} 30 | 31 | {props.operation !== null && props.operation !== "" && ( 32 |
33 |
34 |
42 | )}
43 |
31 |
39 | );
40 | }
41 | else {
42 | return (
43 | Classification Type : {typeName}
32 | {classificationExpl.classificationDef.description}
33 | Type Status : {classificationExpl.classificationDef.status}
34 | Attributes : { !classificationExpl.classificationDef.propertiesDefinition ? "none" :
35 |
36 | Valid entity types : { !classificationExpl.classificationDef.validEntityDefs && !classificationExpl.classificationDef.validEntityDefs.length > 0 ? "none" :
37 |
38 |
44 |
46 | );
47 | }
48 | }
49 |
50 | ClassificationTypeDisplay.propTypes = {
51 | typeName: PropTypes.string
52 | };
53 |
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/components/details-panel/DetailsPanel.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React from "react";
5 |
6 | import TypeDisplay from "./TypeDisplay"
7 |
8 | import "./details-panel.scss";
9 |
10 |
11 | /**
12 | *
13 | * DetailsPanel implements a web component for presentation of details of the focus or view type
14 | *
15 | * It should present to the user a summary of the key characteristics of the focus or view type. This includes:
16 | *
17 | * For entity types:
18 | * * type name
19 | * * description
20 | * * attributes (listing names of types)
21 | * * relationships (listing attribute names and types and providing a link to the relationship details)
22 | * * classifications (listing attribute names and types and providing a link to the classification details)
23 | *
24 | * For relationship types:
25 | * * type name
26 | * * description
27 | * * attributes (listing names of types)
28 | * * ends (listing entity types and providing a link to the entity details)
29 | *
30 | * For classification types:
31 | *
32 | * * type name
33 | * * description
34 | * * attributes (listing names of types)
35 | * * valid entity types (listing entity types and providing a link to the entity details)
36 | *
37 | * The details panel reacts to events that indicate a change of focus (an entity type's details should be shown)
38 | * or a change of view (a relationship or classification details should be shown).
39 | * Because the details panel also includes links to entity, relationship and classification types (as outlined above)
40 | * the details panel also generates events requesting changeFocus or changeView.
41 | *
42 | * When the UI is first loaded there will be no type information, and until a focus or view type is selected there is
43 | * no particular type to display - therefore following initial load and until a focus/view type is selected, the details
44 | * panel will be blank.
45 | *
46 | */
47 | export default function DetailsPanel() {
48 |
49 | return (
50 | Classification type {typeName} not in server's types
45 |
51 |
53 | );
54 | }
55 |
56 |
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/components/details-panel/EnumTypeDisplay.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React, { useContext } from "react";
5 |
6 | import PropTypes from "prop-types";
7 |
8 | import { TypesContext } from "../../contexts/TypesContext";
9 |
10 | import { FocusContext } from "../../contexts/FocusContext";
11 |
12 | import "./details-panel.scss";
13 |
14 |
15 |
16 | export default function EnumTypeDisplay(props) {
17 |
18 | const typesContext = useContext(TypesContext);
19 |
20 | const focusContext = useContext(FocusContext);
21 |
22 | const typeName = props.typeName;
23 |
24 | const enumExpl = typesContext.getEnumType(typeName);
25 |
26 |
27 |
28 | const expandValues = (elementDefs) => {
29 | let values = elementDefs.map( (element) =>
30 |
44 |
45 | 46 |
47 |
48 |
55 | );
56 | }
57 |
58 | EnumTypeDisplay.propTypes = {
59 | typeName: PropTypes.string
60 | };
61 |
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/components/details-panel/RelationshipTypeDisplay.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React, { useContext } from "react";
5 |
6 | import PropTypes from "prop-types";
7 |
8 | import { TypesContext } from "../../contexts/TypesContext";
9 |
10 | import RelationshipPropertiesDisplay from "./RelationshipPropertiesDisplay";
11 |
12 | import RelationshipEntitiesDisplay from "./RelationshipEntitiesDisplay";
13 |
14 |
15 | import "./details-panel.scss";
16 |
17 |
18 |
19 | export default function RelationshipTypeDisplay(props) {
20 |
21 | const typesContext = useContext(TypesContext);
22 |
23 | const typeName = props.typeName;
24 |
25 | const relationshipExpl = typesContext.getRelationshipType(typeName);
26 |
27 | if (relationshipExpl) {
28 |
29 | return (
30 | 45 | 46 |
47 |
48 |
Enum Type : {typeName}
49 | {enumExpl.description}
50 | Type Status : {enumExpl.enumDef.status}
51 | Possible Values : { !enumExpl.elementDefs ? "none" :
52 | expandValues( enumExpl.elementDefs ) }
53 |
54 |
31 |
39 | );
40 | }
41 | else {
42 | return (
43 | Relationship Type : {typeName}
32 | {relationshipExpl.relationshipDef.description}
33 | Type Status : {relationshipExpl.relationshipDef.status}
34 | Attributes : { !relationshipExpl.relationshipDef.propertiesDefinition ? "none" :
35 |
36 | Entities : { !relationshipExpl.relationshipDef.endDef1 && !relationshipExpl.relationshipDef.endDef2 ? "none" :
37 |
38 |
44 |
46 | );
47 | }
48 | }
49 |
50 | RelationshipTypeDisplay.propTypes = {
51 | typeName: PropTypes.string
52 | };
53 |
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/components/details-panel/TypeDisplay.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | import React, { useContext } from "react";
5 |
6 | import { FocusContext } from "../../contexts/FocusContext";
7 |
8 | import PropTypes from "prop-types";
9 |
10 | import EntityTypeDisplay from "./EntityTypeDisplay";
11 |
12 | import RelationshipTypeDisplay from "./RelationshipTypeDisplay";
13 |
14 | import ClassificationTypeDisplay from "./ClassificationTypeDisplay";
15 |
16 | import EnumTypeDisplay from "./EnumTypeDisplay";
17 |
18 |
19 |
20 |
21 | export default function TypeDisplay() {
22 |
23 |
24 | const focusContext = useContext(FocusContext);
25 |
26 | /*
27 | * Until there is a focus type display an advisory message
28 | * Once there is a focus type, display the type selected for the current view category (not simply the focus)
29 | */
30 |
31 | if (focusContext.view.typeName === "") {
32 |
33 | /*
34 | * No entity type has been selected as the focus - display an 'empty' message
35 | */
36 | return Relationship type {typeName} not in server's types
45 | No type selected
37 | 38 | } 39 | else { 40 | 41 | /* 42 | * Display the currently selected view type. 43 | */ 44 | switch (focusContext.view.category) { 45 | 46 | case "Entity": 47 | return
41 |
45 | );
46 |
47 | /*
48 | * Render the Portal's children in the wrapper element...
49 | */
50 | if (props.show) {
51 | if (newElement) {
52 | return (
53 | ReactDOM.createPortal(content, newElement)
54 | );
55 | }
56 | }
57 | return null;
58 | }
59 |
60 | Portal.propTypes = {
61 | children: PropTypes.node,
62 | show : PropTypes.bool,
63 | anchorCB: PropTypes.func.isRequired
64 | };
65 |
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/components/portal/portal.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | .portal-div {
5 | position : fixed;
6 | z-index : 1001;
7 | top : 300px;
8 | left : 478px;
9 | border-style : solid;
10 | border-width : 3px;
11 | border-color : black;
12 | height : 500px;
13 | width : 900px;
14 | opacity : 1.0;
15 | padding : 10px;
16 | font-size : 10px;
17 | background : white;
18 | color : black;
19 | }
20 |
21 |
22 | .portal-backdrop {
23 | position : fixed;
24 | z-index : 1000;
25 | top : 0px;
26 | left : 260px;
27 | border-style : solid;
28 | border-width : 3px;
29 | border-color : rgb(72, 205, 209) ;
30 | height : 1450px;
31 | width : 1600px;
32 | opacity : 0.9;
33 | padding : 10px;
34 | font-size : 10px;
35 | background : rgb(200,200,200);
36 | }
37 |
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/components/resource-selection/DeprecatedAttributeControl.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | import React, { useContext } from "react";
6 |
7 | import { TypesContext } from "../../contexts/TypesContext";
8 |
9 | import "./resource-selector.scss"
10 |
11 |
12 | /*
13 | * The DeprecatedAttributeControl provides a checkbox that the user can check if they want
14 | * display of deprecated attributes. If checked, the attributes are read in the explorer and
15 | * displayed in diagrams or on details panels. If unchecked, the attributes are still read
16 | * in the explorer, but are not displayed.
17 | */
18 |
19 | export default function DeprecatedAttributeControl() {
20 |
21 |
22 | const typesContext = useContext(TypesContext);
23 |
24 | const updateDeprecatedAttributeOption = () => {
25 | typesContext.updateDeprecatedAttributeOption();
26 | };
27 |
28 | return (
29 |
30 |
42 | {props.children}
43 |
44 |
31 |
32 |
33 |
39 |
40 | 41 |
42 |
43 | );
44 | }
45 |
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/components/resource-selection/DeprecatedTypeControl.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | import React, { useContext } from "react";
6 |
7 | import { RequestContext } from "../../contexts/RequestContext";
8 |
9 | import "./resource-selector.scss"
10 |
11 |
12 | /*
13 | * The DeprecatedTypeControl provides a checkbox that the user can check if they want
14 | * display of deprecated types. If the option is checked, the types are read in
15 | * the explorer and will be displayed in diagrams or on details panels. If not
16 | * checked, the types are not read in the explorer.
17 | */
18 |
19 | export default function DeprecatedTypeControl() {
20 |
21 | const requestContext = useContext(RequestContext);
22 |
23 | const updateDeprecatedTypeOption = () => {
24 | requestContext.updateDeprecatedTypeOption();
25 | };
26 |
27 | return (
28 |
29 | 40 | 41 |
30 |
31 |
32 |
38 |
39 | 40 |
41 |
42 | );
43 | }
44 |
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/components/resource-selection/EnterpriseControl.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 | import React, { useContext } from "react";
6 |
7 | import { RequestContext } from "../../contexts/RequestContext";
8 |
9 | import "./resource-selector.scss"
10 |
11 |
12 | /*
13 | * The EnterpriseControl provides a checkbox that the user can check to issue queries
14 | * at the Enterprise level - which means that results will be collected from across
15 | * the cohorts that the target server is a member of, rather than just locally.
16 | */
17 |
18 | export default function EnterpriseControl() {
19 |
20 |
21 | const requestContext = useContext(RequestContext);
22 |
23 |
24 |
25 | return (
26 |
27 | 39 | 40 |
28 |
29 |
30 |
36 |
37 | 38 |
39 |
40 | );
41 | }
42 |
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/components/resource-selection/resource-selector.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 | .resource-controls {
5 | font-size : 12px;
6 | text-align : right;
7 | }
8 |
9 | .platform-selector {
10 | width : 200px;
11 | }
12 |
13 | .server-selector {
14 | width : 200px;
15 | }
16 |
17 | .descriptive-text {
18 | font-size : 12px;
19 | }
--------------------------------------------------------------------------------
/cra-client/src/components/TypeExplorer/tex.scss:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 |
4 |
5 |
6 | .tex-container {
7 | top : 0px;
8 | left : 260px;
9 | height : 100%;
10 | display : flex;
11 | flex-flow : column;
12 | }
13 |
14 | .tex-top {
15 | display : flex;
16 | flex-flow : row;
17 | width : 100%;
18 | overflow : none;
19 | padding : 10px;
20 | font-size : 10px;
21 | background-color : rgb(240,240,240);
22 | color : 'black';
23 | }
24 |
25 | .tex-top-left {
26 | flex : 0 0 auto;
27 | width : 300px;
28 | height : 140px;
29 | }
30 |
31 | .tex-top-middle {
32 | flex : 0 0 auto;
33 | width : 300px;
34 | height : 140px;
35 | }
36 |
37 |
38 | .tex-content {
39 | flex : 2;
40 | display : flex;
41 | flex-flow : row;
42 | width : 100%;
43 | padding : 10px;
44 | font-size : 10px;
45 | background-color : rgb(240,240,240);
46 | color : 'black';
47 | }
48 |
49 | .tex-lhs {
50 | flex : 0 0 auto;
51 | width : 400px;
52 | overflow : auto;
53 | padding : 0px 10px 10px 10px;
54 | font-size : 10px;
55 | background-color : rgb(240,240,240);
56 | color : 'black';
57 | }
58 |
59 | .tex-rhs {
60 | flex : 1 1 auto;
61 | padding : 10px;
62 | font-size : 10px;
63 | background-color : white;
64 | background : 'white';
65 | color : 'black';
66 | }
67 |
68 | .descriptive-text {
69 | font-size : 12px;
70 | }
71 |
72 | .top-control-button {
73 | position : absolute;
74 | right : 0px;
75 | bottom : 40px;
76 | height : 40px;
77 | width : 100px;
78 | background-color : rgb(180,180,180);
79 | }
80 |
81 | .graph-control-button {
82 | height : 40px;
83 | width : 100px;
84 | background-color : rgb(180,180,180);
85 | }
86 |
87 | .title {
88 | padding : 20px;
89 | font-size : 20px;
90 | }
--------------------------------------------------------------------------------
/cra-client/src/images/carbon/Egeria_add_16.js:
--------------------------------------------------------------------------------
1 | /* SPDX-License-Identifier: Apache-2.0 */
2 | /* Copyright Contributors to the ODPi Egeria project. */
3 | import React from "react";
4 | import icon from '../../imagesHolder/carbon/add.svg';
5 |
6 | export default function Egeria_add_16(props) {
7 | return (
8 | 37 | 38 |