mirror of
https://github.com/nasa/openmct.git
synced 2024-12-18 20:57:53 +00:00
7890fcae69
* [API] use new-style objects consistently * rewrite todo tutorial in test-api.html * [API] Add API doc, update object API * [Tutorials] Rename tutorials, remove old * Fix Links * updates * initial * hope this works * Object Utils always return new objects instead of mutating existing objects * keep domain object model in-sync when listening Keep the domain object model in sync with the latest version when listening for mutation events. * Remove old-style plugins * Update views to use new API * Tidy Code * Update API Docs * Add Plugin API and Example
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>
|