From f168385798158c37d9d2d9fb2c075facbfe77e40 Mon Sep 17 00:00:00 2001
From: David Rowe <david@ctrlaltstudio.com>
Date: Fri, 5 Jun 2015 12:57:40 -0700
Subject: [PATCH] Add spinner in place of "Logging in..."

---
 interface/resources/qml/LoginDialog.qml | 69 ++++++++++++++++++++++---
 1 file changed, 63 insertions(+), 6 deletions(-)

diff --git a/interface/resources/qml/LoginDialog.qml b/interface/resources/qml/LoginDialog.qml
index d75f692827..0fa6ff43cc 100644
--- a/interface/resources/qml/LoginDialog.qml
+++ b/interface/resources/qml/LoginDialog.qml
@@ -252,15 +252,72 @@ Dialog {
                 }
             }
 
-            Text {
-                id: messageText
+            Item {
                 width: loginDialog.inputWidth
                 height: loginDialog.inputHeight / 2
-                horizontalAlignment: Text.AlignHCenter
-                verticalAlignment: Text.AlignVCenter
 
-                text: loginDialog.statusText
-                color: "white"
+                Text {
+                    id: messageText
+
+                    visible: loginDialog.statusText != "" && loginDialog.statusText != "Logging in..."
+
+                    width: loginDialog.inputWidth
+                    height: loginDialog.inputHeight / 2
+                    horizontalAlignment: Text.AlignHCenter
+                    verticalAlignment: Text.AlignVCenter
+
+                    text: loginDialog.statusText
+                    color: "white"
+                }
+
+                Row {
+                    id: messageSpinner
+
+                    visible: loginDialog.statusText == "Logging in..."
+                    onVisibleChanged: visible ? messageSpinnerAnimation.restart() : messageSpinnerAnimation.stop()
+
+                    spacing: 24
+                    anchors {
+                        verticalCenter: parent.verticalCenter
+                        horizontalCenter: parent.horizontalCenter
+                    }
+
+                    Rectangle {
+                        id: spinner1
+                        width: 10
+                        height: 10
+                        color: "#ebebeb"
+                        opacity: 0.05
+                    }
+
+                    Rectangle {
+                        id: spinner2
+                        width: 10
+                        height: 10
+                        color: "#ebebeb"
+                        opacity: 0.05
+                    }
+
+                    Rectangle {
+                        id: spinner3
+                        width: 10
+                        height: 10
+                        color: "#ebebeb"
+                        opacity: 0.05
+                    }
+
+                    SequentialAnimation {
+                        id: messageSpinnerAnimation
+                        running: messageSpinner.visible
+                        loops: Animation.Infinite
+                        NumberAnimation { target: spinner1; property: "opacity"; to: 1.0; duration: 1000 }
+                        NumberAnimation { target: spinner2; property: "opacity"; to: 1.0; duration: 1000 }
+                        NumberAnimation { target: spinner3; property: "opacity"; to: 1.0; duration: 1000 }
+                        NumberAnimation { target: spinner1; property: "opacity"; to: 0.05; duration: 0 }
+                        NumberAnimation { target: spinner2; property: "opacity"; to: 0.05; duration: 0 }
+                        NumberAnimation { target: spinner3; property: "opacity"; to: 0.05; duration: 0 }
+                    }
+                }
             }
 
             Rectangle {