import UM 1.1 as UM
import QtQuick 2.2
import QtQuick.Dialogs 1.1
import QtQuick.Window 2.2
import QtQuick.Controls 1.1

UM.Dialog
{
    id: base

    title: catalog.i18nc("@title:window", "Find & Update plugins")
    width: 600
    height: 450
    Item
    {
        anchors.fill: parent
        Label
        {
            id: introText
            text: catalog.i18nc("@label", "Here you can find a list of Third Party plugins.")
            width: parent.width
            height: 30
        }
        ScrollView
        {
            width: parent.width
            anchors.top: introText.bottom
            anchors.bottom: progressbar.top
            anchors.bottomMargin: UM.Theme.getSize("default_margin").height
            frameVisible: true
            ListView
            {
                id: pluginList
                model: manager.pluginsModel
                anchors.fill: parent

                delegate: pluginDelegate
            }
        }
        ProgressBar
        {
            id: progressbar
            anchors.bottom: parent.bottom
            style: UM.Theme.styles.progressbar
            minimumValue: 0;
            maximumValue: 100
            width: parent.width
            height: 20
            value: manager.downloadProgress
        }

        Item
        {
            SystemPalette { id: palette }
            Component
            {
                id: pluginDelegate
                Rectangle
                {
                    width: pluginList.width;
                    height: childrenRect.height;
                    color: index % 2 ? palette.base : palette.alternateBase
                    Column
                    {
                        width: parent.width
                        height: childrenRect.height
                        anchors.left: parent.left
                        anchors.leftMargin: UM.Theme.getSize("default_margin").width
                        anchors.right: downloadButton.left
                        anchors.rightMargin: UM.Theme.getSize("default_margin").width
                        Label
                        {
                            text: "<b>" + model.name + "</b> - " + model.author
                            width: contentWidth
                            height: contentHeight +  UM.Theme.getSize("default_margin").height
                            verticalAlignment: Text.AlignVCenter
                        }

                        Label
                        {
                            text: model.short_description
                            width: parent.width
                            height: contentHeight +  UM.Theme.getSize("default_margin").height
                            wrapMode: Text.WordWrap
                            verticalAlignment: Text.AlignVCenter
                        }
                    }
                    Button
                    {
                        id: downloadButton
                        text: !model.already_installed ? catalog.i18nc("@action:button", "Download") : model.can_upgrade ? catalog.i18nc("@action:button", "Upgrade") : catalog.i18nc("@action:button", "Download")
                        onClicked: manager.downloadAndInstallPlugin(model.file_location)
                        anchors.right: parent.right
                        anchors.rightMargin: UM.Theme.getSize("default_margin").width
                        anchors.verticalCenter: parent.verticalCenter
                        enabled: (!model.already_installed || model.can_upgrade) && !manager.isDownloading

                    }
                }

            }
        }
    UM.I18nCatalog { id: catalog; name:"cura" }
    }
}