CURA-5137 Rename Plugin Browser into Toolbox

plugins/Toolbox/Toolbox/Toolbox.py

@@ -0,0 +1,417 @@
+# Copyright (c) 2018 Ultimaker B.V.
+# Toolbox is released under the terms of the LGPLv3 or higher.
+
+from PyQt5.QtCore import QUrl, QObject, pyqtProperty, pyqtSignal, pyqtSlot
+from PyQt5.QtNetwork import QNetworkAccessManager, QNetworkRequest, QNetworkReply
+
+from UM.Application import Application
+from UM.Logger import Logger
+from UM.PluginRegistry import PluginRegistry
+from UM.Qt.Bindings.PluginsModel import PluginsModel
+from UM.Extension import Extension
+from UM.i18n import i18nCatalog
+
+from UM.Version import Version
+from UM.Message import Message
+
+import json
+import os
+import tempfile
+import platform
+import zipfile
+
+from cura.CuraApplication import CuraApplication
+
+i18n_catalog = i18nCatalog("cura")
+
+class Toolbox(QObject, Extension):
+    def __init__(self, parent=None):
+        super().__init__(parent)
+
+        self._api_version = 4
+        self._api_url = "http://software.ultimaker.com/cura/v%s/" % self._api_version
+
+        self._plugin_list_request = None
+        self._download_plugin_request = None
+
+        self._download_plugin_reply = None
+
+        self._network_manager = None
+        self._plugin_registry = Application.getInstance().getPluginRegistry()
+
+        self._plugins_metadata = []
+        self._plugins_model = None
+
+        # Can be 'installed' or 'available'
+        self._view = "available"
+        self._detail_view = ""
+
+        self._restart_required = False
+
+        self._dialog = None
+        self._restartDialog = None
+        self._download_progress = 0
+
+        self._is_downloading = False
+
+        self._request_header = [b"User-Agent",
+                                str.encode("%s/%s (%s %s)" % (Application.getInstance().getApplicationName(),
+                                                              Application.getInstance().getVersion(),
+                                                              platform.system(),
+                                                              platform.machine(),
+                                                             )
+                                          )
+                               ]
+
+        # Installed plugins are really installed after reboot. In order to
+        # prevent the user from downloading the same file over and over again,
+        # we keep track of the upgraded plugins.
+
+        # NOTE: This will be depreciated in favor of the 'status' system.
+        self._newly_installed_plugin_ids = []
+        self._newly_uninstalled_plugin_ids = []
+
+        self._plugin_statuses = {} # type: Dict[str, str]
+
+        # variables for the license agreement dialog
+        self._license_dialog_plugin_name = ""
+        self._license_dialog_license_content = ""
+        self._license_dialog_plugin_file_location = ""
+        self._restart_dialog_message = ""
+
+    showLicenseDialog = pyqtSignal()
+    showRestartDialog = pyqtSignal()
+    pluginsMetadataChanged = pyqtSignal()
+    onDownloadProgressChanged = pyqtSignal()
+    onIsDownloadingChanged = pyqtSignal()
+    restartRequiredChanged = pyqtSignal()
+    viewChanged = pyqtSignal()
+    detailViewChanged = pyqtSignal()
+
+    @pyqtSlot(result = str)
+    def getLicenseDialogPluginName(self):
+        return self._license_dialog_plugin_name
+
+    @pyqtSlot(result = str)
+    def getLicenseDialogPluginFileLocation(self):
+        return self._license_dialog_plugin_file_location
+
+    @pyqtSlot(result = str)
+    def getLicenseDialogLicenseContent(self):
+        return self._license_dialog_license_content
+
+    @pyqtSlot(result = str)
+    def getRestartDialogMessage(self):
+        return self._restart_dialog_message
+
+    def openLicenseDialog(self, plugin_name, license_content, plugin_file_location):
+        self._license_dialog_plugin_name = plugin_name
+        self._license_dialog_license_content = license_content
+        self._license_dialog_plugin_file_location = plugin_file_location
+        self.showLicenseDialog.emit()
+
+    def openRestartDialog(self, message):
+        self._restart_dialog_message = message
+        self.showRestartDialog.emit()
+
+    @pyqtProperty(bool, notify = onIsDownloadingChanged)
+    def isDownloading(self):
+        return self._is_downloading
+
+    @pyqtSlot()
+    def browsePlugins(self):
+        self._createNetworkManager()
+        self.requestPluginList()
+
+        if not self._dialog:
+            self._dialog = self._createDialog("PluginBrowser.qml")
+        self._dialog.show()
+
+    @pyqtSlot()
+    def requestPluginList(self):
+        Logger.log("i", "Requesting plugin list")
+        url = QUrl(self._api_url + "plugins")
+        self._plugin_list_request = QNetworkRequest(url)
+        self._plugin_list_request.setRawHeader(*self._request_header)
+        self._network_manager.get(self._plugin_list_request)
+
+    def _createDialog(self, qml_name):
+        Logger.log("d", "Creating dialog [%s]", qml_name)
+        path = os.path.join(PluginRegistry.getInstance().getPluginPath(self.getPluginId()), "resources", "qml", qml_name)
+        Logger.log("d", "Creating dialog [%s]", path)
+        dialog = Application.getInstance().createQmlComponent(path, {"manager": self})
+        return dialog
+
+    def setIsDownloading(self, is_downloading):
+        if self._is_downloading != is_downloading:
+            self._is_downloading = is_downloading
+            self.onIsDownloadingChanged.emit()
+
+    def _onDownloadPluginProgress(self, bytes_sent, bytes_total):
+        if bytes_total > 0:
+            new_progress = bytes_sent / bytes_total * 100
+            self.setDownloadProgress(new_progress)
+            if new_progress == 100.0:
+                self.setIsDownloading(False)
+                self._download_plugin_reply.downloadProgress.disconnect(self._onDownloadPluginProgress)
+
+                # must not delete the temporary file on Windows
+                self._temp_plugin_file = tempfile.NamedTemporaryFile(mode = "w+b", suffix = ".curaplugin", delete = False)
+                location = self._temp_plugin_file.name
+
+                # write first and close, otherwise on Windows, it cannot read the file
+                self._temp_plugin_file.write(self._download_plugin_reply.readAll())
+                self._temp_plugin_file.close()
+
+                self._checkPluginLicenseOrInstall(location)
+                return
+
+    ##  Checks if the downloaded plugin ZIP file contains a license file or not.
+    #   If it does, it will show a popup dialog displaying the license to the user. The plugin will be installed if the
+    #   user accepts the license.
+    #   If there is no license file, the plugin will be directory installed.
+    def _checkPluginLicenseOrInstall(self, file_path):
+        with zipfile.ZipFile(file_path, "r") as zip_ref:
+            plugin_id = None
+            for file in zip_ref.infolist():
+                if file.filename.endswith("/"):
+                    plugin_id = file.filename.strip("/")
+                    break
+
+            if plugin_id is None:
+                msg = i18n_catalog.i18nc("@info:status", "Failed to get plugin ID from <filename>{0}</filename>", file_path)
+                msg_title = i18n_catalog.i18nc("@info:tile", "Warning")
+                self._progress_message = Message(msg, lifetime=0, dismissable=False, title = msg_title)
+                return
+
+            # find a potential license file
+            plugin_root_dir = plugin_id + "/"
+            license_file = None
+            for f in zip_ref.infolist():
+                # skip directories (with file_size = 0) and files not in the plugin directory
+                if f.file_size == 0 or not f.filename.startswith(plugin_root_dir):
+                    continue
+                file_name = os.path.basename(f.filename).lower()
+                file_base_name, file_ext = os.path.splitext(file_name)
+                if file_base_name in ["license", "licence"]:
+                    license_file = f.filename
+                    break
+
+            # show a dialog for user to read and accept/decline the license
+            if license_file is not None:
+                Logger.log("i", "Found license file for plugin [%s], showing the license dialog to the user", plugin_id)
+                license_content = zip_ref.read(license_file).decode('utf-8')
+                self.openLicenseDialog(plugin_id, license_content, file_path)
+                return
+
+        # there is no license file, directly install the plugin
+        self.installPlugin(file_path)
+
+    @pyqtSlot(str)
+    def installPlugin(self, file_path):
+        # Ensure that it starts with a /, as otherwise it doesn't work on windows.
+        if not file_path.startswith("/"):
+            location = "/" + file_path
+        else:
+            location = file_path
+
+        result = PluginRegistry.getInstance().installPlugin("file://" + location)
+
+        self._newly_installed_plugin_ids.append(result["id"])
+        self.pluginsMetadataChanged.emit()
+
+        self.openRestartDialog(result["message"])
+        self._restart_required = True
+        self.restartRequiredChanged.emit()
+        # Application.getInstance().messageBox(i18n_catalog.i18nc("@window:title", "Plugin browser"), result["message"])
+
+    @pyqtSlot(str)
+    def removePlugin(self, plugin_id):
+        result = PluginRegistry.getInstance().uninstallPlugin(plugin_id)
+
+        self._newly_uninstalled_plugin_ids.append(result["id"])
+        self.pluginsMetadataChanged.emit()
+
+        self._restart_required = True
+        self.restartRequiredChanged.emit()
+
+        Application.getInstance().messageBox(i18n_catalog.i18nc("@window:title", "Plugin browser"), result["message"])
+
+    @pyqtSlot(str)
+    def enablePlugin(self, plugin_id):
+        self._plugin_registry.enablePlugin(plugin_id)
+        self.pluginsMetadataChanged.emit()
+        Logger.log("i", "%s was set as 'active'", id)
+
+    @pyqtSlot(str)
+    def disablePlugin(self, plugin_id):
+        self._plugin_registry.disablePlugin(plugin_id)
+        self.pluginsMetadataChanged.emit()
+        Logger.log("i", "%s was set as 'deactive'", id)
+
+    @pyqtProperty(int, notify = onDownloadProgressChanged)
+    def downloadProgress(self):
+        return self._download_progress
+
+    def setDownloadProgress(self, progress):
+        if progress != self._download_progress:
+            self._download_progress = progress
+            self.onDownloadProgressChanged.emit()
+
+    @pyqtSlot(str)
+    def downloadAndInstallPlugin(self, url):
+        Logger.log("i", "Attempting to download & install plugin from %s", url)
+        url = QUrl(url)
+        self._download_plugin_request = QNetworkRequest(url)
+        self._download_plugin_request.setRawHeader(*self._request_header)
+        self._download_plugin_reply = self._network_manager.get(self._download_plugin_request)
+        self.setDownloadProgress(0)
+        self.setIsDownloading(True)
+        self._download_plugin_reply.downloadProgress.connect(self._onDownloadPluginProgress)
+
+    @pyqtSlot()
+    def cancelDownload(self):
+        Logger.log("i", "user cancelled the download of a plugin")
+        self._download_plugin_reply.abort()
+        self._download_plugin_reply.downloadProgress.disconnect(self._onDownloadPluginProgress)
+        self._download_plugin_reply = None
+        self._download_plugin_request = None
+
+        self.setDownloadProgress(0)
+        self.setIsDownloading(False)
+
+    @pyqtSlot(str)
+    def setView(self, view = "available"):
+        self._view = view
+        self.viewChanged.emit()
+        self.pluginsMetadataChanged.emit()
+
+    @pyqtProperty(str, notify = viewChanged)
+    def viewing(self):
+        return self._view
+
+    @pyqtSlot(str)
+    def setDetailView(self, item = ""):
+        self._detail_view = item
+        self.detailViewChanged.emit()
+        self.pluginsMetadataChanged.emit()
+
+    @pyqtProperty(str, notify = detailViewChanged)
+    def detailView(self):
+        return self._detail_view
+
+    @pyqtProperty(QObject, notify = pluginsMetadataChanged)
+    def pluginsModel(self):
+        self._plugins_model = PluginsModel(None, self._view)
+        # self._plugins_model.update()
+
+        # Check each plugin the registry for matching plugin from server
+        # metadata, and if found, compare the versions. Higher version sets
+        # 'can_upgrade' to 'True':
+        for plugin in self._plugins_model.items:
+            if self._checkCanUpgrade(plugin["id"], plugin["version"]):
+                plugin["can_upgrade"] = True
+
+                for item in self._plugins_metadata:
+                    if item["id"] == plugin["id"]:
+                        plugin["update_url"] = item["file_location"]
+
+        return self._plugins_model
+
+
+
+    def _checkCanUpgrade(self, id, version):
+
+        # TODO: This could maybe be done more efficiently using a dictionary...
+
+        # Scan plugin server data for plugin with the given id:
+        for plugin in self._plugins_metadata:
+            if id == plugin["id"]:
+                reg_version = Version(version)
+                new_version = Version(plugin["version"])
+                if new_version > reg_version:
+                    Logger.log("i", "%s has an update availible: %s", plugin["id"], plugin["version"])
+                    return True
+        return False
+
+    def _checkAlreadyInstalled(self, id):
+        metadata = self._plugin_registry.getMetaData(id)
+        # We already installed this plugin, but the registry just doesn't know it yet.
+        if id in self._newly_installed_plugin_ids:
+            return True
+        # We already uninstalled this plugin, but the registry just doesn't know it yet:
+        elif id in self._newly_uninstalled_plugin_ids:
+            return False
+        elif metadata != {}:
+            return True
+        else:
+            return False
+
+    def _checkInstallStatus(self, plugin_id):
+        if plugin_id in self._plugin_registry.getInstalledPlugins():
+            return "installed"
+        else:
+            return "uninstalled"
+
+    def _checkEnabled(self, id):
+        if id in self._plugin_registry.getActivePlugins():
+            return True
+        return False
+
+    def _onRequestFinished(self, reply):
+        reply_url = reply.url().toString()
+        if reply.error() == QNetworkReply.TimeoutError:
+            Logger.log("w", "Got a timeout.")
+            # Reset everything.
+            self.setDownloadProgress(0)
+            self.setIsDownloading(False)
+            if self._download_plugin_reply:
+                self._download_plugin_reply.downloadProgress.disconnect(self._onDownloadPluginProgress)
+                self._download_plugin_reply.abort()
+                self._download_plugin_reply = None
+            return
+        elif reply.error() == QNetworkReply.HostNotFoundError:
+            Logger.log("w", "Unable to reach server.")
+            return
+
+        if reply.operation() == QNetworkAccessManager.GetOperation:
+            if reply_url == self._api_url + "plugins":
+                try:
+                    json_data = json.loads(bytes(reply.readAll()).decode("utf-8"))
+
+                    # Add metadata to the manager:
+                    self._plugins_metadata = json_data
+                    self._plugin_registry.addExternalPlugins(self._plugins_metadata)
+                    self.pluginsMetadataChanged.emit()
+                except json.decoder.JSONDecodeError:
+                    Logger.log("w", "Received an invalid print job state message: Not valid JSON.")
+                    return
+        else:
+            # Ignore any operation that is not a get operation
+            pass
+
+    def _onNetworkAccesibleChanged(self, accessible):
+        if accessible == 0:
+            self.setDownloadProgress(0)
+            self.setIsDownloading(False)
+            if self._download_plugin_reply:
+                self._download_plugin_reply.downloadProgress.disconnect(self._onDownloadPluginProgress)
+                self._download_plugin_reply.abort()
+                self._download_plugin_reply = None
+
+    def _createNetworkManager(self):
+        if self._network_manager:
+            self._network_manager.finished.disconnect(self._onRequestFinished)
+            self._network_manager.networkAccessibleChanged.disconnect(self._onNetworkAccesibleChanged)
+
+        self._network_manager = QNetworkAccessManager()
+        self._network_manager.finished.connect(self._onRequestFinished)
+        self._network_manager.networkAccessibleChanged.connect(self._onNetworkAccesibleChanged)
+
+    @pyqtProperty(bool, notify = restartRequiredChanged)
+    def restartRequired(self):
+        return self._restart_required
+
+    @pyqtSlot()
+    def restart(self):
+        CuraApplication.getInstance().windowClosed()

plugins/Toolbox/__init__.py

@@ -0,0 +1,12 @@
+# Copyright (c) 2018 Ultimaker B.V.
+# Toolbox is released under the terms of the LGPLv3 or higher.
+
+from .Toolbox import Toolbox
+
+
+def getMetaData():
+    return {}
+
+
+def register(app):
+    return {"extension": Toolbox.Toolbox()}

plugins/Toolbox/plugin.json

@@ -0,0 +1,7 @@
+{
+    "name": "Toolbox",
+    "author": "Ultimaker B.V.",
+    "version": "1.0.0",
+    "api": 4,
+    "description": "Find, manage and install new cura packages."
+}

plugins/Toolbox/resources/qml/PluginBrowser.qml

@@ -0,0 +1,112 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.2
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+
+// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
+
+import UM 1.1 as UM
+
+Window
+    {
+    id: base
+    title: catalog.i18nc("@title:tab", "Plugins");
+    width: 800 * screenScaleFactor
+    height: 640 * screenScaleFactor
+    minimumWidth: 800 * screenScaleFactor
+    maximumWidth: 800 * screenScaleFactor
+    minimumHeight: 350 * screenScaleFactor
+    color: UM.Theme.getColor("sidebar")
+    Item
+    {
+        id: view
+        anchors.fill: parent
+        ToolboxHeader
+        {
+            id: topBar
+        }
+        Rectangle
+        {
+            id: mainView
+            width: parent.width
+            anchors
+            {
+                top: topBar.bottom
+                bottom: bottomBar.top
+            }
+            ToolboxViewDownloads
+            {
+                id: viewDownloads
+                visible: manager.viewing == "available" && manager.detailView == "" ? true : false
+            }
+
+            ToolboxViewDetail
+            {
+                id: viewDetail
+                visible: manager.viewing == "available" && manager.detailView != "" ? true : false
+            }
+            ToolboxViewInstalled
+            {
+                id: installedPluginList
+                visible: manager.viewing == "installed" ? true : false
+            }
+        }
+        SectionShadow
+        {
+            anchors
+            {
+                top: topBar.bottom
+            }
+        }
+        ToolboxFooter
+        {
+            id: bottomBar
+        }
+        SectionShadow
+        {
+            anchors
+            {
+                top: bottomBar.top
+            }
+        }
+
+
+
+
+        UM.I18nCatalog { id: catalog; name: "cura" }
+
+        Connections
+        {
+            target: manager
+            onShowLicenseDialog:
+            {
+                licenseDialog.pluginName = manager.getLicenseDialogPluginName();
+                licenseDialog.licenseContent = manager.getLicenseDialogLicenseContent();
+                licenseDialog.pluginFileLocation = manager.getLicenseDialogPluginFileLocation();
+                licenseDialog.show();
+            }
+        }
+        Connections
+        {
+            target: manager
+            onShowRestartDialog:
+            {
+                restartDialog.message = manager.getRestartDialogMessage();
+                restartDialog.show();
+            }
+        }
+        ToolboxLicenseDialog
+        {
+            id: licenseDialog
+        }
+
+        ToolboxRestartDialog
+        {
+            id: restartDialog
+        }
+    }
+}

plugins/Toolbox/resources/qml/PluginEntry.qml

@@ -0,0 +1,484 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.2
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+
+// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
+
+import UM 1.1 as UM
+
+Component {
+    id: pluginDelegate
+
+    Rectangle {
+
+        // Don't show required plugins as they can't be managed anyway:
+        height: !model.required ? 84 : 0
+        visible: !model.required ? true : false
+        color: Qt.rgba(1.0, 0.0, 0.0, 0.1)
+        anchors {
+            left: parent.left
+            right: parent.right
+        }
+
+
+        // Bottom border:
+        Rectangle {
+            color: UM.Theme.getColor("lining")
+            width: parent.width
+            height: 1
+            anchors.bottom: parent.bottom
+        }
+
+        // Plugin info
+        Column {
+            id: pluginInfo
+
+            property var color: model.enabled ? UM.Theme.getColor("text") : UM.Theme.getColor("lining")
+
+            // Styling:
+            height: parent.height
+            anchors {
+                left: parent.left
+                top: parent.top
+                topMargin: UM.Theme.getSize("default_margin").height
+                right: authorInfo.left
+                rightMargin: UM.Theme.getSize("default_margin").width
+            }
+
+
+            Label {
+                text: model.name
+                width: parent.width
+                height: 24
+                wrapMode: Text.WordWrap
+                verticalAlignment: Text.AlignVCenter
+                font {
+                    pixelSize: 13
+                    bold: true
+                }
+                color: pluginInfo.color
+
+            }
+
+            Text {
+                text: model.description
+                width: parent.width
+                height: 36
+                clip: true
+                wrapMode: Text.WordWrap
+                color: pluginInfo.color
+                elide: Text.ElideRight
+            }
+        }
+
+        // Author info
+        Column {
+            id: authorInfo
+            width: 192
+            height: parent.height
+            anchors {
+                top: parent.top
+                topMargin: UM.Theme.getSize("default_margin").height
+                right: pluginActions.left
+                rightMargin: UM.Theme.getSize("default_margin").width
+            }
+
+            Label {
+                text: "<a href=\"mailto:"+model.author_email+"?Subject=Cura: "+model.name+"\">"+model.author+"</a>"
+                width: parent.width
+                height: 24
+                wrapMode: Text.WordWrap
+                verticalAlignment: Text.AlignVCenter
+                horizontalAlignment: Text.AlignLeft
+                onLinkActivated: Qt.openUrlExternally("mailto:"+model.author_email+"?Subject=Cura: "+model.name+" Plugin")
+                color: model.enabled ? UM.Theme.getColor("text") : UM.Theme.getColor("lining")
+            }
+        }
+
+        // Plugin actions
+        Row {
+            id: pluginActions
+
+            width: 96
+            height: parent.height
+            anchors {
+                top: parent.top
+                right: parent.right
+                topMargin: UM.Theme.getSize("default_margin").height
+            }
+            layoutDirection: Qt.RightToLeft
+            spacing: UM.Theme.getSize("default_margin").width
+
+            // For 3rd-Party Plugins:
+            Button {
+                id: installButton
+                text: {
+                    if ( manager.isDownloading && pluginList.activePlugin == model ) {
+                        return catalog.i18nc( "@action:button", "Cancel" );
+                    } else {
+                        if (model.can_upgrade) {
+                            return catalog.i18nc("@action:button", "Update");
+                        }
+                        return catalog.i18nc("@action:button", "Install");
+                    }
+                }
+                enabled:
+                {
+                    if ( manager.isDownloading )
+                    {
+                        return pluginList.activePlugin == model ? true : false
+                    }
+                    else
+                    {
+                        return true
+                    }
+                }
+                opacity: enabled ? 1.0 : 0.5
+                visible: model.external && ((model.status !== "installed") || model.can_upgrade)
+                style: ButtonStyle {
+                    background: Rectangle {
+                        implicitWidth: 96
+                        implicitHeight: 30
+                        color: "transparent"
+                        border {
+                            width: 1
+                            color: UM.Theme.getColor("lining")
+                        }
+                    }
+                    label: Label {
+                        text: control.text
+                        color: UM.Theme.getColor("text")
+                        verticalAlignment: Text.AlignVCenter
+                        horizontalAlignment: Text.AlignHCenter
+                    }
+                }
+                onClicked: {
+                    if ( manager.isDownloading && pluginList.activePlugin == model ) {
+                        manager.cancelDownload();
+                    } else {
+                        pluginList.activePlugin = model;
+                        if ( model.can_upgrade ) {
+                            manager.downloadAndInstallPlugin( model.update_url );
+                        } else {
+                            manager.downloadAndInstallPlugin( model.file_location );
+                        }
+
+                    }
+                }
+            }
+            Button {
+                id: removeButton
+                text: "Uninstall"
+                visible: model.can_uninstall && model.status == "installed"
+                enabled: !manager.isDownloading
+                style: ButtonStyle {
+                    background: Rectangle {
+                        implicitWidth: 96
+                        implicitHeight: 30
+                        color: "transparent"
+                        border {
+                            width: 1
+                            color: UM.Theme.getColor("lining")
+                        }
+                    }
+                    label: Text {
+                        text: control.text
+                        color: UM.Theme.getColor("text")
+                        verticalAlignment: Text.AlignVCenter
+                        horizontalAlignment: Text.AlignHCenter
+                    }
+                }
+                onClicked: manager.removePlugin( model.id )
+            }
+
+            // For Ultimaker Plugins:
+            Button {
+                id: enableButton
+                text: "Enable"
+                visible: !model.external && model.enabled == false
+                style: ButtonStyle {
+                    background: Rectangle {
+                        implicitWidth: 96
+                        implicitHeight: 30
+                        color: "transparent"
+                        border {
+                            width: 1
+                            color: UM.Theme.getColor("lining")
+                        }
+                    }
+                    label: Text {
+                        text: control.text
+                        color: UM.Theme.getColor("text")
+                        verticalAlignment: Text.AlignVCenter
+                        horizontalAlignment: Text.AlignHCenter
+                    }
+                }
+                onClicked: {
+                    manager.enablePlugin(model.id);
+                }
+            }
+            Button {
+                id: disableButton
+                text: "Disable"
+                visible: !model.external && model.enabled == true
+                style: ButtonStyle {
+                    background: Rectangle {
+                        implicitWidth: 96
+                        implicitHeight: 30
+                        color: "transparent"
+                        border {
+                            width: 1
+                            color: UM.Theme.getColor("lining")
+                        }
+                    }
+                    label: Text {
+                        text: control.text
+                        color: UM.Theme.getColor("text")
+                        verticalAlignment: Text.AlignVCenter
+                        horizontalAlignment: Text.AlignHCenter
+                    }
+                }
+                onClicked: {
+                    manager.disablePlugin(model.id);
+                }
+            }
+            /*
+            Rectangle {
+                id: removeControls
+                visible: model.status == "installed" && model.enabled
+                width: 96
+                height: 30
+                color: "transparent"
+                Button {
+                    id: removeButton
+                    text: "Disable"
+                    enabled: {
+                        if ( manager.isDownloading && pluginList.activePlugin == model ) {
+                            return false;
+                        } else if ( model.required ) {
+                            return false;
+                        } else {
+                            return true;
+                        }
+                    }
+                    onClicked: {
+                        manager.disablePlugin(model.id);
+                    }
+                    style: ButtonStyle {
+                        background: Rectangle {
+                            color: "white"
+                            implicitWidth: 96
+                            implicitHeight: 30
+                            border {
+                                width: 1
+                                color: UM.Theme.getColor("lining")
+                            }
+                        }
+                        label: Text {
+                            verticalAlignment: Text.AlignVCenter
+                            color: "grey"
+                            text: control.text
+                            horizontalAlignment: Text.AlignLeft
+                        }
+                    }
+                }
+                Button {
+                    id: removeDropDown
+                    property bool open: false
+                    UM.RecolorImage {
+                        anchors.centerIn: parent
+                        height: 10
+                        width: 10
+                        source: UM.Theme.getIcon("arrow_bottom")
+                        color: "grey"
+                    }
+                    enabled: {
+                        if ( manager.isDownloading && pluginList.activePlugin == model ) {
+                            return false;
+                        } else if ( model.required ) {
+                            return false;
+                        } else {
+                            return true;
+                        }
+                    }
+                    anchors.right: parent.right
+                    style: ButtonStyle {
+                        background: Rectangle {
+                            color: "transparent"
+                            implicitWidth: 30
+                            implicitHeight: 30
+                        }
+                        label: Text {
+                            verticalAlignment: Text.AlignVCenter
+                            color: "grey"
+                            text: control.text
+                            horizontalAlignment: Text.AlignHCenter
+                        }
+                    }
+
+
+
+                    // For the disable option:
+                    // onClicked: pluginList.model.setEnabled(model.id, checked)
+
+                    onClicked: {
+                        if ( !removeDropDown.open ) {
+                            removeDropDown.open = true
+                        }
+                        else {
+                            removeDropDown.open = false
+                        }
+                    }
+                }
+
+                Rectangle {
+                    id: divider
+                    width: 1
+                    height: parent.height
+                    anchors.right: removeDropDown.left
+                    color: UM.Theme.getColor("lining")
+                }
+
+                Column {
+                    id: options
+                    anchors {
+                        top: removeButton.bottom
+                        left: parent.left
+                        right: parent.right
+                    }
+                    height: childrenRect.height
+                    visible: removeDropDown.open
+
+                    Button {
+                        id: disableButton
+                        text: "Remove"
+                        height: 30
+                        width: parent.width
+                        onClicked: {
+                            removeDropDown.open = false;
+                            manager.removePlugin( model.id );
+                        }
+                    }
+                }
+            }
+            */
+            /*
+            Button {
+                id: enableButton
+                visible: !model.enabled && model.status == "installed"
+                onClicked: manager.enablePlugin( model.id );
+
+                text: "Enable"
+                style: ButtonStyle {
+                    background: Rectangle {
+                        color: "transparent"
+                        implicitWidth: 96
+                        implicitHeight: 30
+                        border {
+                            width: 1
+                            color: UM.Theme.getColor("lining")
+                        }
+                    }
+                    label: Text {
+                        verticalAlignment: Text.AlignVCenter
+                        color: UM.Theme.getColor("text")
+                        text: control.text
+                        horizontalAlignment: Text.AlignHCenter
+                    }
+                }
+            }
+
+            Button {
+                id: updateButton
+                visible: model.status == "installed" && model.can_upgrade && model.enabled
+                // visible: model.already_installed
+                text: {
+                    // If currently downloading:
+                    if ( manager.isDownloading && pluginList.activePlugin == model ) {
+                        return catalog.i18nc( "@action:button", "Cancel" );
+                    } else {
+                        return catalog.i18nc("@action:button", "Update");
+                    }
+                }
+                style: ButtonStyle {
+                    background: Rectangle {
+                        color: UM.Theme.getColor("primary")
+                        implicitWidth: 96
+                        implicitHeight: 30
+                        // radius: 4
+                    }
+                    label: Text {
+                        verticalAlignment: Text.AlignVCenter
+                        color: "white"
+                        text: control.text
+                        horizontalAlignment: Text.AlignHCenter
+                    }
+                }
+            }
+            Button {
+                id: externalControls
+                visible: model.status == "available" ? true : false
+                text: {
+                    // If currently downloading:
+                    if ( manager.isDownloading && pluginList.activePlugin == model ) {
+                        return catalog.i18nc( "@action:button", "Cancel" );
+                    } else {
+                        return catalog.i18nc("@action:button", "Install");
+                    }
+                }
+                onClicked: {
+                    if ( manager.isDownloading && pluginList.activePlugin == model ) {
+                        manager.cancelDownload();
+                    } else {
+                        pluginList.activePlugin = model;
+                        manager.downloadAndInstallPlugin( model.file_location );
+                    }
+                }
+                style: ButtonStyle {
+                    background: Rectangle {
+                        color: "transparent"
+                        implicitWidth: 96
+                        implicitHeight: 30
+                        border {
+                            width: 1
+                            color: UM.Theme.getColor("lining")
+                        }
+                    }
+                    label: Text {
+                        verticalAlignment: Text.AlignVCenter
+                        color: "grey"
+                        text: control.text
+                        horizontalAlignment: Text.AlignHCenter
+                    }
+                }
+            }
+            */
+            ProgressBar {
+                id: progressbar
+                minimumValue: 0;
+                maximumValue: 100
+                anchors.left: installButton.left
+                anchors.right: installButton.right
+                anchors.top: installButton.bottom
+                anchors.topMargin: 4
+                value: manager.isDownloading ? manager.downloadProgress : 0
+                visible: manager.isDownloading && pluginList.activePlugin == model
+                style: ProgressBarStyle {
+                    background: Rectangle {
+                        color: "lightgray"
+                        implicitHeight: 6
+                    }
+                    progress: Rectangle {
+                        color: UM.Theme.getColor("primary")
+                    }
+                }
+            }
+
+        }
+    }
+}

plugins/Toolbox/resources/qml/SectionShadow.qml

@@ -0,0 +1,23 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+
+Rectangle
+{
+    width: parent.width
+    height: 8
+    gradient: Gradient
+    {
+        GradientStop
+        {
+            position: 0.0
+            color: Qt.rgba(0,0,0,0.2)
+        }
+        GradientStop
+        {
+            position: 1.0
+            color: Qt.rgba(0,0,0,0)
+        }
+    }
+}

plugins/Toolbox/resources/qml/ToolboxDetailBlock.qml

@@ -0,0 +1,108 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+import UM 1.1 as UM
+
+Rectangle
+{
+    width: parent.width
+    height: childrenRect.height
+    color: "transparent"
+    Column
+    {
+        anchors
+        {
+            left: parent.left
+            right: controls.left
+            rightMargin: UM.Theme.getSize("default_margin").width
+            top: parent.top
+            leftMargin: UM.Theme.getSize("default_margin").width
+            topMargin: UM.Theme.getSize("default_margin").height
+        }
+        Label
+        {
+            width: parent.width
+            height: UM.Theme.getSize("base_unit").height * 2
+            text: "DSM Abrasive"
+            wrapMode: Text.WordWrap
+            color: UM.Theme.getColor("text")
+            font: UM.Theme.getFont("default_bold")
+        }
+        Label
+        {
+            width: parent.width
+            text: "DSM abrasive material provides extra stiffness. It’s suitable for printing \"Functional prototypes\" and \"End parts\"."
+            wrapMode: Text.WordWrap
+            color: UM.Theme.getColor("text")
+            font: UM.Theme.getFont("normal")
+        }
+    }
+    Rectangle
+    {
+        id: controls
+        anchors.right: parent.right
+        anchors.top: parent.top
+        anchors.topMargin: UM.Theme.getSize("default_margin").height
+        width: childrenRect.width
+        Button {
+            id: installButton
+            text: catalog.i18nc("@action:button", "Install")
+            enabled:
+            {
+                if ( manager.isDownloading )
+                {
+                    return pluginList.activePlugin == model ? true : false
+                }
+                else
+                {
+                    return true
+                }
+            }
+            opacity: enabled ? 1.0 : 0.5
+            style: ButtonStyle {
+                background: Rectangle
+                {
+                    implicitWidth: 96
+                    implicitHeight: 30
+                    color: UM.Theme.getColor("primary")
+                }
+                label: Label
+                {
+                    text: control.text
+                    color: "white"
+                    verticalAlignment: Text.AlignVCenter
+                    horizontalAlignment: Text.AlignHCenter
+                }
+            }
+            onClicked:
+            {
+                if ( manager.isDownloading && pluginList.activePlugin == model )
+                {
+                    manager.cancelDownload();
+                }
+                else
+                {
+                    pluginList.activePlugin = model;
+                    if ( model.can_upgrade )
+                    {
+                        manager.downloadAndInstallPlugin( model.update_url );
+                    }
+                    else {
+                        manager.downloadAndInstallPlugin( model.file_location );
+                    }
+                }
+            }
+        }
+    }
+    Rectangle
+    {
+        color: UM.Theme.getColor("text_medium")
+        width: parent.width
+        height: UM.Theme.getSize("default_lining").height
+        anchors.top: parent.top
+    }
+}

plugins/Toolbox/resources/qml/ToolboxFooter.qml

@@ -0,0 +1,82 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.2
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+
+// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
+
+import UM 1.1 as UM
+
+Rectangle {
+    width: parent.width
+    height: UM.Theme.getSize("base_unit").height * 4
+    color: "transparent"
+    anchors.bottom: parent.bottom
+
+    Label {
+        visible: manager.restartRequired
+        text: "You will need to restart Cura before changes in plugins have effect."
+        height: 30
+        verticalAlignment: Text.AlignVCenter
+    }
+    Button {
+        id: restartChangedButton
+        text: "Quit Cura"
+        anchors.right: closeButton.left
+        anchors.rightMargin: UM.Theme.getSize("default_margin").width
+        visible: manager.restartRequired
+        iconName: "dialog-restart"
+        onClicked: manager.restart()
+        style: ButtonStyle {
+            background: Rectangle {
+                implicitWidth: 96
+                implicitHeight: 30
+                color: UM.Theme.getColor("primary")
+            }
+            label: Text {
+                verticalAlignment: Text.AlignVCenter
+                color: UM.Theme.getColor("button_text")
+                font {
+                    pixelSize: 13
+                    bold: true
+                }
+                text: control.text
+                horizontalAlignment: Text.AlignHCenter
+            }
+        }
+    }
+
+    Button {
+        id: closeButton
+        text: catalog.i18nc("@action:button", "Close")
+        iconName: "dialog-close"
+        onClicked: {
+            if ( manager.isDownloading ) {
+                manager.cancelDownload()
+            }
+            base.close();
+        }
+        anchors.right: parent.right
+        style: ButtonStyle {
+            background: Rectangle {
+                color: "transparent"
+                implicitWidth: 96
+                implicitHeight: 30
+                border {
+                    width: 1
+                    color: UM.Theme.getColor("lining")
+                }
+            }
+            label: Text {
+                verticalAlignment: Text.AlignVCenter
+                color: UM.Theme.getColor("text")
+                text: control.text
+                horizontalAlignment: Text.AlignHCenter
+            }
+        }
+    }
+}

plugins/Toolbox/resources/qml/ToolboxGrid.qml

@@ -0,0 +1,51 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.2
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+import QtQuick.Layouts 1.3
+import UM 1.1 as UM
+
+// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
+
+Rectangle
+{
+    id: base
+    width: parent.width
+    height: childrenRect.height + UM.Theme.getSize("double_margin").height * 8
+    color: "transparent"
+    Label
+    {
+        id: heading
+        text: "Community Plugins"
+        width: parent.width
+        height: UM.Theme.getSize("base_unit").width * 4
+        verticalAlignment: Text.AlignVCenter
+        color: UM.Theme.getColor("text_medium")
+        font: UM.Theme.getFont("medium")
+    }
+    GridLayout
+    {
+        id: grid
+        width: base.width
+        anchors
+        {
+            top: heading.bottom
+        }
+        columns: 3
+        columnSpacing: UM.Theme.getSize("base_unit").width
+        rowSpacing: UM.Theme.getSize("base_unit").height
+
+        ToolboxGridTile {}
+        ToolboxGridTile {}
+        ToolboxGridTile {}
+        ToolboxGridTile {}
+        ToolboxGridTile {}
+        ToolboxGridTile {}
+        ToolboxGridTile {}
+        ToolboxGridTile {}
+    }
+}

plugins/Toolbox/resources/qml/ToolboxGridTile.qml

@@ -0,0 +1,62 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.2
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+import QtQuick.Layouts 1.3
+import UM 1.1 as UM
+
+Item
+{
+    id: base
+    height: childrenRect.height
+    Layout.fillWidth: true
+    Row
+    {
+        width: parent.width
+        height: childrenRect.height
+        spacing: Math.floor(UM.Theme.getSize("base_unit").width / 2)
+        Rectangle
+        {
+            id: thumbnail
+            width: UM.Theme.getSize("toolbox_thumbnail_small").width
+            height: UM.Theme.getSize("toolbox_thumbnail_small").height
+            color: "white"
+            border.width: 1
+        }
+        Column
+        {
+            width: UM.Theme.getSize("base_unit").width * 12
+            Label
+            {
+                id: name
+                text: "Auto Orientation"
+                width: parent.width
+                wrapMode: Text.WordWrap
+                height: UM.Theme.getSize("base_unit").height * 2
+                verticalAlignment: Text.AlignVCenter
+                color: UM.Theme.getColor("text")
+                font: UM.Theme.getFont("default_bold")
+            }
+            Label
+            {
+                id: info
+                text: "Automatically orientate your model."
+                width: parent.width
+                wrapMode: Text.WordWrap
+                color: UM.Theme.getColor("text_medium")
+                font: UM.Theme.getFont("very_small")
+            }
+        }
+    }
+    MouseArea
+    {
+        anchors.fill: parent
+        onClicked: {
+            manager.setDetailView("thingy")
+        }
+    }
+}

plugins/Toolbox/resources/qml/ToolboxHeader.qml

@@ -0,0 +1,113 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.2
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+
+// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
+
+import UM 1.1 as UM
+
+Rectangle {
+
+    width: parent.width
+    color: "transparent"
+    height: childrenRect.height
+
+    Row {
+        spacing: 12
+        height: childrenRect.height
+        width: childrenRect.width
+        anchors.left: parent.left
+        anchors.leftMargin: UM.Theme.getSize("default_margin").width
+
+        Button {
+            text: "Plugins"
+            style: ButtonStyle {
+                background: Rectangle {
+                    color: "transparent"
+                    implicitWidth: 96
+                    implicitHeight: 48
+                    Rectangle {
+                        visible: manager.viewing == "available" ? true : false
+                        color: UM.Theme.getColor("primary")
+                        anchors.bottom: parent.bottom
+                        width: parent.width
+                        height: 3
+                    }
+                }
+                label: Text {
+                    text: control.text
+                    color: UM.Theme.getColor("text")
+                    font {
+                        pixelSize: 15
+                    }
+                    verticalAlignment: Text.AlignVCenter
+                    horizontalAlignment: Text.AlignHCenter
+                }
+            }
+            onClicked: manager.setView("available")
+        }
+
+        Button {
+            text: "Materials"
+            style: ButtonStyle {
+                background: Rectangle {
+                    color: "transparent"
+                    implicitWidth: 96
+                    implicitHeight: 48
+                    Rectangle {
+                        visible: manager.viewing == "available" ? true : false
+                        color: UM.Theme.getColor("primary")
+                        anchors.bottom: parent.bottom
+                        width: parent.width
+                        height: 3
+                    }
+                }
+                label: Text {
+                    text: control.text
+                    color: UM.Theme.getColor("text")
+                    font {
+                        pixelSize: 15
+                    }
+                    verticalAlignment: Text.AlignVCenter
+                    horizontalAlignment: Text.AlignHCenter
+                }
+            }
+            onClicked: manager.setView("available")
+        }
+    }
+
+    Button {
+        text: "Installed"
+        anchors.right: parent.right
+        anchors.rightMargin: UM.Theme.getSize("default_margin").width
+        style: ButtonStyle {
+            background: Rectangle {
+                color: "transparent"
+                implicitWidth: 96
+                implicitHeight: 48
+                Rectangle {
+                    visible: manager.viewing == "installed" ? true : false
+                    color: UM.Theme.getColor("primary")
+                    anchors.bottom: parent.bottom
+                    width: parent.width
+                    height: 3
+                }
+            }
+            label: Text {
+                text: control.text
+                color: UM.Theme.getColor("text")
+                font {
+                    pixelSize: 15
+                }
+                verticalAlignment: Text.AlignVCenter
+                horizontalAlignment: Text.AlignHCenter
+            }
+        }
+        onClicked: manager.setView("installed")
+    }
+}

plugins/Toolbox/resources/qml/ToolboxLicenseDialog.qml

@@ -0,0 +1,76 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.2
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+
+// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
+
+import UM 1.1 as UM
+
+UM.Dialog {
+    title: catalog.i18nc("@title:window", "Plugin License Agreement")
+
+    minimumWidth: UM.Theme.getSize("license_window_minimum").width
+    minimumHeight: UM.Theme.getSize("license_window_minimum").height
+    width: minimumWidth
+    height: minimumHeight
+
+    property var pluginName;
+    property var licenseContent;
+    property var pluginFileLocation;
+
+    Item
+    {
+        anchors.fill: parent
+
+        Label
+        {
+            id: licenseTitle
+            anchors.top: parent.top
+            anchors.left: parent.left
+            anchors.right: parent.right
+            text: licenseDialog.pluginName + catalog.i18nc("@label", "This plugin contains a license.\nYou need to accept this license to install this plugin.\nDo you agree with the terms below?")
+            wrapMode: Text.Wrap
+        }
+
+        TextArea
+        {
+            id: licenseText
+            anchors.top: licenseTitle.bottom
+            anchors.bottom: parent.bottom
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.topMargin: UM.Theme.getSize("default_margin").height
+            readOnly: true
+            text: licenseDialog.licenseContent != null ? licenseDialog.licenseContent : ""
+        }
+    }
+
+    rightButtons: [
+        Button
+        {
+            id: acceptButton
+            anchors.margins: UM.Theme.getSize("default_margin").width
+            text: catalog.i18nc("@action:button", "Accept")
+            onClicked:
+            {
+                licenseDialog.close();
+                manager.installPlugin(licenseDialog.pluginFileLocation);
+            }
+        },
+        Button
+        {
+            id: declineButton
+            anchors.margins: UM.Theme.getSize("default_margin").width
+            text: catalog.i18nc("@action:button", "Decline")
+            onClicked:
+            {
+                licenseDialog.close();
+            }
+        }
+    ]
+}

plugins/Toolbox/resources/qml/ToolboxRestartDialog.qml

@@ -0,0 +1,91 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.2
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+
+// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
+
+import UM 1.1 as UM
+
+Window {
+    // title: catalog.i18nc("@title:tab", "Plugins");
+    width: 360 * screenScaleFactor
+    height: 120 * screenScaleFactor
+    minimumWidth: 360 * screenScaleFactor
+    minimumHeight: 120 * screenScaleFactor
+    color: UM.Theme.getColor("sidebar")
+    property var message;
+
+    Text {
+        id: message
+        anchors {
+            left: parent.left
+            leftMargin: UM.Theme.getSize("default_margin").width
+            top: parent.top
+            topMargin: UM.Theme.getSize("default_margin").height
+        }
+        text: restartDialog.message != null ? restartDialog.message : ""
+    }
+    Button {
+        id: laterButton
+        text: "Later"
+        onClicked: restartDialog.close();
+        anchors {
+            left: parent.left
+            leftMargin: UM.Theme.getSize("default_margin").width
+            bottom: parent.bottom
+            bottomMargin: UM.Theme.getSize("default_margin").height
+        }
+        style: ButtonStyle {
+            background: Rectangle {
+                color: "transparent"
+                implicitWidth: 96
+                implicitHeight: 30
+                border {
+                    width: 1
+                    color: UM.Theme.getColor("lining")
+                }
+            }
+            label: Text {
+                verticalAlignment: Text.AlignVCenter
+                color: UM.Theme.getColor("text")
+                text: control.text
+                horizontalAlignment: Text.AlignHCenter
+            }
+        }
+    }
+
+
+    Button {
+        id: restartButton
+        text: "Quit Cura"
+        anchors {
+            right: parent.right
+            rightMargin: UM.Theme.getSize("default_margin").width
+            bottom: parent.bottom
+            bottomMargin: UM.Theme.getSize("default_margin").height
+        }
+        onClicked: manager.restart()
+        style: ButtonStyle {
+            background: Rectangle {
+                implicitWidth: 96
+                implicitHeight: 30
+                color: UM.Theme.getColor("primary")
+            }
+            label: Text {
+                verticalAlignment: Text.AlignVCenter
+                color: UM.Theme.getColor("button_text")
+                font {
+                    pixelSize: 13
+                    bold: true
+                }
+                text: control.text
+                horizontalAlignment: Text.AlignHCenter
+            }
+        }
+    }
+}

plugins/Toolbox/resources/qml/ToolboxShowcase.qml

@@ -0,0 +1,54 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.2
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+import UM 1.1 as UM
+
+// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
+
+Rectangle
+{
+    id: base
+    width: parent.width
+    height: childrenRect.height
+    color: "transparent"
+    Label
+    {
+        id: heading
+        text: "Top Downloads"
+        width: parent.width
+        height: UM.Theme.getSize("base_unit").width * 4
+        verticalAlignment: Text.AlignVCenter
+        color: UM.Theme.getColor("text_medium")
+        font: UM.Theme.getFont("medium")
+    }
+    Row
+    {
+        height: childrenRect.height
+        width: childrenRect.width
+        spacing: UM.Theme.getSize("base_unit").width * 2
+        anchors
+        {
+            horizontalCenter: parent.horizontalCenter
+            top: heading.bottom    
+        }
+
+        ToolboxShowcaseTile {}
+        ToolboxShowcaseTile {}
+        ToolboxShowcaseTile {}
+    }
+    Rectangle
+    {
+        color: UM.Theme.getColor("text_medium")
+        width: parent.width
+        height: UM.Theme.getSize("base_unit").height / 6
+        anchors
+        {
+            bottom: parent.bottom
+        }
+    }
+}

plugins/Toolbox/resources/qml/ToolboxShowcaseTile.qml

@@ -0,0 +1,48 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.2
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+import UM 1.1 as UM
+
+/* NOTE: This file uses the UM.Theme's "base_unit" size. It's commonly agreed
+that good design is consistent design, and since the UM.Theme's JSON file does
+not provide a method for interiting base units across the interface, adding more
+properties for severy single UI element is undesirable for both developers and
+theme makers/modfiers. Thus, "base_unit" is used wherever it can be. */
+
+Item
+{
+    width: UM.Theme.getSize("toolbox_thumbnail_large").width
+    height: UM.Theme.getSize("toolbox_thumbnail_large").width
+    Rectangle
+    {
+        color: "white"
+        width: UM.Theme.getSize("base_unit").width * 8
+        height: UM.Theme.getSize("base_unit").width * 8
+        border.width: 1
+        anchors
+        {
+            top: parent.top
+            horizontalCenter: parent.horizontalCenter
+        }
+    }
+    Label
+    {
+        text: "Solidworks Integration"
+        anchors
+        {
+            bottom: parent.bottom
+            horizontalCenter: parent.horizontalCenter
+        }
+        verticalAlignment: Text.AlignVCenter
+        horizontalAlignment: Text.AlignHCenter
+        height: UM.Theme.getSize("base_unit").width * 4
+        width: parent.width
+        color: UM.Theme.getColor("text")
+        font: UM.Theme.getFont("medium_bold")
+    }
+}

plugins/Toolbox/resources/qml/ToolboxViewDetail.qml

@@ -0,0 +1,84 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+import UM 1.1 as UM
+
+Item
+{
+    id: base
+    anchors.fill: parent
+    Rectangle
+    {
+        id: backMargin
+        height: parent.height
+        width: UM.Theme.getSize("base_unit").width * 6
+        anchors
+        {
+            top: parent.top
+            left: parent.left
+            topMargin: UM.Theme.getSize("double_margin").height
+            leftMargin: UM.Theme.getSize("default_margin").width
+            rightMargin: UM.Theme.getSize("default_margin").width
+        }
+        Button
+        {
+            text: "Back"
+            onClicked: {
+                manager.setDetailView("")
+            }
+        }
+        color: "transparent"
+    }
+    ScrollView
+    {
+        id: scroll
+        frameVisible: false
+        anchors.right: base.right
+        anchors.left: backMargin.right
+        height: parent.height
+        style: UM.Theme.styles.scrollview
+        Column
+        {
+            width: scroll.width
+            spacing: UM.Theme.getSize("base_unit").height
+            height: childrenRect.height + (UM.Theme.getSize("double_margin").height * 2)
+            anchors
+            {
+                fill: parent
+                topMargin: UM.Theme.getSize("double_margin").height
+                bottomMargin: UM.Theme.getSize("double_margin").height
+                leftMargin: UM.Theme.getSize("double_margin").width
+                rightMargin: UM.Theme.getSize("double_margin").width
+            }
+            Rectangle
+            {
+                width: parent.width
+                height: UM.Theme.getSize("base_unit").height * 12
+                color: "transparent"
+                Rectangle
+                {
+                    id: thumbnail
+                    width: UM.Theme.getSize("toolbox_thumbnail_medium").width
+                    height: UM.Theme.getSize("toolbox_thumbnail_medium").height
+                    color: "white"
+                    border.width: 1
+                }
+            }
+            ToolboxDetailBlock {}
+            ToolboxDetailBlock {}
+            ToolboxDetailBlock {}
+            ToolboxDetailBlock {}
+            ToolboxDetailBlock {}
+            ToolboxDetailBlock {}
+            ToolboxDetailBlock {}
+            ToolboxDetailBlock {}
+            ToolboxDetailBlock {}
+            ToolboxDetailBlock {}
+            ToolboxDetailBlock {}
+        }
+    }
+}

plugins/Toolbox/resources/qml/ToolboxViewDownloads.qml

@@ -0,0 +1,40 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+import UM 1.1 as UM
+
+// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
+
+ScrollView
+{
+    id: base
+    frameVisible: false
+    anchors.fill: parent
+    style: UM.Theme.styles.scrollview
+    Column
+    {
+        width: base.width
+        spacing: UM.Theme.getSize("base_unit").height
+        height: childrenRect.height
+        anchors
+        {
+            fill: parent
+            topMargin: UM.Theme.getSize("base_unit").height
+            bottomMargin: UM.Theme.getSize("base_unit").height
+            leftMargin: UM.Theme.getSize("base_unit").width * 2
+            rightMargin: UM.Theme.getSize("base_unit").width * 2
+        }
+        ToolboxShowcase
+        {
+            id: showcase
+        }
+        ToolboxGrid
+        {
+            id: allPlugins
+        }
+    }
+}

plugins/Toolbox/resources/qml/ToolboxViewInstalled.qml

@@ -0,0 +1,33 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// PluginBrowser is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.2
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+
+// TODO: Switch to QtQuick.Controls 2.x and remove QtQuick.Controls.Styles
+
+import UM 1.1 as UM
+
+ScrollView
+{
+    anchors.fill: parent
+    ListView
+    {
+        id: pluginList
+        property var activePlugin
+        property var filter: "installed"
+        anchors
+        {
+            fill: parent
+            topMargin: UM.Theme.getSize("default_margin").height
+            bottomMargin: UM.Theme.getSize("default_margin").height
+            leftMargin: UM.Theme.getSize("default_margin").width
+            rightMargin: UM.Theme.getSize("default_margin").width
+        }
+        model: manager.pluginsModel
+        delegate: PluginEntry {}
+    }
+}