rosmct/index.html at master · codeflight1/rosmct · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
  <head>
    <title>Open MCT Tutorials</title>
    <script src="node_modules/openmct/dist/openmct.js"></script>
    <script src="lib/http.js"></script>
    <script src="node_modules/q/q.js"></script>
    <script src="src/plugin/rosmctPlugin.js"></script>
  </head>
  <body>
    <script>
      const THIRTY_SECONDS = 30 * 1000;
      const ONE_MINUTE = THIRTY_SECONDS * 2;
      const FIVE_MINUTES = ONE_MINUTE * 5;
      const FIFTEEN_MINUTES = FIVE_MINUTES * 3;
      const THIRTY_MINUTES = FIFTEEN_MINUTES * 2;
      const ONE_HOUR = THIRTY_MINUTES * 2;
      const TWO_HOURS = ONE_HOUR * 2;
      const ONE_DAY = ONE_HOUR * 24;

      openmct.setAssetPath('node_modules/openmct/dist');
      openmct.install(openmct.plugins.LocalStorage());
      openmct.install(openmct.plugins.MyItems());
      openmct.install(openmct.plugins.PlanLayout());
      openmct.install(openmct.plugins.Timeline());
      openmct.install(openmct.plugins.Hyperlink());
      openmct.install(openmct.plugins.UTCTimeSystem());
      openmct.install(openmct.plugins.Espresso());
      openmct.install(openmct.plugins.AutoflowView({
          type: "telemetry.panel"
      }));
      openmct.install(openmct.plugins.DisplayLayout({
          showAsView: ['summary-widget', 'example.imagery']
      }));

      openmct.install(openmct.plugins.Conductor({
          menuOptions: [
              {
                  name: "Fixed",
                  timeSystem: 'utc',
                  bounds: {
                      start: Date.now() - THIRTY_MINUTES,
                      end: Date.now()
                  },
                  // commonly used bounds can be stored in history
                  // bounds (start and end) can accept either a milliseconds number
                  // or a callback function returning a milliseconds number
                  // a function is useful for invoking Date.now() at exact moment of preset selection
                  presets: [
                      {
                          label: 'Last Day',
                          bounds: {
                              start: () => Date.now() - ONE_DAY,
                              end: () => Date.now()
                          }
                      },
                      {
                          label: 'Last 2 hours',
                          bounds: {
                              start: () => Date.now() - TWO_HOURS,
                              end: () => Date.now()
                          }
                      },
                      {
                          label: 'Last hour',
                          bounds: {
                              start: () => Date.now() - ONE_HOUR,
                              end: () => Date.now()
                          }
                      }
                  ],
                  // maximum recent bounds to retain in conductor history
                  records: 10
                  // maximum duration between start and end bounds
                  // for utc-based time systems this is in milliseconds
                  // limit: ONE_DAY
              },
              {
                  name: "Realtime",
                  timeSystem: 'utc',
                  clock: 'local',
                  clockOffsets: {
                      start: - THIRTY_MINUTES,
                      end: THIRTY_SECONDS
                  },
                  presets: [
                      {
                          label: '1 Hour',
                          bounds: {
                              start: - ONE_HOUR,
                              end: THIRTY_SECONDS
                          }
                      },
                      {
                          label: '30 Minutes',
                          bounds: {
                              start: - THIRTY_MINUTES,
                              end: THIRTY_SECONDS
                          }
                      },
                      {
                          label: '15 Minutes',
                          bounds: {
                              start: - FIFTEEN_MINUTES,
                              end: THIRTY_SECONDS
                          }
                      },
                      {
                          label: '5 Minutes',
                          bounds: {
                              start: - FIVE_MINUTES,
                              end: THIRTY_SECONDS
                          }
                      },
                      {
                          label: '1 Minute',
                          bounds: {
                              start: - ONE_MINUTE,
                              end: THIRTY_SECONDS
                          }
                      }
                  ]
              }
          ]
      }));
      openmct.install(openmct.plugins.SummaryWidget());
      openmct.install(openmct.plugins.Notebook());
      openmct.install(openmct.plugins.LADTable());
      openmct.install(openmct.plugins.Filters(['table', 'telemetry.plot.overlay']));
      openmct.install(openmct.plugins.ObjectMigration());
      openmct.install(openmct.plugins.Clock({ enableClockIndicator: true }));
      openmct.install(openmct.plugins.Timer());
      openmct.install(openmct.plugins.Timelist());
      openmct.install(openmct.plugins.BarChart());
      openmct.install(openmct.plugins.ScatterPlot());

      openmct.install(rosmctPlugin());

      openmct.start();
    </script>
  </body>
</html>