From 65753a0539787ee0fbd02b2c4549e0d3df87e5cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gina=20H=C3=A4u=C3=9Fge?= <gina@octoprint.org>
Date: Tue, 21 Nov 2017 10:05:25 +0100
Subject: [PATCH] Convert to new viewmodel declaration

We've been supporting the new object based view model declaration
format since 1.3.0, time to move the bundled view models towards
actually using it.
---
 .../announcements/static/js/announcements.js  | 11 ++--
 .../corewizard/static/js/corewizard.js        | 50 +++++++++----------
 src/octoprint/plugins/cura/static/js/cura.js  | 11 ++--
 .../static/js/octopi_support.js               |  9 ++--
 .../pluginmanager/static/js/pluginmanager.js  | 13 +++--
 .../static/js/softwareupdate.js               | 11 ++--
 src/octoprint/static/js/app/main.js           | 13 +++--
 .../static/js/app/viewmodels/about.js         |  9 ++--
 .../static/js/app/viewmodels/appearance.js    | 10 ++--
 .../static/js/app/viewmodels/connection.js    | 10 ++--
 .../static/js/app/viewmodels/control.js       | 10 ++--
 .../static/js/app/viewmodels/files.js         |  2 +-
 .../static/js/app/viewmodels/gcode.js         | 10 ++--
 src/octoprint/static/js/app/viewmodels/log.js | 10 ++--
 .../static/js/app/viewmodels/loginstate.js    |  8 ++-
 .../static/js/app/viewmodels/navigation.js    | 10 ++--
 .../js/app/viewmodels/printerprofiles.js      |  8 ++-
 .../static/js/app/viewmodels/printerstate.js  | 10 ++--
 .../static/js/app/viewmodels/settings.js      | 10 ++--
 .../static/js/app/viewmodels/slicing.js       | 10 ++--
 .../static/js/app/viewmodels/system.js        | 10 ++--
 .../static/js/app/viewmodels/temperature.js   | 10 ++--
 .../static/js/app/viewmodels/terminal.js      | 10 ++--
 .../static/js/app/viewmodels/timelapse.js     | 10 ++--
 .../static/js/app/viewmodels/users.js         |  9 ++--
 .../static/js/app/viewmodels/usersettings.js  | 10 ++--
 .../static/js/app/viewmodels/wizard.js        | 10 ++--
 27 files changed, 146 insertions(+), 158 deletions(-)

diff --git a/src/octoprint/plugins/announcements/static/js/announcements.js b/src/octoprint/plugins/announcements/static/js/announcements.js
index ee34b32c00..b2e40b5389 100644
--- a/src/octoprint/plugins/announcements/static/js/announcements.js
+++ b/src/octoprint/plugins/announcements/static/js/announcements.js
@@ -338,10 +338,9 @@ $(function() {
 
     }
 
-    // view model class, parameters for constructor, container to bind to
-    ADDITIONAL_VIEWMODELS.push([
-        AnnouncementsViewModel,
-        ["loginStateViewModel", "settingsViewModel"],
-        ["#plugin_announcements_dialog", "#settings_plugin_announcements", "#navbar_plugin_announcements"]
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: AnnouncementsViewModel,
+        dependencies: ["loginStateViewModel", "settingsViewModel"],
+        elements: ["#plugin_announcements_dialog", "#settings_plugin_announcements", "#navbar_plugin_announcements"]
+    });
 });
diff --git a/src/octoprint/plugins/corewizard/static/js/corewizard.js b/src/octoprint/plugins/corewizard/static/js/corewizard.js
index b96d92e295..1c8f41b7d5 100644
--- a/src/octoprint/plugins/corewizard/static/js/corewizard.js
+++ b/src/octoprint/plugins/corewizard/static/js/corewizard.js
@@ -321,29 +321,29 @@ $(function() {
         };
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        CoreWizardAclViewModel,
-        ["loginStateViewModel"],
-        "#wizard_plugin_corewizard_acl"
-    ], [
-        CoreWizardWebcamViewModel,
-        ["settingsViewModel"],
-        "#wizard_plugin_corewizard_webcam"
-    ], [
-        CoreWizardServerCommandsViewModel,
-        ["settingsViewModel"],
-        "#wizard_plugin_corewizard_servercommands"
-    ], [
-        CoreWizardOnlineCheckViewModel,
-        ["settingsViewModel"],
-        "#wizard_plugin_corewizard_onlinecheck"
-    ], [
-        CoreWizardPluginBlacklistViewModel,
-        ["settingsViewModel"],
-        "#wizard_plugin_corewizard_pluginblacklist"
-    ], [
-        CoreWizardPrinterProfileViewModel,
-        ["printerProfilesViewModel"],
-        "#wizard_plugin_corewizard_printerprofile"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: CoreWizardAclViewModel,
+        dependencies: ["loginStateViewModel"],
+        elements: ["#wizard_plugin_corewizard_acl"]
+    }, {
+        construct: CoreWizardWebcamViewModel,
+        dependencies: ["settingsViewModel"],
+        elements: ["#wizard_plugin_corewizard_webcam"]
+    }, {
+        construct: CoreWizardServerCommandsViewModel,
+        dependencies: ["settingsViewModel"],
+        elements: ["#wizard_plugin_corewizard_servercommands"]
+    }, {
+        construct: CoreWizardOnlineCheckViewModel,
+        dependencies: ["settingsViewModel"],
+        elements: ["#wizard_plugin_corewizard_onlinecheck"]
+    }, {
+        construct: CoreWizardPluginBlacklistViewModel,
+        dependencies: ["settingsViewModel"],
+        elements: ["#wizard_plugin_corewizard_pluginblacklist"]
+    }, {
+        construct: CoreWizardPrinterProfileViewModel,
+        dependencies: ["printerProfilesViewModel"],
+        elements: ["#wizard_plugin_corewizard_printerprofile"]
+    });
 });
diff --git a/src/octoprint/plugins/cura/static/js/cura.js b/src/octoprint/plugins/cura/static/js/cura.js
index 78b30bfdc2..a435065cb1 100644
--- a/src/octoprint/plugins/cura/static/js/cura.js
+++ b/src/octoprint/plugins/cura/static/js/cura.js
@@ -311,10 +311,9 @@ $(function() {
         };
     }
 
-    // view model class, parameters for constructor, container to bind to
-    OCTOPRINT_VIEWMODELS.push([
-        CuraViewModel,
-        ["loginStateViewModel", "settingsViewModel", "slicingViewModel"],
-        ["#settings_plugin_cura", "#wizard_plugin_cura"]
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: CuraViewModel,
+        dependencies: ["loginStateViewModel", "settingsViewModel", "slicingViewModel"],
+        elements: ["#settings_plugin_cura", "#wizard_plugin_cura"]
+    });
 });
diff --git a/src/octoprint/plugins/octopi_support/static/js/octopi_support.js b/src/octoprint/plugins/octopi_support/static/js/octopi_support.js
index 4d091e1f92..b27e32c964 100644
--- a/src/octoprint/plugins/octopi_support/static/js/octopi_support.js
+++ b/src/octoprint/plugins/octopi_support/static/js/octopi_support.js
@@ -44,10 +44,7 @@ $(function() {
         };
     }
 
-    // view model class, parameters for constructor, container to bind to
-    ADDITIONAL_VIEWMODELS.push([
-        OctoPiSupportViewModel,
-        [],
-        []
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: OctoPiSupportViewModel
+    });
 });
diff --git a/src/octoprint/plugins/pluginmanager/static/js/pluginmanager.js b/src/octoprint/plugins/pluginmanager/static/js/pluginmanager.js
index 8675addafe..d658aa1d0f 100644
--- a/src/octoprint/plugins/pluginmanager/static/js/pluginmanager.js
+++ b/src/octoprint/plugins/pluginmanager/static/js/pluginmanager.js
@@ -1265,17 +1265,16 @@ $(function() {
 
         self._forcedStdoutLine = /You are using pip version .*?, however version .*? is available\.|You should consider upgrading via the '.*?' command\./;
         self._preprocessLine = function(line) {
-            if (line.stream == "stderr" && line.line.match(self._forcedStdoutLine)) {
+            if (line.stream === "stderr" && line.line.match(self._forcedStdoutLine)) {
                 line.stream = "stdout";
             }
             return line;
         }
     }
 
-    // view model class, parameters for constructor, container to bind to
-    ADDITIONAL_VIEWMODELS.push([
-        PluginManagerViewModel,
-        ["loginStateViewModel", "settingsViewModel", "printerStateViewModel", "systemViewModel"],
-        "#settings_plugin_pluginmanager"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: PluginManagerViewModel,
+        dependencies: ["loginStateViewModel", "settingsViewModel", "printerStateViewModel", "systemViewModel"],
+        elements: ["#settings_plugin_pluginmanager"]
+    });
 });
diff --git a/src/octoprint/plugins/softwareupdate/static/js/softwareupdate.js b/src/octoprint/plugins/softwareupdate/static/js/softwareupdate.js
index 8b5a3c87e4..60e962bb87 100644
--- a/src/octoprint/plugins/softwareupdate/static/js/softwareupdate.js
+++ b/src/octoprint/plugins/softwareupdate/static/js/softwareupdate.js
@@ -837,10 +837,9 @@ $(function() {
         }
     }
 
-    // view model class, parameters for constructor, container to bind to
-    ADDITIONAL_VIEWMODELS.push([
-        SoftwareUpdateViewModel,
-        ["loginStateViewModel", "printerStateViewModel", "settingsViewModel"],
-        ["#settings_plugin_softwareupdate", "#softwareupdate_confirmation_dialog", "#wizard_plugin_softwareupdate"]
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: SoftwareUpdateViewModel,
+        dependencies: ["loginStateViewModel", "printerStateViewModel", "settingsViewModel"],
+        elements: ["#settings_plugin_softwareupdate", "#softwareupdate_confirmation_dialog", "#wizard_plugin_softwareupdate"]
+    });
 });
diff --git a/src/octoprint/static/js/app/main.js b/src/octoprint/static/js/app/main.js
index 9cd10d6a47..d00ccd9c09 100644
--- a/src/octoprint/static/js/app/main.js
+++ b/src/octoprint/static/js/app/main.js
@@ -322,11 +322,14 @@ $(function() {
                 // no alternative names? empty array
                 viewModel.additionalNames = viewModel.additionalNames || [];
 
-                // make sure all value's are in an array
-                viewModel.dependencies = (_.isArray(viewModel.dependencies)) ? viewModel.dependencies : [viewModel.dependencies];
-                viewModel.elements = (_.isArray(viewModel.elements)) ? viewModel.elements : [viewModel.elements];
-                viewModel.optional = (_.isArray(viewModel.optional)) ? viewModel.optional : [viewModel.optional];
-                viewModel.additionalNames = (_.isArray(viewModel.additionalNames)) ? viewModel.additionalNames : [viewModel.additionalNames];
+                // make sure all value's are set and in an array
+                _.each(["dependencies", "elements", "optional", "additionalNames"], function(key) {
+                    if (viewModel[key] === undefined) {
+                        viewModel[key] = [];
+                    } else {
+                        viewModel[key] = (_.isArray(viewModel[key])) ? viewModel[key] : [viewModel[key]];
+                    }
+                });
 
                 // make sure that we don't have two view models going by the same name
                 if (_.has(viewModelMap, viewModel.name)) {
diff --git a/src/octoprint/static/js/app/viewmodels/about.js b/src/octoprint/static/js/app/viewmodels/about.js
index 73e0307e96..75423d28de 100644
--- a/src/octoprint/static/js/app/viewmodels/about.js
+++ b/src/octoprint/static/js/app/viewmodels/about.js
@@ -37,9 +37,8 @@ $(function() {
         };
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        AboutViewModel,
-        [],
-        ["#about_dialog", "#footer_about"]
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: AboutViewModel,
+        elements: ["#about_dialog", "#footer_about"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/appearance.js b/src/octoprint/static/js/app/viewmodels/appearance.js
index 6753c0ff79..75c1c527a0 100644
--- a/src/octoprint/static/js/app/viewmodels/appearance.js
+++ b/src/octoprint/static/js/app/viewmodels/appearance.js
@@ -28,9 +28,9 @@ $(function() {
         });
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        AppearanceViewModel,
-        ["settingsViewModel"],
-        "head"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: AppearanceViewModel,
+        dependencies: ["settingsViewModel"],
+        elements: ["head"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/connection.js b/src/octoprint/static/js/app/viewmodels/connection.js
index 2b383913a7..bfdf03bfb4 100644
--- a/src/octoprint/static/js/app/viewmodels/connection.js
+++ b/src/octoprint/static/js/app/viewmodels/connection.js
@@ -143,9 +143,9 @@ $(function() {
         };
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        ConnectionViewModel,
-        ["loginStateViewModel", "settingsViewModel", "printerProfilesViewModel"],
-        "#connection_wrapper"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: ConnectionViewModel,
+        dependencies: ["loginStateViewModel", "settingsViewModel", "printerProfilesViewModel"],
+        elements: ["#connection_wrapper"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/control.js b/src/octoprint/static/js/app/viewmodels/control.js
index 4950af7b67..0f38329dee 100644
--- a/src/octoprint/static/js/app/viewmodels/control.js
+++ b/src/octoprint/static/js/app/viewmodels/control.js
@@ -554,9 +554,9 @@ $(function() {
 
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        ControlViewModel,
-        ["loginStateViewModel", "settingsViewModel"],
-        "#control"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: ControlViewModel,
+        dependencies: ["loginStateViewModel", "settingsViewModel"],
+        elements: ["#control"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/files.js b/src/octoprint/static/js/app/viewmodels/files.js
index e2a9e3f332..812ec99d09 100644
--- a/src/octoprint/static/js/app/viewmodels/files.js
+++ b/src/octoprint/static/js/app/viewmodels/files.js
@@ -1171,6 +1171,6 @@ $(function() {
         name: "filesViewModel",
         additionalNames: ["gcodeFilesViewModel"],
         dependencies: ["settingsViewModel", "loginStateViewModel", "printerStateViewModel", "slicingViewModel", "printerProfilesViewModel"],
-        elements: ["#files_wrapper", "#add_folder_dialog"],
+        elements: ["#files_wrapper", "#add_folder_dialog"]
     });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/gcode.js b/src/octoprint/static/js/app/viewmodels/gcode.js
index e583679917..e0461f8e8f 100644
--- a/src/octoprint/static/js/app/viewmodels/gcode.js
+++ b/src/octoprint/static/js/app/viewmodels/gcode.js
@@ -742,9 +742,9 @@ $(function() {
         };
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        GcodeViewModel,
-        ["loginStateViewModel", "settingsViewModel"],
-        "#gcode"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: GcodeViewModel,
+        dependencies: ["loginStateViewModel", "settingsViewModel"],
+        elements: ["#gcode"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/log.js b/src/octoprint/static/js/app/viewmodels/log.js
index 5f2bedbd8a..5fa7174f70 100644
--- a/src/octoprint/static/js/app/viewmodels/log.js
+++ b/src/octoprint/static/js/app/viewmodels/log.js
@@ -58,9 +58,9 @@ $(function() {
         };
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        LogViewModel,
-        ["loginStateViewModel"],
-        "#logs"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: LogViewModel,
+        dependencies: ["loginStateViewModel"],
+        elements: ["#logs"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/loginstate.js b/src/octoprint/static/js/app/viewmodels/loginstate.js
index 158ad7902c..556bb8aa8f 100644
--- a/src/octoprint/static/js/app/viewmodels/loginstate.js
+++ b/src/octoprint/static/js/app/viewmodels/loginstate.js
@@ -200,9 +200,7 @@ $(function() {
         };
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        LoginStateViewModel,
-        [],
-        []
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: LoginStateViewModel
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/navigation.js b/src/octoprint/static/js/app/viewmodels/navigation.js
index fe6aaed14c..fe72f778d2 100644
--- a/src/octoprint/static/js/app/viewmodels/navigation.js
+++ b/src/octoprint/static/js/app/viewmodels/navigation.js
@@ -18,9 +18,9 @@ $(function() {
 
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        NavigationViewModel,
-        ["loginStateViewModel", "appearanceViewModel", "settingsViewModel", "userSettingsViewModel", "systemViewModel"],
-        "#navbar"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: NavigationViewModel,
+        dependencies: ["loginStateViewModel", "appearanceViewModel", "settingsViewModel", "userSettingsViewModel", "systemViewModel"],
+        elements: ["#navbar"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/printerprofiles.js b/src/octoprint/static/js/app/viewmodels/printerprofiles.js
index 368f80ce1b..ad9a958973 100644
--- a/src/octoprint/static/js/app/viewmodels/printerprofiles.js
+++ b/src/octoprint/static/js/app/viewmodels/printerprofiles.js
@@ -597,9 +597,7 @@ $(function() {
         self.onStartup = self.requestData;
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        PrinterProfilesViewModel,
-        [],
-        []
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: PrinterProfilesViewModel
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/printerstate.js b/src/octoprint/static/js/app/viewmodels/printerstate.js
index f59db8aa74..5b4b905cd1 100644
--- a/src/octoprint/static/js/app/viewmodels/printerstate.js
+++ b/src/octoprint/static/js/app/viewmodels/printerstate.js
@@ -309,9 +309,9 @@ $(function() {
         };
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        PrinterStateViewModel,
-        ["loginStateViewModel", "settingsViewModel"],
-        ["#state_wrapper", "#drop_overlay"]
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: PrinterStateViewModel,
+        dependencies: ["loginStateViewModel", "settingsViewModel"],
+        elements: ["#state_wrapper", "#drop_overlay"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/settings.js b/src/octoprint/static/js/app/viewmodels/settings.js
index 57b4487a1c..fd93ef446b 100644
--- a/src/octoprint/static/js/app/viewmodels/settings.js
+++ b/src/octoprint/static/js/app/viewmodels/settings.js
@@ -948,9 +948,9 @@ $(function() {
         }
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        SettingsViewModel,
-        ["loginStateViewModel", "usersViewModel", "printerProfilesViewModel", "aboutViewModel"],
-        ["#settings_dialog", "#navbar_settings"]
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: SettingsViewModel,
+        dependencies: ["loginStateViewModel", "usersViewModel", "printerProfilesViewModel", "aboutViewModel"],
+        elements: ["#settings_dialog", "#navbar_settings"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/slicing.js b/src/octoprint/static/js/app/viewmodels/slicing.js
index 47b16995d0..1694531090 100644
--- a/src/octoprint/static/js/app/viewmodels/slicing.js
+++ b/src/octoprint/static/js/app/viewmodels/slicing.js
@@ -313,9 +313,9 @@ $(function() {
         };
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        SlicingViewModel,
-        ["loginStateViewModel", "printerProfilesViewModel", "printerStateViewModel"],
-        "#slicing_configuration_dialog"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: SlicingViewModel,
+        dependencies: ["loginStateViewModel", "printerProfilesViewModel", "printerStateViewModel"],
+        elements: ["#slicing_configuration_dialog"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/system.js b/src/octoprint/static/js/app/viewmodels/system.js
index 7637c04ac7..5021aa82be 100644
--- a/src/octoprint/static/js/app/viewmodels/system.js
+++ b/src/octoprint/static/js/app/viewmodels/system.js
@@ -110,10 +110,8 @@ $(function() {
         };
     }
 
-    // view model class, parameters for constructor, container to bind to
-    ADDITIONAL_VIEWMODELS.push([
-        SystemViewModel,
-        ["loginStateViewModel"],
-        []
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: SystemViewModel,
+        dependencies: ["loginStateViewModel"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/temperature.js b/src/octoprint/static/js/app/viewmodels/temperature.js
index 11b521730d..a9957f92aa 100644
--- a/src/octoprint/static/js/app/viewmodels/temperature.js
+++ b/src/octoprint/static/js/app/viewmodels/temperature.js
@@ -773,9 +773,9 @@ $(function() {
 
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        TemperatureViewModel,
-        ["loginStateViewModel", "settingsViewModel"],
-        ["#temp", "#change_offset_dialog"]
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: TemperatureViewModel,
+        dependencies: ["loginStateViewModel", "settingsViewModel"],
+        elements: ["#temp", "#change_offset_dialog"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/terminal.js b/src/octoprint/static/js/app/viewmodels/terminal.js
index cee5f4f8d3..0140e6e15b 100644
--- a/src/octoprint/static/js/app/viewmodels/terminal.js
+++ b/src/octoprint/static/js/app/viewmodels/terminal.js
@@ -393,9 +393,9 @@ $(function() {
 
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        TerminalViewModel,
-        ["loginStateViewModel", "settingsViewModel"],
-        "#term"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: TerminalViewModel,
+        dependencies: ["loginStateViewModel", "settingsViewModel"],
+        elements: ["#term"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/timelapse.js b/src/octoprint/static/js/app/viewmodels/timelapse.js
index a2b65374e1..5599f7f123 100644
--- a/src/octoprint/static/js/app/viewmodels/timelapse.js
+++ b/src/octoprint/static/js/app/viewmodels/timelapse.js
@@ -533,9 +533,9 @@ $(function() {
         };
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        TimelapseViewModel,
-        ["loginStateViewModel"],
-        "#timelapse"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: TimelapseViewModel,
+        dependencies: ["loginStateViewModel"],
+        elements: ["#timelapse"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/users.js b/src/octoprint/static/js/app/viewmodels/users.js
index adb733d161..7060961d4e 100644
--- a/src/octoprint/static/js/app/viewmodels/users.js
+++ b/src/octoprint/static/js/app/viewmodels/users.js
@@ -227,9 +227,8 @@ $(function() {
         }
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        UsersViewModel,
-        ["loginStateViewModel"],
-        []
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: UsersViewModel,
+        dependencies: ["loginStateViewModel"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/usersettings.js b/src/octoprint/static/js/app/viewmodels/usersettings.js
index 7f7374c677..b6d2be807a 100644
--- a/src/octoprint/static/js/app/viewmodels/usersettings.js
+++ b/src/octoprint/static/js/app/viewmodels/usersettings.js
@@ -126,9 +126,9 @@ $(function() {
 
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        UserSettingsViewModel,
-        ["loginStateViewModel", "usersViewModel"],
-        ["#usersettings_dialog"]
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: UserSettingsViewModel,
+        dependencies: ["loginStateViewModel", "usersViewModel"],
+        elements: ["#usersettings_dialog"]
+    });
 });
diff --git a/src/octoprint/static/js/app/viewmodels/wizard.js b/src/octoprint/static/js/app/viewmodels/wizard.js
index 72c965ed44..45226d65a8 100644
--- a/src/octoprint/static/js/app/viewmodels/wizard.js
+++ b/src/octoprint/static/js/app/viewmodels/wizard.js
@@ -220,9 +220,9 @@ $(function() {
         }
     }
 
-    OCTOPRINT_VIEWMODELS.push([
-        WizardViewModel,
-        ["loginStateViewModel", "settingsViewModel"],
-        "#wizard_dialog"
-    ]);
+    OCTOPRINT_VIEWMODELS.push({
+        construct: WizardViewModel,
+        dependencies: ["loginStateViewModel", "settingsViewModel"],
+        elements: ["#wizard_dialog"]
+    });
 });