11 |
17 |
18 | {get(record, source)}
19 |
20 |
21 |
22 | );
23 |
24 | const TAIConversion = (record, source, mode) => {
25 | try {
26 | const taiData = get(record, source).split(':', 2);
27 | if (!taiData[0] || !taiData[1]) return '';
28 | const taiTimeMilliseconds = 1e3 * taiData[0] + taiData[1] / 1e6;
29 | if (get(record, mode) === 'activate_scheduled_relative') {
30 | return dayjs(taiTimeMilliseconds).utc().format('HH:mm:ss.SSS');
31 | }
32 | const unixTimeMilliseconds = tai.atomicToUnix(taiTimeMilliseconds);
33 | return dayjs(unixTimeMilliseconds).format('YYYY-MM-DD HH:mm:ss.SSS Z');
34 | } catch (e) {
35 | return `Conversion Error - ${e}`;
36 | }
37 | };
38 |
39 | TAIField.defaultProps = {
40 | addLabel: true,
41 | };
42 |
43 | export default TAIField;
44 |
--------------------------------------------------------------------------------
/Development/src/components/PaginationButtons.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {
3 | ChevronLeft,
4 | ChevronRight,
5 | FirstPage,
6 | LastPage,
7 | } from '@material-ui/icons';
8 | import { Button } from '@material-ui/core';
9 | import { includes, keys } from 'lodash';
10 |
11 | const components = {
12 | prev: ChevronLeft,
13 | next: ChevronRight,
14 | last: LastPage,
15 | first: FirstPage,
16 | };
17 |
18 | export const PaginationButton = ({
19 | pagination,
20 | disabled,
21 | nextPage,
22 | rel,
23 | label = rel,
24 | }) => {
25 | rel.toLowerCase();
26 | const buttons = keys(pagination);
27 |
28 | const enabled = (() => {
29 | if (disabled) return false;
30 | return includes(buttons, rel);
31 | })();
32 |
33 | const getIcon = label => {
34 | const ButtonIcon = components[label];
35 | return 32 |36 |33 | {get(props.record, `${endpoint}`)} 34 | 35 |
20 | {minConstraint != null && (
21 |
22 | {renderConstraintValue(minConstraint)}
23 |
24 | )}
25 | –
26 | {maxConstraint != null && (
27 |
28 | {renderConstraintValue(maxConstraint)}
29 |
30 | )}
31 |
32 | )}
33 | {enumConstraint != null && (
34 |
10 |
11 |
13 |
14 | {get(CONFIG, 'about', 'An NMOS Client')}
15 |
16 |
19 |
20 |
21 | );
22 |
23 | export const RepoLinks = () => (
24 |
25 |
26 | Built on open-source projects
27 | {' '}
28 |
29 |
30 | nmos-js
31 |
32 | {' '}
33 |
34 | and
35 | {' '}
36 |
37 |
38 | nmos-cpp
39 |
40 |
41 |
42 | );
43 |
44 | const Link = ({ to, children }) => (
45 | // eslint-disable-next-line react/jsx-no-target-blank
46 |
52 | {React.cloneElement(children, {
53 | style: { textDecoration: 'underline' },
54 | })}
55 |
56 | );
57 |
58 | export default About;
59 |
--------------------------------------------------------------------------------
/Development/src/pages/logs/LogsShow.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {
3 | ShowContextProvider,
4 | ShowView,
5 | SimpleShowLayout,
6 | TextField,
7 | useRecordContext,
8 | useShowController,
9 | } from 'react-admin';
10 | import get from 'lodash/get';
11 | import ObjectField from '../../components/ObjectField';
12 | import ResourceShowActions from '../../components/ResourceShowActions';
13 | import ResourceTitle from '../../components/ResourceTitle';
14 | import SanitizedDivider from '../../components/SanitizedDivider';
15 |
16 | export const LogsShow = props => {
17 | const controllerProps = useShowController(props);
18 | return (
19 |
63 | setValue(event.target.value)}
69 | onFocus={event => event.target.select()}
70 | inputRef={inputRef}
71 | fullWidth={true}
72 | onKeyPress={event => {
73 | if (event.key === 'Enter') {
74 | saveCustomName();
75 | }
76 | }}
77 | {...props}
78 | />
79 |
80 |
82 |
83 |
85 |
86 | ) : (
87 |
88 |
89 | {value}
90 |
91 |
92 |
94 | {getCustomName(source) && (
95 |
96 |
98 | )}
99 |
100 | );
101 | };
102 |
103 | export default CustomNameField;
104 |
--------------------------------------------------------------------------------
/Development/src/pages/queryapis/QueryAPIsList.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {
3 | Card,
4 | CardContent,
5 | Table,
6 | TableBody,
7 | TableCell,
8 | TableHead,
9 | TableRow,
10 | } from '@material-ui/core';
11 | import { Loading, ShowButton, Title } from 'react-admin';
12 | import FilterPanel, { StringFilter } from '../../components/FilterPanel';
13 | import ListActions from '../../components/ListActions';
14 | import ConnectButton from './ConnectButton';
15 | import useGetList from '../../components/useGetList';
16 | import { useJSONSetting } from '../../settings';
17 |
18 | const QueryAPIsList = props => {
19 | const [filter, setFilter] = useJSONSetting('Query APIs Filter');
20 | const { data, loaded, url } = useGetList({
21 | ...props,
22 | filter,
23 | });
24 | if (!loaded) return
29 |
30 |
32 | 38 |
39 |
40 |
42 | 94 |
44 |
45 |
47 | 113 |
45 |
46 |
48 | 116 |
](https://jt-nm.org/jt-nm_tested/)
36 |
37 | The nmos-js client, like the NMOS Specifications, is intended to be always ready, but steadily developing.
38 | The nmos-js client works as both an NMOS Registry browser, using the IS-04 Query API, and provides connection management, using the IS-05 Connection API.
39 | When used with the nmos-cpp-registry, it also provides access to registry log messages.
40 | It has been successfully tested in many AMWA Networked Media Incubator workshops, and in the [JT-NM Tested](https://jt-nm.org/jt-nm_tested/) programme.
41 |
42 | ### Build Status
43 |
44 | The following configurations, defined by the [build-test](.github/workflows/build-test.yml) jobs, are built and unit tested automatically via continuous integration.
45 |
46 | | Platform | Version | Browser | Test Options |
47 | |----------|---------------------------|------------------------------------|--------------------------------------------------------------------|
48 | | Linux | Ubuntu 22.04 | Chrome | |
49 |
50 | The [AMWA NMOS API Testing Tool](https://github.com/AMWA-TV/nmos-testing) controller tests are automatically run against the nmos-js user interface using a fully automated [TestingFacade](TestingFacade/README.md).
51 |
52 | **Test Suite/Status:**
53 | [![IS-04-04][IS-04-04-badge]][IS-04-04-sheet]
54 | [![IS-05-03][IS-05-03-badge]][IS-05-03-sheet]
55 |
56 | [IS-04-04-badge]: https://raw.githubusercontent.com/sony/nmos-js/badges/IS-04-04.svg
57 | [IS-05-03-badge]: https://raw.githubusercontent.com/sony/nmos-js/badges/IS-05-03.svg
58 |
59 | [IS-04-04-sheet]: https://docs.google.com/spreadsheets/d/1104JkWwsOp8ql4x0qc-I7nGZqD7mCSBJ__aUIw5AFfw/edit?gid=1975955785
60 | [IS-05-03-sheet]: https://docs.google.com/spreadsheets/d/1104JkWwsOp8ql4x0qc-I7nGZqD7mCSBJ__aUIw5AFfw/edit?gid=946113228
61 |
62 | ### Recent Activity
63 |
64 | The implementation is designed to be extended. Development is ongoing, following the evolution of the NMOS specifications in the AMWA Networked Media Incubator.
65 |
66 | Recent activity on the project (newest first):
67 |
68 | - Added prototype [IS-12 Device Model browser client](is12-client/README.md).
69 | - Added [automated controller testing](TestingFacade/README.md) for nmos-js.
70 | - Read-only support for IS-08 Audio Channel Mapping
71 | - Support for BCP-004-01 Receiver Capabilities
72 | - JT-NM Tested 03/20 badge (packaged and deployed on a Mellanox SN2010 Switch)
73 | - Improved and simplified connection management
74 | - Periodic refresh
75 | - Lots of other incremental improvements
76 | - Added support for multi-homed Nodes
77 | - Added connection management support for RTP, WebSocket and MQTT transports
78 | - Added a dark theme
79 | - Switched to [react-admin](https://github.com/marmelab/react-admin) framework from [ng-admin](https://github.com/marmelab/ng-admin)
80 |
81 | ## Contributing
82 |
83 | We welcome bug reports, feature requests and contributions to the implementation and documentation.
84 | Please have a look at the simple [Contribution Guidelines](CONTRIBUTING.md).
85 |
86 | Thank you for your interest!
87 |
88 | 
89 |
--------------------------------------------------------------------------------
/Development/src/pages/subscriptions/SubscriptionsList.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import {
3 | Card,
4 | CardContent,
5 | Table,
6 | TableBody,
7 | TableCell,
8 | TableHead,
9 | TableRow,
10 | } from '@material-ui/core';
11 | import { BooleanField, Loading, ShowButton, Title } from 'react-admin';
12 | import get from 'lodash/get';
13 | import DeleteButton from '../../components/DeleteButton';
14 | import FilterPanel, {
15 | AutocompleteFilter,
16 | BooleanFilter,
17 | NumberFilter,
18 | StringFilter,
19 | } from '../../components/FilterPanel';
20 | import PaginationButtons from '../../components/PaginationButtons';
21 | import ListActions from '../../components/ListActions';
22 | import useGetList from '../../components/useGetList';
23 | import { useJSONSetting } from '../../settings';
24 |
25 | const SubscriptionsList = props => {
26 | const [filter, setFilter] = useJSONSetting('Subscriptions Filter');
27 | const [paginationURL, setPaginationURL] = useState(null);
28 | const { data, loaded, pagination, url } = useGetList({
29 | ...props,
30 | filter,
31 | paginationURL,
32 | });
33 | if (!loaded) return
42 |
43 |
45 |
30 |
36 |
41 |
63 |
64 |
65 |
67 |