diff --git a/interface/resources/icons/checkmark-stroke.svg b/interface/resources/icons/checkmark-stroke.svg new file mode 100644 index 0000000000..cc343c421b --- /dev/null +++ b/interface/resources/icons/checkmark-stroke.svg @@ -0,0 +1,4 @@ + + + + diff --git a/interface/resources/icons/loader-snake-256-wf.gif b/interface/resources/icons/loader-snake-256-wf.gif new file mode 100644 index 0000000000..c0d5eec1ef Binary files /dev/null and b/interface/resources/icons/loader-snake-256-wf.gif differ diff --git a/interface/resources/icons/loader-snake-256.gif b/interface/resources/icons/loader-snake-256.gif new file mode 100644 index 0000000000..ebcbf54bd7 Binary files /dev/null and b/interface/resources/icons/loader-snake-256.gif differ diff --git a/interface/resources/qml/hifi/avatarPackager/AvatarProject.qml b/interface/resources/qml/hifi/avatarPackager/AvatarProject.qml index d4a67f31fb..babe3cda84 100644 --- a/interface/resources/qml/hifi/avatarPackager/AvatarProject.qml +++ b/interface/resources/qml/hifi/avatarPackager/AvatarProject.qml @@ -25,6 +25,8 @@ Item { anchors.fill: parent anchors.margins: 10 + function reset() { hasSuccessfullyUploaded = false } + property var footer: Item { anchors.fill: parent @@ -41,10 +43,10 @@ Item { visible: !AvatarPackagerCore.currentAvatarProject.fst.hasMarketplaceID && !root.hasSuccessfullyUploaded enabled: Account.loggedIn - //width: parent.width - //anchors.bottom: parent.bottom + anchors.verticalCenter: parent.verticalCenter anchors.right: parent.right + text: qsTr("Upload") color: hifi.buttons.blue colorScheme: root.colorScheme @@ -130,6 +132,8 @@ Item { width: 28 height: 28 + + white: true } RalewayRegular { id: stepText diff --git a/interface/resources/qml/hifi/avatarPackager/AvatarProjectCard.qml b/interface/resources/qml/hifi/avatarPackager/AvatarProjectCard.qml index be1363850e..e31115efe5 100644 --- a/interface/resources/qml/hifi/avatarPackager/AvatarProjectCard.qml +++ b/interface/resources/qml/hifi/avatarPackager/AvatarProjectCard.qml @@ -78,6 +78,7 @@ Item { hoverEnabled: true onClicked: { AvatarPackagerCore.openAvatarProject(path.text); + avatarProject.reset(); avatarPackager.state = "project"; } } diff --git a/interface/resources/qml/hifi/avatarPackager/AvatarProjectUpload.qml b/interface/resources/qml/hifi/avatarPackager/AvatarProjectUpload.qml index e71d8a4f2f..f02dc5a218 100644 --- a/interface/resources/qml/hifi/avatarPackager/AvatarProjectUpload.qml +++ b/interface/resources/qml/hifi/avatarPackager/AvatarProjectUpload.qml @@ -72,7 +72,7 @@ Item { } ] - LoadingCircle { + AnimatedImage { id: uploadSpinner visible: true @@ -81,6 +81,12 @@ Item { horizontalCenter: parent.horizontalCenter verticalCenter: parent.verticalCenter } + + width: 164 + height: 164 + + source: "../../../icons/loader-snake-256.gif" + playing: true } HiFiGlyphs { @@ -94,23 +100,22 @@ Item { } size: 164 - text: "w" + text: "+" color: "#EA4C5F" } - HiFiGlyphs { + Image { id: successIcon visible: false - anchors { - horizontalCenter: parent.horizontalCenter - verticalCenter: parent.verticalCenter - } + anchors.verticalCenter: parent.verticalCenter + anchors.horizontalCenter: parent.horizontalCenter - size: 164 - text: "\ue01a" - color: "#1FC6A6" + width: 148 + height: 148 + + source: "../../../icons/checkmark-stroke.svg" } } Item { diff --git a/interface/resources/qml/hifi/avatarPackager/AvatarUploadStatusItem.qml b/interface/resources/qml/hifi/avatarPackager/AvatarUploadStatusItem.qml index d93afbd4e8..ca01e453e9 100644 --- a/interface/resources/qml/hifi/avatarPackager/AvatarUploadStatusItem.qml +++ b/interface/resources/qml/hifi/avatarPackager/AvatarUploadStatusItem.qml @@ -42,7 +42,7 @@ Item { width: 48 height: parent.height - AnimatedImage { + LoadingCircle { id: runningImage visible: false @@ -52,22 +52,19 @@ Item { width: 32 height: 32 - - source: "../../../icons/loader-snake-64-w.gif" - playing: false } - HiFiGlyphs { + Image { id: successGlyph visible: false - width: implicitWidth anchors.verticalCenter: parent.verticalCenter anchors.horizontalCenter: parent.horizontalCenter - size: 48 - text: "\ue01a" - color: "#1FC6A6" + width: 30 + height: 30 + + source: "../../../icons/checkmark-stroke.svg" } HiFiGlyphs { id: failGlyph diff --git a/interface/resources/qml/hifi/avatarPackager/LoadingCircle.qml b/interface/resources/qml/hifi/avatarPackager/LoadingCircle.qml index f6ba81a96f..a1fac72ae4 100644 --- a/interface/resources/qml/hifi/avatarPackager/LoadingCircle.qml +++ b/interface/resources/qml/hifi/avatarPackager/LoadingCircle.qml @@ -3,18 +3,14 @@ import QtQuick.Controls 2.2 import QtQuick.Layouts 1.3 import QtGraphicalEffects 1.0 -Image { +AnimatedImage { id: root width: 128 height: 128 - source: "../../../images/loader-snake-128.png" + property bool white: false - RotationAnimation on rotation { - duration: 2000 - loops: Animation.Infinite - from: 0 - to: 360 - } -} \ No newline at end of file + source: white ? "../../../icons/loader-snake-256-wf.gif" : "../../../icons/loader-snake-256.gif" + playing: true +}