mirror of
https://github.com/nasa/openmct.git
synced 2024-12-20 05:37:53 +00:00
65 lines
1.7 KiB
HTML
65 lines
1.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||
|
|
<title>Groot Tutorial</title>
|
||
|
|
<script src="dist/main.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<script>
|
||
|
|
|
||
|
|
// First, we need a source of objects, so we're going to define a few
|
||
|
|
// objects that we wish to expose. The first object is a folder which
|
||
|
|
// contains the other objects.
|
||
|
|
|
||
|
|
|
||
|
|
var GROOT_ROOT = {
|
||
|
|
name: 'I am groot',
|
||
|
|
type: 'folder',
|
||
|
|
composition: [
|
||
|
|
{
|
||
|
|
namespace: 'groot',
|
||
|
|
identifier: 'arms'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
namespace: 'groot',
|
||
|
|
identifier: 'legs'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
namespace: 'groot',
|
||
|
|
identifier: 'torso'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
// Now, we will define an object provider. This will allow us to fetch the
|
||
|
|
// GROOT_ROOT object, plus any other objects in the `groot` namespace.
|
||
|
|
// For more info, see the Object API documentation.
|
||
|
|
|
||
|
|
MCT.Objects.addProvider('groot', {
|
||
|
|
// we'll only define a get function, objects from this provider will
|
||
|
|
// not be mutable.
|
||
|
|
get: function (key) {
|
||
|
|
if (key.identifier === 'groot') {
|
||
|
|
return Promise.resolve(GROOT_ROOT);
|
||
|
|
}
|
||
|
|
return Promise.resolve({
|
||
|
|
name: 'Groot\'s ' + key.identifier
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// Finally, we need to add a "ROOT." This is an identifier for an object
|
||
|
|
// that Open MCT will load at run time and show at the top-level of the
|
||
|
|
// navigation tree.
|
||
|
|
|
||
|
|
MCT.Objects.addRoot({
|
||
|
|
namespace: 'groot',
|
||
|
|
identifier: 'groot'
|
||
|
|
});
|
||
|
|
|
||
|
|
MCT.run();
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|