status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
status-desktop/ui/shared/status/StatusLetterIdenticon.qml

37 lines
839 B
QML
Raw Normal View History

feat: introduce StatusIdenticon components This component introduces `StatusLetterIdenticon`, `StatusImageIdenticon` and `StatusIdenticon`. - `StatusLetterIdenticon` renders an identicon with a single letter based on a name. - `StatusImageIdenticon` renders an actual image based on an identicon URL - `StatusIdenticon` is a composition of the former both, but with a loading mechanism to decide which should be rendered The commit also ensures all of these components are used respectively throughout the application.
2020-09-22 14:45:09 +00:00
import QtQuick 2.13
feat(desktop) Added image function in Style Introduced Style.svg() Style.png() Style.emoji() and Style.icon() in Style.qml. Those should be used to set the source in Images instead of using relative paths. Usage: Image { source: Style.svg("check) .... Also moved all Singletons inside a new "utils" folder and made it a QML module, to use import utils 1.0 instead of relative paths Closes #3678
2021-09-28 15:04:06 +00:00
import utils 1.0
feat: introduce StatusIdenticon components This component introduces `StatusLetterIdenticon`, `StatusImageIdenticon` and `StatusIdenticon`. - `StatusLetterIdenticon` renders an identicon with a single letter based on a name. - `StatusImageIdenticon` renders an actual image based on an identicon URL - `StatusIdenticon` is a composition of the former both, but with a loading mechanism to decide which should be rendered The commit also ensures all of these components are used respectively throughout the application.
2020-09-22 14:45:09 +00:00
import "../../shared"
Rectangle {
id: root
fix: fix channel color in communities
2021-03-02 20:43:32 +00:00
property string chatId
feat: introduce StatusIdenticon components This component introduces `StatusLetterIdenticon`, `StatusImageIdenticon` and `StatusIdenticon`. - `StatusLetterIdenticon` renders an identicon with a single letter based on a name. - `StatusImageIdenticon` renders an actual image based on an identicon URL - `StatusIdenticon` is a composition of the former both, but with a loading mechanism to decide which should be rendered The commit also ensures all of these components are used respectively throughout the application.
2020-09-22 14:45:09 +00:00
property string chatName
fix(StatusLetterIdenticon): ensure letterSize is correct Due to historic reasons, conditionally assign a font size for the letter identicon, based on whether or not the app's compact mode is active. Compact mode has become the new default a while back and the component's `isCompact` property isn't set anywhere in throughout the application, resulting in `letterSize` to always be `21`, which is too big. This commit removes the condition, defaulting to always having a letter size of 15 pixels as designed.
2021-05-12 10:02:09 +00:00
property int letterSize: 15
feat: introduce StatusIdenticon components This component introduces `StatusLetterIdenticon`, `StatusImageIdenticon` and `StatusIdenticon`. - `StatusLetterIdenticon` renders an identicon with a single letter based on a name. - `StatusImageIdenticon` renders an actual image based on an identicon URL - `StatusIdenticon` is a composition of the former both, but with a loading mechanism to decide which should be rendered The commit also ensures all of these components are used respectively throughout the application.
2020-09-22 14:45:09 +00:00
width: 40
height: 40
radius: width / 2
color: {
refactor: extract 'channels' to its own file
2021-06-17 22:09:00 +00:00
const color = chatsModel.channelView.getChannelColor(chatId)
feat: introduce StatusIdenticon components This component introduces `StatusLetterIdenticon`, `StatusImageIdenticon` and `StatusIdenticon`. - `StatusLetterIdenticon` renders an identicon with a single letter based on a name. - `StatusImageIdenticon` renders an actual image based on an identicon URL - `StatusIdenticon` is a composition of the former both, but with a loading mechanism to decide which should be rendered The commit also ensures all of these components are used respectively throughout the application.
2020-09-22 14:45:09 +00:00
if (!color) {
wip community
2020-12-11 20:29:46 +00:00
return Style.current.orange
feat: introduce StatusIdenticon components This component introduces `StatusLetterIdenticon`, `StatusImageIdenticon` and `StatusIdenticon`. - `StatusLetterIdenticon` renders an identicon with a single letter based on a name. - `StatusImageIdenticon` renders an actual image based on an identicon URL - `StatusIdenticon` is a composition of the former both, but with a loading mechanism to decide which should be rendered The commit also ensures all of these components are used respectively throughout the application.
2020-09-22 14:45:09 +00:00
}
return color
}
StyledText {
text: (root.chatName.charAt(0) == "#" ? root.chatName.charAt(1) : root.chatName.charAt(0)).toUpperCase()
opacity: 0.7
font.weight: Font.Bold
fix(Communities): fallback to letter identicon if no image available Prior to this commit, communities without an image would render invisible in the navigation bar of the application. To avoid this, we're now falling back to our StatusLetterIdenticon component, which renders the first letter of the community name with the color of the community.
2021-03-10 11:27:35 +00:00
font.pixelSize: root.letterSize
feat: introduce StatusIdenticon components This component introduces `StatusLetterIdenticon`, `StatusImageIdenticon` and `StatusIdenticon`. - `StatusLetterIdenticon` renders an identicon with a single letter based on a name. - `StatusImageIdenticon` renders an actual image based on an identicon URL - `StatusIdenticon` is a composition of the former both, but with a loading mechanism to decide which should be rendered The commit also ensures all of these components are used respectively throughout the application.
2020-09-22 14:45:09 +00:00
color: "white"
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
fix(Communities): fallback to letter identicon if no image available Prior to this commit, communities without an image would render invisible in the navigation bar of the application. To avoid this, we're now falling back to our StatusLetterIdenticon component, which renders the first letter of the community name with the color of the community.
2021-03-10 11:27:35 +00:00
anchors.leftMargin: -1
anchors.bottomMargin: -2
feat: introduce StatusIdenticon components This component introduces `StatusLetterIdenticon`, `StatusImageIdenticon` and `StatusIdenticon`. - `StatusLetterIdenticon` renders an identicon with a single letter based on a name. - `StatusImageIdenticon` renders an actual image based on an identicon URL - `StatusIdenticon` is a composition of the former both, but with a loading mechanism to decide which should be rendered The commit also ensures all of these components are used respectively throughout the application.
2020-09-22 14:45:09 +00:00
}
}