Commit Graph

839 Commits

Author SHA1 Message Date
Lukáš Tinkl 33154a178a fix(SearchPopup): align with design
Needed for status-im/status-desktop#6428

- set the default icon background color to "transparent"; otherwise it
would be black when unset
- set the popup default size to 560x122 (as designed)
- add placeholder for the search field
- correct the font and icon sizes, spacing and margins according to
design
- fix some warnings
2022-09-21 18:20:12 +02:00
Lukáš Tinkl bee3e91423 fix(StatusCheckBox): enable setting the font size
add a possibility to override the font size for the contentItem's
StatusBaseText

otherwise it's impossible to do stuff like:
```
StatusCheckBox {
  font.pixelSize: 15
}
```¨
2022-09-21 18:20:12 +02:00
Mikhail Rogachev bd2932594a feat(StatusScrollView): New scrollview component without twitches (#766) 2022-09-21 18:20:12 +02:00
Khushboo-dev-cpp 170660a6be fix(StatusAssetSelector): Fixes the issue of longer text overlapping with the arrow. Have also added a max width for the text after which it should elide (#772) 2022-09-21 18:20:12 +02:00
Pascal Precht 85ca2dc3b3 feat(StatusStackModal): introduce `prevAction` API
This adds a possible `prevAction` hook to `stackLayout.currentItem`
which is triggered (if it exists) when the stack modal's back button is
hit.
2022-09-21 18:20:12 +02:00
Pascal Precht cf5461799f fix(StatusBaseInput): ensure correct text color is set for disabled
state
2022-09-21 18:20:12 +02:00
Khushboo-dev-cpp 9f87c24a6e fix: Minors fixes for issues found when using StatusFloatingButtons and implementing new SendModal (#748)
1. Fix the issue of floating buttons having incorrect color in Dark theme
2. Added balances param in StatusAssetSelector. ideally should be removed in another task as it is not the correct place for business logic
2022-09-21 18:20:12 +02:00
Khushboo-dev-cpp f8b5beb61c feat(StatusCard): Create a new reusbale card component (#731)
closes #582
2022-09-21 18:20:12 +02:00
Noelia e106f93c4d feat(StatusItemSelector): Component improvements
-  Added `popupItem` property
- Replaced `GridLayout` to `Flow`.
- Added add item logic.
- Added operators logic.
- Added basic documentation.
- Added to sandbox.
2022-09-21 18:20:12 +02:00
Noelia cd0e458ad2 feat(StatusIconTextButton): Created new control
It defines a button composed with an icon and plain text.
It has been documented and added to sandbox.
2022-09-21 18:20:12 +02:00
Noelia 4c3196a255 feat(StatusFloatValidator): Updated default `bottom` and `top` values 2022-09-21 18:20:12 +02:00
Noelia 694496ce75 feat(StatusSwitchTabButton): Added property `pixelSize` 2022-09-21 18:20:12 +02:00
Noelia 0c26e7e35b feat(StatusPickerButton): Added configurable image in front of text 2022-09-21 18:20:12 +02:00
Noelia 6b7a59bae5 chore(icons): Added arrow icon 2022-09-21 18:20:12 +02:00
Noelia 7df9e18840 feat(StatusDropdown): Basic dropdown template 2022-09-21 18:20:12 +02:00
Noelia 96dad45f70 feat(StatusBaseInput): Updated leftMargin depending if it is set from outside 2022-09-21 18:20:12 +02:00
Noelia db2fda5ed4 feat(StatusInput): Added alias property to font and binding to left / right paddings 2022-09-21 18:20:12 +02:00
Noelia 264a45cec3 feat(StatusItemSelector): First component iteration
- Layout, basic properties and signal.
- Default tag displayed.
- TODO: Selector logic.
2022-09-21 18:20:11 +02:00
Alexandra Betouni 828339bf7c fix(CreateChatView): fixed no contacts text alignment (#767)
As part of https://github.com/status-im/status-desktop/issues/6354
2022-09-21 18:20:11 +02:00
Alexandra Betouni 27491d7fee fix(StatusAppChatView): Updated layout based on new designs (#765)
As part of https://github.com/status-im/status-desktop/issues/6352
2022-09-21 18:20:11 +02:00
Olufemi Ade-Olusile d9feeff1a9 chore(StatusIcon): Include Object Name to Status Icon (#761)
* Include auto generated object names for all Icons.

This will help Squish tests easily identify Icons. Which is used in test case https://github.com/status-im/status-desktop/issues/6274

* Include auto generated object names for all Icons.

This will help Squish tests easily identify Icons. Which is used in test case https://github.com/status-im/status-desktop/issues/6274

* Include auto generated object names for all Icons.

This will help Squish tests easily identify Icons. Which is used in test case https://github.com/status-im/status-desktop/issues/6274

* refactor(isContact): rename isMutualContact to isContact

BREAKING CHANGE: isMutualContact is replaced by isContact anywhere it was used

* fix(StatusStackModal): init the next/finish buttons

call `updateRightButtons()` also on creation to correctly initialize the
Next and Finish buttons in derived classes, when one overrrides these

can be seen in the Backup Seed dialog where the Next button is not
enabled even though all 3 boxes are checked

* feat(StatusFontSettings): Add StatusFontSettings component to change StatusMenuItems font attributes (#749)

Required by #6090

* fix(StatusPinInput): `forceFocus` function exposed

* fix(StatusTagSelector): corrected font size in to label

Needed for https://github.com/status-im/status-desktop/issues/6349

* fix(StatusActivityCenterButton): fixed actvity icon position (#763)

Closes https://github.com/status-im/status-desktop/issues/6350

* Include auto generated object names for all Icons.

This will help Squish tests easily identify Icons. Which is used in test case https://github.com/status-im/status-desktop/issues/6274

* Include auto generated object names for all Icons.

This will help Squish tests easily identify Icons. Which is used in test case https://github.com/status-im/status-desktop/issues/6274

* Include auto generated object names for all Icons.

This will help Squish tests easily identify Icons. Which is used in test case https://github.com/status-im/status-desktop/issues/6274

Co-authored-by: Jonathan Rainville <rainville.jonathan@gmail.com>
Co-authored-by: Lukáš Tinkl <lukast@status.im>
Co-authored-by: Michał Iskierko <61889657+endulab@users.noreply.github.com>
Co-authored-by: Sale Djenic <aleksandardjenic@status.im>
Co-authored-by: Alexandra Betouni <31625338+alexandraB99@users.noreply.github.com>
2022-09-21 18:20:11 +02:00
Alexandra Betouni c63ecee172 fix(StatusActivityCenterButton): fixed actvity icon position (#763)
Closes https://github.com/status-im/status-desktop/issues/6350
2022-09-21 18:20:11 +02:00
Alexandra Betouni 052b37a348 fix(StatusTagSelector): corrected font size in to label
Needed for https://github.com/status-im/status-desktop/issues/6349
2022-09-21 18:20:11 +02:00
Sale Djenic 1138a1eb1f fix(StatusPinInput): `forceFocus` function exposed 2022-09-21 18:20:11 +02:00
Michał Iskierko 88e21c0a91 feat(StatusFontSettings): Add StatusFontSettings component to change StatusMenuItems font attributes (#749)
Required by #6090
2022-09-21 18:20:11 +02:00
Lukáš Tinkl ea24acd7ce fix(StatusStackModal): init the next/finish buttons
call `updateRightButtons()` also on creation to correctly initialize the
Next and Finish buttons in derived classes, when one overrrides these

can be seen in the Backup Seed dialog where the Next button is not
enabled even though all 3 boxes are checked
2022-09-21 18:20:11 +02:00
Jonathan Rainville 524168410d refactor(isContact): rename isMutualContact to isContact
BREAKING CHANGE: isMutualContact is replaced by isContact anywhere it was used
2022-09-21 18:20:11 +02:00
Lukáš Tinkl cd2bb8c165 fix(StatusChatList): StatusChatListItem should follow parent's width
both StatusChatList and StatusChatListItem have the same hardcoded width
of 288, so if we want to make the former smaller, StatusChatListItem has
to obey that, otherwise it's cut on its right side in status-desktop

Status Desktop's new designs have a smaller width (272), this fix is
needed for status-im/status-desktop#6343
2022-09-21 18:20:11 +02:00
Kamil K e268edb988 fix: handle animations by higher level nodes or states 2022-09-21 18:20:11 +02:00
Lukáš Tinkl b8dcbb6187 fix(models): flag/currency icons are rendered blurred
exchange language/currency icons, PNG->SVG
2022-09-21 18:20:11 +02:00
Lukáš Tinkl dd38cfc0de fix(StatusIcon): flag/currency icons are rendered blurred
- set the Image's sourceSize only if it's an SVG, otherwise it is
rendered blurry
- remove antialiasing/mipmap; it's not the correct fix, doesn't really
improve the visual quality for smallish items like icons and just causes
memory/GPU overhead
2022-09-21 18:20:11 +02:00
Patryk Osmaczko 9a076ee49c feat(StatusDialog): introduce StatusDialog
closes: #725
2022-09-21 18:20:11 +02:00
Lukáš Tinkl 8fd5f5b3bb fix(sandbox): enable the hover effects by default (#751)
Similar to what we did in status desktop under
d0a26a326e

- since Qt 5.xy, hover is not enabled by default for QQC2, so enable it
unconditionally as we are a desktop app anyway
- this fixes several hover effects being broken, mostly for builtin
components like MenuItem and some buttons (eg. the leftmost NavBar)
where we haven't enabled those with `hoverEnabled: true` explicitely
2022-09-21 18:20:11 +02:00
Lukáš Tinkl f145d30350 fix(@sandbox): greatly speed up (re)build times (#746)
since most of the compilation time is spent on creating the QRC bundle
and the resulting binary is quite huge, advice the `rcc` compiler to add
support for "big resources"
(cf https://doc.qt.io/qt-6/resources.html#embedding-large-files)

Also pass the env $LDFLAGS to qmake (to be able to link e.g. with mold,
which again greatly reduces the time to link the binary)

this leads to 6-10x faster time when recompiling
(Linux, gcc 12.1.1, mold 1.3.0)

BEFORE:
Clean build:
real	0m57,256s
user	1m25,869s
sys	0m40,963s

Incremental build, one file touched:
real	0m54,323s
user	0m54,012s
sys	0m2,934s

AFTER:
Clean build:
real	0m7,276s
user	0m21,001s
sys	0m37,256s

Incremental build, one file touched:
real	0m5,569s
user	0m4,850s
sys	0m0,840s
2022-09-21 18:20:11 +02:00
Mikhail Rogachev 586d975d76 feat(StatusStackModal): add subheader and remove explicit width (#747) 2022-09-21 18:20:11 +02:00
Igor Sirotin b720f13caa fix(icons): Updated arrows icons (#735) 2022-09-21 18:20:11 +02:00
Mikhail Rogachev 59b9532cb8 Fix(StatusStackModal): fix height calculation (#745) 2022-09-21 18:20:11 +02:00
Iuri Matias 9f8caa00bb bug(@status-q): only run animations when they are visible to avoid cpu issues (#744)
bug(@status-q): only run animations when they are visible to avoid cpu issues

remove prop that doesn't exist
2022-09-21 18:20:11 +02:00
Mikhail Rogachev 2a64ba455b feat(StatusStackModal): Component to replace nested StausModals (#733) 2022-09-21 18:20:11 +02:00
Noelia 9f3aa21834 fix(StatusChatToolBar): Updated activity center button size
Activity center button has now the same size than the other toolbar buttons.

Fixes https://github.com/status-im/status-desktop/issues/6216
2022-09-21 18:20:11 +02:00
Noelia 6207e1f34f feat(StatusRoundButton): Added `Tertiary` type
- Transparent background but when hovered, like Primary type in idle state.

- Updated sandbox with the new type.
2022-09-21 18:20:11 +02:00
Sale Djenic e8bb092db4 fix(StatusToastMessage): `clicked` signal added 2022-09-21 18:20:11 +02:00
Jonathan Rainville e0ddb0f8d0 chore(StatusFlatRoundButon): fix warning related to hovered property 2022-09-21 18:20:11 +02:00
Noelia eddea24c63 fix(StatusCommunityCard): Added implicit width and height (#739)
Fixes https://github.com/status-im/status-desktop/issues/6206
2022-09-21 18:20:11 +02:00
Igor Sirotin 679096e12e feat(icons): Added unpin icon (#738) 2022-09-21 18:20:11 +02:00
Igor Sirotin acb56141fa feat(StatusListItem): Added `loading` and `loadingFailed` properties (#736) 2022-09-21 18:20:11 +02:00
Mikhail Rogachev 0a36c4c88d fix(StatusCommunityTag): fix StatusCommunityTag and and ETH icon (#734) 2022-09-21 18:20:11 +02:00
Igor Sirotin 2bb0a67754 fix(contributing.md): Added `Popup` sizing guidelines (#728) 2022-09-21 18:20:11 +02:00
Mikhail Rogachev 529cf9de3a feat(StatusCommunityTags): Add community tags component (#718) 2022-09-21 18:20:11 +02:00
Boris Melnik f78693d247 feat(StatusQ.Controls): Introduce `StatusActivityCenterButton` (#705) 2022-09-21 18:20:11 +02:00
Igor Sirotin f1b3c25b63 fix(StatusBaseButton): Passed `icon.rotation` property to the icon component (#727) 2022-09-21 18:20:11 +02:00
Khushboo-dev-cpp 517dcf646e feat(StatusFloatingButtonsSelector): Implements the floating buttons selector widget (#681)
To be used in with StatusModal or independently
2022-09-21 18:20:11 +02:00
Igor Sirotin 3d779f78cb fix(StatusTabButton): Hide bottom dash in disabled state (#729) 2022-09-21 18:20:11 +02:00
Patryk Osmaczko 5f3d5aa31b fix: adapt StatusMemeberListItem usages to renamed properties 2022-09-21 18:20:11 +02:00
Noelia 2b3cbf6444 feat(StatusCommunityCard): Added explicit dependency between z properties
Added explicit dependency between z properties with banner, logo, and content card.
2022-09-21 18:20:11 +02:00
Noelia 31539e0606 fix(StatusListItemTag): Added margins to better center the content
Added margins to better center the content
2022-09-21 18:20:11 +02:00
Noelia bc9e177f27 feat(StatusCommunityCard): New design
- Added community banner.
- Added community restrictions / private.
- Modified card background shape.
- Modified logo shape and position.
- Modified text position and size.
- Modified `loading state` card.
- Added `DropShadow` effect.
- Added new icons.
- Added new community images and updated model.
- Added numbers format function.
- Added following new properties: `banner`,`activeUsers` `communityColor`, `isPrivate` and `tokenLogo`.

Closes #692
2022-09-21 18:20:11 +02:00
Patryk Osmaczko 869db82f86 chore: adapt to new user/member backend models structure 2022-09-21 18:20:11 +02:00
Patryk Osmaczko 036212c5e3 chore(StatusModal): set StatusModal margins to 64
closes: status-im/status-desktop#6049
2022-09-21 18:20:11 +02:00
Patryk Osmaczko ad149843bf chore(StatusModal): make StatusModal follow padding
https://github.com/status-im/status-desktop/pull/6010#discussion_r892148627
2022-09-21 18:20:11 +02:00
Noelia ca9d67525a feat(StatusTagSelector): Updated component to use `StatusTagItem` as a delegate
Updated component to use `StatusTagItem` as a delegate.
2022-09-21 18:20:11 +02:00
Noelia b06dba5aea feat(StatusTagItem): Created new control that represents a tag item
Created new `StatusTagItem` control and added that represents a tag item with a `text`, `icon` and `isReadonly` properties.
2022-09-21 18:20:10 +02:00
Noelia 259aeba066 feat(StatusTagSelector): Introduced readonly tags and possibility of icon
- Different tag color depending if the entry `isReadonly` or not.
- Tag disabled if the entry `isReadonly`.
- Possibility to show icon if entry contains the proper info.
- Added property `orderByReadonly` to position `isReadonly` entries in the left.

Updated sandbox project examples according to new tag updates.

Closes #694
2022-09-21 18:20:10 +02:00
Anthony Laibe 946e169ee0 feat(@StatusAssetSelector): Use asset selector per symbol and not (#715)
address
2022-09-21 18:20:10 +02:00
Alexandra Betouni 6cfeafaada fix(StatusTagSelector): Fixed Layout issues when shrinking (#714)
Closes https://github.com/status-im/status-desktop/issues/5954
2022-09-21 18:20:10 +02:00
Alexandra Betouni f0e7ad9a4b fix(StatusSeedPhraseInput): removed input anchoring not needed after refactor
Closes https://github.com/status-im/status-desktop/issues/5967
2022-09-21 18:20:10 +02:00
Igor Sirotin 4379c3dc61 fix(StatusBaseButton): Mouse events ignored when button is disabled (#707)
* fix(StatusBaseButton): Mouse events ignored when button is disabled
2022-09-21 18:20:10 +02:00
Noelia f8bc5530aa fix(StatusPopupMenu): Changed dim to false
Changed dim to false.

Fixes https://github.com/status-im/status-desktop/issues/5828
2022-09-21 18:20:10 +02:00
Patryk Osmaczko bb3325ee6d fix(StatusSearchPopup): add color hash to chat icons 2022-09-21 18:20:10 +02:00
Patryk Osmaczko 2bce533f46 chore(StatusBaseText): add theme aware default color 2022-09-21 18:20:10 +02:00
Boris Melnik fae4543b4f feat(StatusMemberListItem): Add admin status (#704) 2022-09-21 18:20:10 +02:00
Alexandra Betouni b94debcaaf feat(StatusTagSelector): Added colorIdForPubkeyGet property (#702)
Needed for: https://github.com/status-im/status-desktop/issues/5875
2022-09-21 18:20:10 +02:00
Noelia c7a2f6b479 feat(StatusTagSelector): Added property `showSortedListOnlyWhenText` and make dynamic the `implicitHeight`
Added property `showSortedListOnlyWhenText` and make dynamic the `implicitHeight` calculation.
2022-09-21 18:20:10 +02:00
Noelia 7f04c90494 chore(assets): Added new icon `add-to-dm`
Added new icon `add-to-dm`.
2022-09-21 18:20:10 +02:00
Noelia 88f791f3ac feat(StatusChatToolBar): Add flexible component in right toolbar position
- Added loader in right component position and removed `StatusChatInfoButton` specific.

- Updated sandbox and added new example in Layouts with another different component than the `StatusChatInfoButton`.

BREAKING CHANGES:
The toolbar now expects a component to be loaded. The previous `StatusChatInfoButton` component has been removed and needs to be passed as a component from outside whenever needed.
Breaking changes in `desktop` will be addressed in: https://github.com/status-im/status-desktop/pull/5823
2022-09-21 18:20:10 +02:00
Noelia 7bd9b37792 feat(StatusCommunityCard): First component iteration (#693)
It includes logo, title, community members, description, loaded, community id, popularity, tags row (that must be replaced to a new StatusQ component `StatusListItemTagRow`.

It also contains `locale` property used to decide the member's number format.

Added loading card.

Added Community Card page (components test) and view (demo app) in sandbox.

Added component documentation.

Part of task: https://github.com/status-im/status-desktop/issues/4936
2022-09-21 18:20:10 +02:00
Patryk Osmaczko 7281c4142a chore(StatusBaseInput): expose placeholder as alias 2022-09-21 18:20:10 +02:00
Patryk Osmaczko 9a841b9c20 chore(StatusInput): use layouts for elements positioning
It removes complexity and fixes StatusInput to follow the size assigned
by client.
2022-09-21 18:20:10 +02:00
Sale Djenic 76a0caaa13 fix(StatusRoundedImage): actual loaded image width and height updated
In case you're dynamically change source image and image width and height
are way bigger than the rounded image component width and height, resizing
was not done correctly.

update

update
2022-09-21 18:20:10 +02:00
Alexandra Betouni 99f1634fbc feat(icons): adding view icon
Needed for: https://github.com/status-im/status-desktop/issues/4918
2022-09-21 18:20:10 +02:00
Alexandra Betouni e683793021 feat(StatusBaseInput): disabled mouse area when input is disabled
Needed for: https://github.com/status-im/status-desktop/issues/4918
2022-09-21 18:20:10 +02:00
Stefan 13b41cbd00 fix(StatusImageCrop): fix wrong initial image fit
The initial fit was computed for the square crop-window

updates: 5118
2022-09-21 18:20:10 +02:00
Mikhail Rogachev b9088427d7 feat(StatusLabeledSlider): add ability to decorate sliders and slider, decorated with lablels (#687)
Close #686
2022-09-21 18:20:10 +02:00
r4bbit.eth fff2682a9c fix(StatusNavigationListItem): make click handler work again (#688)
The click handler used inside the component broke in one of the latest
changes done in `StatusListItem` where it expects two arguments being
passed to its click handler.

This commit fixes it by supplying all needed arguments (where `itemId`
is always `''` unless set differently)
2022-09-21 18:20:10 +02:00
Mikhail Rogachev 290d5cbebc feat(StatusColorSpace): impl color space component (#679) 2022-09-21 18:20:10 +02:00
Alexandra Betouni b4c37e2255 fix(StatusListItem): added mouse obj parameter in clicked signal (#683)
Needed for: https://github.com/status-im/status-desktop/issues/5212
2022-09-21 18:20:10 +02:00
Igor Sirotin c2c47b6bb7 feat(StatusTabButton): Created component as per design (#684) 2022-09-21 18:20:10 +02:00
Alexandra Betouni d3637e8a56 feat(StatusTagSelector): Replaced member delegate w/ StatusMemberLisItm (#676)
Fixes https://github.com/status-im/status-desktop/issues/5625
2022-09-21 18:20:10 +02:00
Boris Melnik 5513158f89 fix(StatusTagSelector): Fix mouse hover (#678)
Closes: status-im/status-desktop#5220
2022-09-21 18:20:10 +02:00
Alexandra Betouni 88c26d148f fix(StatusChatList): Fixed alignment in left column (#680)
Needed for https://github.com/status-im/status-desktop/issues/5211
2022-09-21 18:20:10 +02:00
Igor Sirotin 0714d6b305 fix(StatusLetterIdentIcon): Display emoji as svg (#677)
* fix(StatusLetterIdentIcon): Display emoji as svg

* feat(StatusEmoji): Added StatusEmoji image component
2022-09-21 18:20:10 +02:00
r4bbit.eth 620e977673 fix(StatusSeedPhraseInput): ensure suggested item has correct text color (#670) 2022-09-21 18:20:10 +02:00
Igor Sirotin 5a9f9527a7 fix(StatusSlider): Fixed background behavior (#667) 2022-09-21 18:20:10 +02:00
Mikhail Rogachev 85713de833 fix(StatusProgressBar): Hide text in bar if it does not fit (#672) 2022-09-21 18:20:10 +02:00
Igor Sirotin 7baa94eab3 feat(Emoji): Functions improvements (#673)
- Introduced `format] argument for `parse` function
- New `iconId(text)` function
2022-09-21 18:20:10 +02:00
Alexandra Betouni cf7255b6f1 fix(StatusSeedPhraseInput): anchored component to its parent bottom
Needed for: https://github.com/status-im/status-desktop/issues/5669
2022-09-21 18:20:10 +02:00
Alexandra Betouni 4365911457 feat(StatusInput): exposed letterIconName property (#671)
Exposed letterIconName to be set in StatusLetterIdenticon

Needed for: https://github.com/status-im/status-desktop/issues/5636
2022-09-21 18:20:10 +02:00
Jonathan Rainville df3452d24d fix(StatusTagSelector): hide contact when it is selected (#668) 2022-09-21 18:20:10 +02:00
Jonathan Rainville 818374af1a fix(StatusSeedPhraseInput): autocomplete when word not alone in the list
The problem was that if the clicked word (or tabbed) was not alone in the suggestion list, the done signal was not called. Now it is always called when clicking on using tab or enter.
2022-09-21 18:20:10 +02:00
Stefan 1acbeb1962 fix(StatusSlider): improve handle draging area
Issues
- The slider only handle mouse events in its own control space.
- In oder to use the entire area it needs to be centered.

Fixes

- Center the content vertically (handle and slider bar)
- Height and implicitHeight defaults to heigh of the handle
- Add note to create awareness about the mouse handling requirements
2022-09-21 18:20:10 +02:00