mirror of
https://github.com/overte-org/overte.git
synced 2025-06-21 05:20:40 +02:00
Update icons in avatar packager
This commit is contained in:
parent
2f32458f72
commit
882975f01c
8 changed files with 37 additions and 30 deletions
4
interface/resources/icons/checkmark-stroke.svg
Normal file
4
interface/resources/icons/checkmark-stroke.svg
Normal file
|
@ -0,0 +1,4 @@
|
||||||
|
<svg width="149" height="150" viewBox="0 0 149 150" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M74.3055 0C115.543 0 149 33.5916 149 74.6047C149 116.008 115.543 149.6 74.3055 149.6C33.4569 149.6 0 116.008 0 74.6047C0 33.5916 33.4569 0 74.3055 0ZM74.3055 139.054C109.708 139.054 138.496 110.149 138.496 74.6047C138.496 39.4507 109.708 10.5462 74.3055 10.5462C39.2924 10.5462 10.5039 39.4507 10.5039 74.6047C10.5039 110.149 39.2924 139.054 74.3055 139.054Z" fill="#1FC6A6"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.3575 89.8376L106.595 43.3562C110.874 38.2784 119.044 45.3092 114.376 50.387L70.0259 100.384C68.0807 102.727 64.9684 102.727 63.0233 101.165L35.0128 78.9008C29.9554 74.6042 36.569 66.4016 41.6264 70.6982L65.3575 89.8376Z" fill="#1FC6A6"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 824 B |
BIN
interface/resources/icons/loader-snake-256-wf.gif
Normal file
BIN
interface/resources/icons/loader-snake-256-wf.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 27 KiB |
BIN
interface/resources/icons/loader-snake-256.gif
Normal file
BIN
interface/resources/icons/loader-snake-256.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 26 KiB |
|
@ -25,6 +25,8 @@ Item {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
anchors.margins: 10
|
anchors.margins: 10
|
||||||
|
|
||||||
|
function reset() { hasSuccessfullyUploaded = false }
|
||||||
|
|
||||||
property var footer: Item {
|
property var footer: Item {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
|
||||||
|
@ -41,10 +43,10 @@ Item {
|
||||||
|
|
||||||
visible: !AvatarPackagerCore.currentAvatarProject.fst.hasMarketplaceID && !root.hasSuccessfullyUploaded
|
visible: !AvatarPackagerCore.currentAvatarProject.fst.hasMarketplaceID && !root.hasSuccessfullyUploaded
|
||||||
enabled: Account.loggedIn
|
enabled: Account.loggedIn
|
||||||
//width: parent.width
|
|
||||||
//anchors.bottom: parent.bottom
|
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
|
|
||||||
text: qsTr("Upload")
|
text: qsTr("Upload")
|
||||||
color: hifi.buttons.blue
|
color: hifi.buttons.blue
|
||||||
colorScheme: root.colorScheme
|
colorScheme: root.colorScheme
|
||||||
|
@ -130,6 +132,8 @@ Item {
|
||||||
|
|
||||||
width: 28
|
width: 28
|
||||||
height: 28
|
height: 28
|
||||||
|
|
||||||
|
white: true
|
||||||
}
|
}
|
||||||
RalewayRegular {
|
RalewayRegular {
|
||||||
id: stepText
|
id: stepText
|
||||||
|
|
|
@ -78,6 +78,7 @@ Item {
|
||||||
hoverEnabled: true
|
hoverEnabled: true
|
||||||
onClicked: {
|
onClicked: {
|
||||||
AvatarPackagerCore.openAvatarProject(path.text);
|
AvatarPackagerCore.openAvatarProject(path.text);
|
||||||
|
avatarProject.reset();
|
||||||
avatarPackager.state = "project";
|
avatarPackager.state = "project";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -72,7 +72,7 @@ Item {
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
||||||
LoadingCircle {
|
AnimatedImage {
|
||||||
id: uploadSpinner
|
id: uploadSpinner
|
||||||
|
|
||||||
visible: true
|
visible: true
|
||||||
|
@ -81,6 +81,12 @@ Item {
|
||||||
horizontalCenter: parent.horizontalCenter
|
horizontalCenter: parent.horizontalCenter
|
||||||
verticalCenter: parent.verticalCenter
|
verticalCenter: parent.verticalCenter
|
||||||
}
|
}
|
||||||
|
|
||||||
|
width: 164
|
||||||
|
height: 164
|
||||||
|
|
||||||
|
source: "../../../icons/loader-snake-256.gif"
|
||||||
|
playing: true
|
||||||
}
|
}
|
||||||
|
|
||||||
HiFiGlyphs {
|
HiFiGlyphs {
|
||||||
|
@ -94,23 +100,22 @@ Item {
|
||||||
}
|
}
|
||||||
|
|
||||||
size: 164
|
size: 164
|
||||||
text: "w"
|
text: "+"
|
||||||
color: "#EA4C5F"
|
color: "#EA4C5F"
|
||||||
}
|
}
|
||||||
|
|
||||||
HiFiGlyphs {
|
Image {
|
||||||
id: successIcon
|
id: successIcon
|
||||||
|
|
||||||
visible: false
|
visible: false
|
||||||
|
|
||||||
anchors {
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
horizontalCenter: parent.horizontalCenter
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
verticalCenter: parent.verticalCenter
|
|
||||||
}
|
|
||||||
|
|
||||||
size: 164
|
width: 148
|
||||||
text: "\ue01a"
|
height: 148
|
||||||
color: "#1FC6A6"
|
|
||||||
|
source: "../../../icons/checkmark-stroke.svg"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Item {
|
Item {
|
||||||
|
|
|
@ -42,7 +42,7 @@ Item {
|
||||||
width: 48
|
width: 48
|
||||||
height: parent.height
|
height: parent.height
|
||||||
|
|
||||||
AnimatedImage {
|
LoadingCircle {
|
||||||
id: runningImage
|
id: runningImage
|
||||||
|
|
||||||
visible: false
|
visible: false
|
||||||
|
@ -52,22 +52,19 @@ Item {
|
||||||
|
|
||||||
width: 32
|
width: 32
|
||||||
height: 32
|
height: 32
|
||||||
|
|
||||||
source: "../../../icons/loader-snake-64-w.gif"
|
|
||||||
playing: false
|
|
||||||
}
|
}
|
||||||
HiFiGlyphs {
|
Image {
|
||||||
id: successGlyph
|
id: successGlyph
|
||||||
|
|
||||||
visible: false
|
visible: false
|
||||||
|
|
||||||
width: implicitWidth
|
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
anchors.horizontalCenter: parent.horizontalCenter
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
|
|
||||||
size: 48
|
width: 30
|
||||||
text: "\ue01a"
|
height: 30
|
||||||
color: "#1FC6A6"
|
|
||||||
|
source: "../../../icons/checkmark-stroke.svg"
|
||||||
}
|
}
|
||||||
HiFiGlyphs {
|
HiFiGlyphs {
|
||||||
id: failGlyph
|
id: failGlyph
|
||||||
|
|
|
@ -3,18 +3,14 @@ import QtQuick.Controls 2.2
|
||||||
import QtQuick.Layouts 1.3
|
import QtQuick.Layouts 1.3
|
||||||
import QtGraphicalEffects 1.0
|
import QtGraphicalEffects 1.0
|
||||||
|
|
||||||
Image {
|
AnimatedImage {
|
||||||
id: root
|
id: root
|
||||||
|
|
||||||
width: 128
|
width: 128
|
||||||
height: 128
|
height: 128
|
||||||
|
|
||||||
source: "../../../images/loader-snake-128.png"
|
property bool white: false
|
||||||
|
|
||||||
RotationAnimation on rotation {
|
source: white ? "../../../icons/loader-snake-256-wf.gif" : "../../../icons/loader-snake-256.gif"
|
||||||
duration: 2000
|
playing: true
|
||||||
loops: Animation.Infinite
|
}
|
||||||
from: 0
|
|
||||||
to: 360
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in a new issue