feat: AMD -> ES6 (#7029)
* feat: full amd -> es6 conversion * fix: move MCT to ES6 class * fix: default drop, correct imports * fix: correct all imports * fix: property typo * fix: avoid anonymous functions * fix: correct typo scarily small - can see why this e2e coverage issue is high priority * fix: use proper uuid format * style: fmt * fix: import vue correctly, get correct layout * fix: createApp without JSON fixes template issues * fix: don't use default on InspectorDataVisualization * fix: remove more .default calls * Update src/api/api.js Co-authored-by: Jesse Mazzella <ozyx@users.noreply.github.com> * Update src/plugins/plugins.js Co-authored-by: Jesse Mazzella <ozyx@users.noreply.github.com> * Update src/plugins/plugins.js Co-authored-by: Jesse Mazzella <ozyx@users.noreply.github.com> * fix: suggestions * fix: drop unnecessary this.annotation initialization * fix: move all initialization calls to constructor * refactor: move vue dist import to webpack alias --------- Co-authored-by: Jesse Mazzella <ozyx@users.noreply.github.com>
This commit is contained in:
Tristan F
@@ -20,96 +20,92 @@
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
|
||||
define([], function () {
|
||||
// Set of connection states; changing among these states will be
|
||||
// reflected in the indicator's appearance.
|
||||
// CONNECTED: Everything nominal, expect to be able to read/write.
|
||||
// DISCONNECTED: HTTP failed; maybe misconfigured, disconnected.
|
||||
// PENDING: Still trying to connect, and haven't failed yet.
|
||||
const CONNECTED = {
|
||||
statusClass: 's-status-on'
|
||||
};
|
||||
const PENDING = {
|
||||
statusClass: 's-status-warning-lo'
|
||||
};
|
||||
const DISCONNECTED = {
|
||||
statusClass: 's-status-warning-hi'
|
||||
};
|
||||
function URLIndicator(options, simpleIndicator) {
|
||||
this.bindMethods();
|
||||
this.count = 0;
|
||||
// Set of connection states; changing among these states will be
|
||||
// reflected in the indicator's appearance.
|
||||
// CONNECTED: Everything nominal, expect to be able to read/write.
|
||||
// DISCONNECTED: HTTP failed; maybe misconfigured, disconnected.
|
||||
// PENDING: Still trying to connect, and haven't failed yet.
|
||||
const CONNECTED = {
|
||||
statusClass: 's-status-on'
|
||||
};
|
||||
const PENDING = {
|
||||
statusClass: 's-status-warning-lo'
|
||||
};
|
||||
const DISCONNECTED = {
|
||||
statusClass: 's-status-warning-hi'
|
||||
};
|
||||
export default function URLIndicator(options, simpleIndicator) {
|
||||
this.bindMethods();
|
||||
this.count = 0;
|
||||
|
||||
this.indicator = simpleIndicator;
|
||||
this.setDefaultsFromOptions(options);
|
||||
this.setIndicatorToState(PENDING);
|
||||
this.indicator = simpleIndicator;
|
||||
this.setDefaultsFromOptions(options);
|
||||
this.setIndicatorToState(PENDING);
|
||||
|
||||
this.fetchUrl();
|
||||
setInterval(this.fetchUrl, this.interval);
|
||||
}
|
||||
this.fetchUrl();
|
||||
setInterval(this.fetchUrl, this.interval);
|
||||
}
|
||||
|
||||
URLIndicator.prototype.setIndicatorToState = function (state) {
|
||||
switch (state) {
|
||||
case CONNECTED: {
|
||||
this.indicator.text(this.label + ' is connected');
|
||||
this.indicator.description(
|
||||
this.label + ' is online, checking status every ' + this.interval + ' milliseconds.'
|
||||
);
|
||||
break;
|
||||
}
|
||||
|
||||
case PENDING: {
|
||||
this.indicator.text('Checking status of ' + this.label + ' please stand by...');
|
||||
this.indicator.description('Checking status of ' + this.label + ' please stand by...');
|
||||
break;
|
||||
}
|
||||
|
||||
case DISCONNECTED: {
|
||||
this.indicator.text(this.label + ' is offline');
|
||||
this.indicator.description(
|
||||
this.label + ' is offline, checking status every ' + this.interval + ' milliseconds'
|
||||
);
|
||||
break;
|
||||
}
|
||||
URLIndicator.prototype.setIndicatorToState = function (state) {
|
||||
switch (state) {
|
||||
case CONNECTED: {
|
||||
this.indicator.text(this.label + ' is connected');
|
||||
this.indicator.description(
|
||||
this.label + ' is online, checking status every ' + this.interval + ' milliseconds.'
|
||||
);
|
||||
break;
|
||||
}
|
||||
|
||||
this.indicator.statusClass(state.statusClass);
|
||||
};
|
||||
case PENDING: {
|
||||
this.indicator.text('Checking status of ' + this.label + ' please stand by...');
|
||||
this.indicator.description('Checking status of ' + this.label + ' please stand by...');
|
||||
break;
|
||||
}
|
||||
|
||||
URLIndicator.prototype.fetchUrl = function () {
|
||||
fetch(this.URLpath)
|
||||
.then((response) => {
|
||||
if (response.ok) {
|
||||
this.handleSuccess();
|
||||
} else {
|
||||
this.handleError();
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
case DISCONNECTED: {
|
||||
this.indicator.text(this.label + ' is offline');
|
||||
this.indicator.description(
|
||||
this.label + ' is offline, checking status every ' + this.interval + ' milliseconds'
|
||||
);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
this.indicator.statusClass(state.statusClass);
|
||||
};
|
||||
|
||||
URLIndicator.prototype.fetchUrl = function () {
|
||||
fetch(this.URLpath)
|
||||
.then((response) => {
|
||||
if (response.ok) {
|
||||
this.handleSuccess();
|
||||
} else {
|
||||
this.handleError();
|
||||
});
|
||||
};
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
this.handleError();
|
||||
});
|
||||
};
|
||||
|
||||
URLIndicator.prototype.handleError = function (e) {
|
||||
this.setIndicatorToState(DISCONNECTED);
|
||||
};
|
||||
URLIndicator.prototype.handleError = function (e) {
|
||||
this.setIndicatorToState(DISCONNECTED);
|
||||
};
|
||||
|
||||
URLIndicator.prototype.handleSuccess = function () {
|
||||
this.setIndicatorToState(CONNECTED);
|
||||
};
|
||||
URLIndicator.prototype.handleSuccess = function () {
|
||||
this.setIndicatorToState(CONNECTED);
|
||||
};
|
||||
|
||||
URLIndicator.prototype.setDefaultsFromOptions = function (options) {
|
||||
this.URLpath = options.url;
|
||||
this.label = options.label || options.url;
|
||||
this.interval = options.interval || 10000;
|
||||
this.indicator.iconClass(options.iconClass || 'icon-chain-links');
|
||||
};
|
||||
URLIndicator.prototype.setDefaultsFromOptions = function (options) {
|
||||
this.URLpath = options.url;
|
||||
this.label = options.label || options.url;
|
||||
this.interval = options.interval || 10000;
|
||||
this.indicator.iconClass(options.iconClass || 'icon-chain-links');
|
||||
};
|
||||
|
||||
URLIndicator.prototype.bindMethods = function () {
|
||||
this.fetchUrl = this.fetchUrl.bind(this);
|
||||
this.handleSuccess = this.handleSuccess.bind(this);
|
||||
this.handleError = this.handleError.bind(this);
|
||||
this.setIndicatorToState = this.setIndicatorToState.bind(this);
|
||||
};
|
||||
|
||||
return URLIndicator;
|
||||
});
|
||||
URLIndicator.prototype.bindMethods = function () {
|
||||
this.fetchUrl = this.fetchUrl.bind(this);
|
||||
this.handleSuccess = this.handleSuccess.bind(this);
|
||||
this.handleError = this.handleError.bind(this);
|
||||
this.setIndicatorToState = this.setIndicatorToState.bind(this);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user