See Nebula Interactions for examples of MVC data binding.
An unused component from Nebula 1.0. Provides a large, introductory "hero" area on a page and demonstrates the Mimix Color System.
A stub for future development of a generalized button component. Transcludes the provided text into the element body.
An mx-comm-group
provides a container for a number of mx-communicator
directives in the same view which can optionally share a history.
Inside communicatorView.html
:
<!-- Mimix Navigation -->
<mx-navigation></mx-navigation>
<!-- Mimix Debugging -->
<mx-debug></mx-debug>
<!-- MX Communicators -->
<mx-comm-group history="communicator"></mx-comm-group>
An mx-communicator
creates an interface for back-and-forth communication on a single wire. All messages are harnessed by the mslWebSocket
service.
Inside mxCommGroup.html
:
<!-- mxCommunicator -->
<mx-communicator ng-if="mxCommGroup.sockets.admin"
request="(@VER)"
type="admin"
history="true"></mx-communicator>
<mx-communicator ng-if="mxCommGroup.sockets.msl"
request="(@WALT Walt Disney)"
type="msl"></mx-communicator>
An mx-connector
provides an interface for connecting to a wire by type. Used in the navigation bar at the top of the page, it also shows connection status.
Inside mxNavigation.html
:
<!-- mxConnector -->
<mx-connector type="msl"></mx-connector>
<mx-connector type="admin"></mx-connector>
The mx-debug
directive displays diagnostic messages from the mxDebug()
function in a collapsible interface. This brings together all diagnostics from all modules and can be used in your own code.
Inside testbedView.html
:
<!-- Mimix Navigation -->
<mx-navigation></mx-navigation>
<!-- Mimix Debugging -->
<mx-debug></mx-debug>
<!-- MX Testbed -->
<mx-testbed></mx-testbed>
An unused component from Nebula 1.0. Provides a footer area for every page when placed in index.html
.
The mx-navigation
directive creates a menu system with custom link names, colors, and routing, based on the navigation information in mimix-settings.json
.
Inside communicatorView.html
:
<!-- Mimix Navigation -->
<mx-navigation></mx-navigation>
The mx-status
directive provides a UI for Local World version information, Local Stream version information, and Local Stream connection status.
Inside mxNavigation.html
:
<!-- mxStatus -->
<mx-status></mx-status>
mx-testbed
implements the Nebula Testbed for sending lists of MSL expressions as text (MSL Text) or JSON (Test Lists). The testbed also includes a Test Strip for test-driven development. All messages are harnessed by the mslWebSocket
service.
Inside testbedView.html
:
<!-- Mimix Navigation -->
<mx-navigation></mx-navigation>
<!-- Mimix Debugging -->
<mx-debug></mx-debug>
<!-- MX Testbed -->
<mx-testbed></mx-testbed>
The mx-test-strip
provides an interface for working with regression test numbers. When assigned to each MSL expression in a test list, these facilitate test-driven development and debugging.
The test strip's UI is designed to emulate a litmus test strip with colored sections in the strip representing test bits and test coverage concepts in MSL.
The test strip implementation is immediately useful for MSL applications but can be modified or extended for any kind of test-driven development scenario.
Inside mxTestbed.html
:
<mx-test-strip></mx-test-strip>