362 lines
16 KiB
JavaScript
362 lines
16 KiB
JavaScript
$(function() {
|
|
function SettingsViewModel(parameters) {
|
|
var self = this;
|
|
|
|
self.loginState = parameters[0];
|
|
self.users = parameters[1];
|
|
self.printerProfiles = parameters[2];
|
|
|
|
self.api_enabled = ko.observable(undefined);
|
|
self.api_key = ko.observable(undefined);
|
|
self.api_allowCrossOrigin = ko.observable(undefined);
|
|
|
|
self.appearance_name = ko.observable(undefined);
|
|
self.appearance_color = ko.observable(undefined);
|
|
self.appearance_colorTransparent = ko.observable();
|
|
self.appearance_defaultLanguage = ko.observable();
|
|
|
|
self.settingsDialog = undefined;
|
|
|
|
self.appearance_available_colors = ko.observable([
|
|
{key: "default", name: gettext("default")},
|
|
{key: "red", name: gettext("red")},
|
|
{key: "orange", name: gettext("orange")},
|
|
{key: "yellow", name: gettext("yellow")},
|
|
{key: "green", name: gettext("green")},
|
|
{key: "blue", name: gettext("blue")},
|
|
{key: "violet", name: gettext("violet")},
|
|
{key: "black", name: gettext("black")},
|
|
{key: "white", name: gettext("white")},
|
|
]);
|
|
|
|
self.appearance_colorName = function(color) {
|
|
switch (color) {
|
|
case "red":
|
|
return gettext("red");
|
|
case "orange":
|
|
return gettext("orange");
|
|
case "yellow":
|
|
return gettext("yellow");
|
|
case "green":
|
|
return gettext("green");
|
|
case "blue":
|
|
return gettext("blue");
|
|
case "violet":
|
|
return gettext("violet");
|
|
case "black":
|
|
return gettext("black");
|
|
case "white":
|
|
return gettext("white");
|
|
case "default":
|
|
return gettext("default");
|
|
default:
|
|
return color;
|
|
}
|
|
};
|
|
|
|
var auto_locale = {language: "_default", display: gettext("Autodetect from browser"), english: undefined};
|
|
self.locales = ko.observableArray([auto_locale].concat(_.sortBy(_.values(AVAILABLE_LOCALES), function(n) {
|
|
return n.display;
|
|
})));
|
|
self.locale_languages = _.keys(AVAILABLE_LOCALES);
|
|
|
|
self.printer_defaultExtrusionLength = ko.observable(undefined);
|
|
|
|
self.webcam_streamUrl = ko.observable(undefined);
|
|
self.webcam_snapshotUrl = ko.observable(undefined);
|
|
self.webcam_ffmpegPath = ko.observable(undefined);
|
|
self.webcam_bitrate = ko.observable(undefined);
|
|
self.webcam_ffmpegThreads = ko.observable(undefined);
|
|
self.webcam_watermark = ko.observable(undefined);
|
|
self.webcam_flipH = ko.observable(undefined);
|
|
self.webcam_flipV = ko.observable(undefined);
|
|
|
|
self.feature_gcodeViewer = ko.observable(undefined);
|
|
self.feature_temperatureGraph = ko.observable(undefined);
|
|
self.feature_waitForStart = ko.observable(undefined);
|
|
self.feature_alwaysSendChecksum = ko.observable(undefined);
|
|
self.feature_sdSupport = ko.observable(undefined);
|
|
self.feature_sdAlwaysAvailable = ko.observable(undefined);
|
|
self.feature_swallowOkAfterResend = ko.observable(undefined);
|
|
self.feature_repetierTargetTemp = ko.observable(undefined);
|
|
self.feature_keyboardControl = ko.observable(undefined);
|
|
|
|
self.serial_port = ko.observable();
|
|
self.serial_baudrate = ko.observable();
|
|
self.serial_portOptions = ko.observableArray([]);
|
|
self.serial_baudrateOptions = ko.observableArray([]);
|
|
self.serial_autoconnect = ko.observable(undefined);
|
|
self.serial_timeoutConnection = ko.observable(undefined);
|
|
self.serial_timeoutDetection = ko.observable(undefined);
|
|
self.serial_timeoutCommunication = ko.observable(undefined);
|
|
self.serial_timeoutTemperature = ko.observable(undefined);
|
|
self.serial_timeoutSdStatus = ko.observable(undefined);
|
|
self.serial_log = ko.observable(undefined);
|
|
self.serial_additionalPorts = ko.observable(undefined);
|
|
|
|
self.folder_uploads = ko.observable(undefined);
|
|
self.folder_timelapse = ko.observable(undefined);
|
|
self.folder_timelapseTmp = ko.observable(undefined);
|
|
self.folder_logs = ko.observable(undefined);
|
|
self.folder_watched = ko.observable(undefined);
|
|
|
|
self.scripts_gcode_beforePrintStarted = ko.observable(undefined);
|
|
self.scripts_gcode_afterPrintDone = ko.observable(undefined);
|
|
self.scripts_gcode_afterPrintCancelled = ko.observable(undefined);
|
|
self.scripts_gcode_afterPrintPaused = ko.observable(undefined);
|
|
self.scripts_gcode_beforePrintResumed = ko.observable(undefined);
|
|
self.scripts_gcode_afterPrinterConnected = ko.observable(undefined);
|
|
|
|
self.temperature_profiles = ko.observableArray(undefined);
|
|
|
|
self.temperature_profiles = ko.observableArray(undefined);
|
|
|
|
self.system_actions = ko.observableArray([]);
|
|
|
|
self.terminalFilters = ko.observableArray([]);
|
|
|
|
self.settings = undefined;
|
|
|
|
self.addTemperatureProfile = function() {
|
|
self.temperature_profiles.push({name: "New", extruder:0, bed:0});
|
|
};
|
|
|
|
self.removeTemperatureProfile = function(profile) {
|
|
self.temperature_profiles.remove(profile);
|
|
};
|
|
|
|
self.addTerminalFilter = function() {
|
|
self.terminalFilters.push({name: "New", regex: "(Send: M105)|(Recv: ok T:)"})
|
|
};
|
|
|
|
self.removeTerminalFilter = function(filter) {
|
|
self.terminalFilters.remove(filter);
|
|
};
|
|
|
|
self.onSettingsShown = function() {
|
|
self.requestData();
|
|
};
|
|
|
|
self.onStartup = function() {
|
|
self.settingsDialog = $('#settings_dialog');
|
|
};
|
|
|
|
self.onAllBound = function(allViewModels) {
|
|
self.settingsDialog.on('show', function() {
|
|
_.each(allViewModels, function(viewModel) {
|
|
if (viewModel.hasOwnProperty("onSettingsShown")) {
|
|
viewModel.onSettingsShown();
|
|
}
|
|
});
|
|
});
|
|
self.settingsDialog.on('hidden', function() {
|
|
_.each(allViewModels, function(viewModel) {
|
|
if (viewModel.hasOwnProperty("onSettingsHidden")) {
|
|
viewModel.onSettingsHidden();
|
|
}
|
|
});
|
|
});
|
|
};
|
|
|
|
self.show = function() {
|
|
// show settings, ensure centered position
|
|
self.settingsDialog.modal({
|
|
minHeight: function() { return Math.max($.fn.modal.defaults.maxHeight() - 80, 250); }
|
|
}).css({
|
|
width: 'auto',
|
|
'margin-left': function() { return -($(this).width() /2); }
|
|
});
|
|
|
|
return false;
|
|
};
|
|
|
|
self.requestData = function(callback) {
|
|
$.ajax({
|
|
url: API_BASEURL + "settings",
|
|
type: "GET",
|
|
dataType: "json",
|
|
success: function(response) {
|
|
self.fromResponse(response);
|
|
if (callback) callback();
|
|
}
|
|
});
|
|
};
|
|
|
|
self.fromResponse = function(response) {
|
|
if (self.settings === undefined) {
|
|
self.settings = ko.mapping.fromJS(response);
|
|
} else {
|
|
ko.mapping.fromJS(response, self.settings);
|
|
}
|
|
|
|
self.api_enabled(response.api.enabled);
|
|
self.api_key(response.api.key);
|
|
self.api_allowCrossOrigin(response.api.allowCrossOrigin);
|
|
|
|
self.appearance_name(response.appearance.name);
|
|
self.appearance_color(response.appearance.color);
|
|
self.appearance_colorTransparent(response.appearance.colorTransparent);
|
|
self.appearance_defaultLanguage("_default");
|
|
if (_.includes(self.locale_languages, response.appearance.defaultLanguage)) {
|
|
self.appearance_defaultLanguage(response.appearance.defaultLanguage);
|
|
}
|
|
|
|
self.printer_defaultExtrusionLength(response.printer.defaultExtrusionLength);
|
|
|
|
self.webcam_streamUrl(response.webcam.streamUrl);
|
|
self.webcam_snapshotUrl(response.webcam.snapshotUrl);
|
|
self.webcam_ffmpegPath(response.webcam.ffmpegPath);
|
|
self.webcam_bitrate(response.webcam.bitrate);
|
|
self.webcam_ffmpegThreads(response.webcam.ffmpegThreads);
|
|
self.webcam_watermark(response.webcam.watermark);
|
|
self.webcam_flipH(response.webcam.flipH);
|
|
self.webcam_flipV(response.webcam.flipV);
|
|
|
|
self.feature_gcodeViewer(response.feature.gcodeViewer);
|
|
self.feature_temperatureGraph(response.feature.temperatureGraph);
|
|
self.feature_waitForStart(response.feature.waitForStart);
|
|
self.feature_alwaysSendChecksum(response.feature.alwaysSendChecksum);
|
|
self.feature_sdSupport(response.feature.sdSupport);
|
|
self.feature_sdAlwaysAvailable(response.feature.sdAlwaysAvailable);
|
|
self.feature_swallowOkAfterResend(response.feature.swallowOkAfterResend);
|
|
self.feature_repetierTargetTemp(response.feature.repetierTargetTemp);
|
|
self.feature_keyboardControl(response.feature.keyboardControl);
|
|
|
|
self.serial_port(response.serial.port);
|
|
self.serial_baudrate(response.serial.baudrate);
|
|
self.serial_portOptions(response.serial.portOptions);
|
|
self.serial_baudrateOptions(response.serial.baudrateOptions);
|
|
self.serial_autoconnect(response.serial.autoconnect);
|
|
self.serial_timeoutConnection(response.serial.timeoutConnection);
|
|
self.serial_timeoutDetection(response.serial.timeoutDetection);
|
|
self.serial_timeoutCommunication(response.serial.timeoutCommunication);
|
|
self.serial_timeoutTemperature(response.serial.timeoutTemperature);
|
|
self.serial_timeoutSdStatus(response.serial.timeoutSdStatus);
|
|
self.serial_log(response.serial.log);
|
|
self.serial_additionalPorts(response.serial.additionalPorts.join("\n"));
|
|
|
|
self.folder_uploads(response.folder.uploads);
|
|
self.folder_timelapse(response.folder.timelapse);
|
|
self.folder_timelapseTmp(response.folder.timelapseTmp);
|
|
self.folder_logs(response.folder.logs);
|
|
self.folder_watched(response.folder.watched);
|
|
|
|
self.temperature_profiles(response.temperature.profiles);
|
|
|
|
self.scripts_gcode_beforePrintStarted(response.scripts.gcode.beforePrintStarted);
|
|
self.scripts_gcode_afterPrintDone(response.scripts.gcode.afterPrintDone);
|
|
self.scripts_gcode_afterPrintCancelled(response.scripts.gcode.afterPrintCancelled);
|
|
self.scripts_gcode_afterPrintPaused(response.scripts.gcode.afterPrintPaused);
|
|
self.scripts_gcode_beforePrintResumed(response.scripts.gcode.beforePrintResumed);
|
|
self.scripts_gcode_afterPrinterConnected(response.scripts.gcode.afterPrinterConnected);
|
|
|
|
self.temperature_profiles(response.temperature.profiles);
|
|
|
|
self.system_actions(response.system.actions);
|
|
|
|
self.terminalFilters(response.terminalFilters);
|
|
};
|
|
|
|
self.saveData = function() {
|
|
var data = ko.mapping.toJS(self.settings);
|
|
|
|
data = _.extend(data, {
|
|
"api" : {
|
|
"enabled": self.api_enabled(),
|
|
"key": self.api_key(),
|
|
"allowCrossOrigin": self.api_allowCrossOrigin()
|
|
},
|
|
"appearance" : {
|
|
"name": self.appearance_name(),
|
|
"color": self.appearance_color(),
|
|
"colorTransparent": self.appearance_colorTransparent(),
|
|
"defaultLanguage": self.appearance_defaultLanguage()
|
|
},
|
|
"printer": {
|
|
"defaultExtrusionLength": self.printer_defaultExtrusionLength()
|
|
},
|
|
"webcam": {
|
|
"streamUrl": self.webcam_streamUrl(),
|
|
"snapshotUrl": self.webcam_snapshotUrl(),
|
|
"ffmpegPath": self.webcam_ffmpegPath(),
|
|
"bitrate": self.webcam_bitrate(),
|
|
"ffmpegThreads": self.webcam_ffmpegThreads(),
|
|
"watermark": self.webcam_watermark(),
|
|
"flipH": self.webcam_flipH(),
|
|
"flipV": self.webcam_flipV()
|
|
},
|
|
"feature": {
|
|
"gcodeViewer": self.feature_gcodeViewer(),
|
|
"temperatureGraph": self.feature_temperatureGraph(),
|
|
"waitForStart": self.feature_waitForStart(),
|
|
"alwaysSendChecksum": self.feature_alwaysSendChecksum(),
|
|
"sdSupport": self.feature_sdSupport(),
|
|
"sdAlwaysAvailable": self.feature_sdAlwaysAvailable(),
|
|
"swallowOkAfterResend": self.feature_swallowOkAfterResend(),
|
|
"repetierTargetTemp": self.feature_repetierTargetTemp(),
|
|
"keyboardControl": self.feature_keyboardControl()
|
|
},
|
|
"serial": {
|
|
"port": self.serial_port(),
|
|
"baudrate": self.serial_baudrate(),
|
|
"autoconnect": self.serial_autoconnect(),
|
|
"timeoutConnection": self.serial_timeoutConnection(),
|
|
"timeoutDetection": self.serial_timeoutDetection(),
|
|
"timeoutCommunication": self.serial_timeoutCommunication(),
|
|
"timeoutTemperature": self.serial_timeoutTemperature(),
|
|
"timeoutSdStatus": self.serial_timeoutSdStatus(),
|
|
"log": self.serial_log(),
|
|
"additionalPorts": _.filter(
|
|
_.map(
|
|
self.serial_additionalPorts().split("\n"),
|
|
function(item) { return (item) ? item.trim() : ""; }
|
|
),
|
|
function(item) { return item && !_.startsWith(item, "#"); }
|
|
)
|
|
},
|
|
"folder": {
|
|
"uploads": self.folder_uploads(),
|
|
"timelapse": self.folder_timelapse(),
|
|
"timelapseTmp": self.folder_timelapseTmp(),
|
|
"logs": self.folder_logs(),
|
|
"watched": self.folder_watched()
|
|
},
|
|
"temperature": {
|
|
"profiles": self.temperature_profiles()
|
|
},
|
|
"system": {
|
|
"actions": self.system_actions()
|
|
},
|
|
"terminalFilters": self.terminalFilters(),
|
|
"scripts": {
|
|
"gcode": {
|
|
"beforePrintStarted": self.scripts_gcode_beforePrintStarted(),
|
|
"afterPrintDone": self.scripts_gcode_afterPrintDone(),
|
|
"afterPrintCancelled": self.scripts_gcode_afterPrintCancelled(),
|
|
"afterPrintPaused": self.scripts_gcode_afterPrintPaused(),
|
|
"beforePrintResumed": self.scripts_gcode_beforePrintResumed(),
|
|
"afterPrinterConnected": self.scripts_gcode_afterPrinterConnected()
|
|
}
|
|
}
|
|
});
|
|
|
|
$.ajax({
|
|
url: API_BASEURL + "settings",
|
|
type: "POST",
|
|
dataType: "json",
|
|
contentType: "application/json; charset=UTF-8",
|
|
data: JSON.stringify(data),
|
|
success: function(response) {
|
|
self.fromResponse(response);
|
|
self.settingsDialog.modal("hide");
|
|
}
|
|
});
|
|
};
|
|
}
|
|
|
|
OCTOPRINT_VIEWMODELS.push([
|
|
SettingsViewModel,
|
|
["loginStateViewModel", "usersViewModel", "printerProfilesViewModel"],
|
|
["#settings_dialog", "#navbar_settings"]
|
|
]);
|
|
});
|