From 34cae03ad4ba7c95349521990485d014fd6e22c7 Mon Sep 17 00:00:00 2001 From: Jet Li Date: Sat, 17 Aug 2024 16:38:59 -0700 Subject: [PATCH] Improve message user experience --- frontend/src/assets/styles/inputs.scss | 22 +- frontend/src/components/EmptyContent.vue | 24 +- frontend/src/lang/en.js | 6 +- frontend/src/lang/zh.js | 4 +- frontend/src/pages/guest/FrontDoor.vue | 6 +- .../pages/guest/SigninWithEmailAndCode.vue | 26 +- .../guest/SigninWithEmailAndPassword.vue | 2 +- .../src/pages/user/account/UserProfile.vue | 6 +- frontend/src/pages/user/messages/Home.vue | 28 ++- frontend/src/pages/user/providers/Home.vue | 7 +- frontend/src/pages/user/requests/Propose.vue | 168 +++++++++---- frontend/src/pages/user/workspace/Home.vue | 226 +++++++++++++----- .../user/workspace/projectIssue/Issue.vue | 14 +- frontend/src/plugins/store/basic.js | 6 +- frontend/src/utils/backend/workspace.js | 10 +- 15 files changed, 399 insertions(+), 156 deletions(-) diff --git a/frontend/src/assets/styles/inputs.scss b/frontend/src/assets/styles/inputs.scss index ef21bca..3ac96b2 100644 --- a/frontend/src/assets/styles/inputs.scss +++ b/frontend/src/assets/styles/inputs.scss @@ -6,11 +6,25 @@ @extend .form-control; } -.form-input-back { display: flex; align-items: center; height: 32px; overflow: hidden; cursor: pointer; margin-bottom: 5px; color: $primary; - .input-back-icon {font-size: 32px;} - p {margin: 0; font-weight: 500;} +.form-input-back { + display: flex; + align-items: center; + height: 32px; + overflow: hidden; + cursor: pointer; + margin-bottom: 5px; + color: $primary; + .input-back-icon { + font-size: 32px; + } + p { + margin: 0; + font-weight: 500; + } &:hover { - .input-back-icon {font-size: 35px;} + .input-back-icon { + font-size: 35px; + } } } diff --git a/frontend/src/components/EmptyContent.vue b/frontend/src/components/EmptyContent.vue index 93fb424..f31742b 100644 --- a/frontend/src/components/EmptyContent.vue +++ b/frontend/src/components/EmptyContent.vue @@ -1,7 +1,7 @@ @@ -26,12 +26,22 @@ export default { flex-direction: column; &.auto-fit { - width: 100%; + width: 100%; height: 100%; } - .loading-big {width: 188px; height: 188px;} - .empty-img {width: 188px; height: 188px; margin-bottom: 15px;} - .empty-text {font-size: 26px; color: #6E7387;} + .loading-big { + width: 188px; + height: 188px; + } + .empty-img { + width: 188px; + height: 188px; + margin-bottom: 15px; + } + .empty-text { + font-size: 26px; + color: #6e7387; + } } diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js index 5afe84d..fb7434b 100644 --- a/frontend/src/lang/en.js +++ b/frontend/src/lang/en.js @@ -13,7 +13,7 @@ export default { Duration: 'Duration', days: 'days', Update: 'Update', - "Quote From": 'From', + 'Quote From': 'From', reject: 'reject', accept: 'accept', Note: 'Note', @@ -66,7 +66,7 @@ export default { 'invalid code': 'invalid code', Password: 'Password', 'Forget password': 'Forget password', - 'Invalid password': 'Password doesn\'t match', + 'Invalid password': "Password doesn't match", 'Read More': 'Read More', 'Total earning': 'Total earning', Payable: 'Payable', @@ -214,6 +214,6 @@ export default { Goal: 'Goal', Message: 'Message', 'Upload attachment': 'Upload attachment', - 'Didn\'t get the email? Check junk folder or': 'Didn\'t get the email? Check junk folder or ', + "Didn't get the email? Check junk folder or": "Didn't get the email? Check junk folder or ", 'send again': 'send again' } diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js index c5e6fd9..e1128e4 100644 --- a/frontend/src/lang/zh.js +++ b/frontend/src/lang/zh.js @@ -13,7 +13,7 @@ export default { Duration: '工期', days: '天', Update: '更新', - "Quote From": '需求方', + 'Quote From': '需求方', reject: '拒绝', accept: '接受', Note: '标注', @@ -207,6 +207,6 @@ export default { 'Lines of code per week': '每周代码产量', Message: '消息', 'Upload attachment': '上传附件', - 'Didn\'t get the email? Check junk folder or': '没收到邮件？检查垃圾文件夹或', + "Didn't get the email? Check junk folder or": '没收到邮件？检查垃圾文件夹或', 'send again': '重新发送' } diff --git a/frontend/src/pages/guest/FrontDoor.vue b/frontend/src/pages/guest/FrontDoor.vue index 8b4897c..f5c2f18 100644 --- a/frontend/src/pages/guest/FrontDoor.vue +++ b/frontend/src/pages/guest/FrontDoor.vue @@ -32,11 +32,11 @@ import gql from 'graphql-tag' const GET_USERS = gql` query Users { users { - firstName - lastName + firstName + lastName } } -`; +` export default { name: 'FrontDoor', diff --git a/frontend/src/pages/guest/SigninWithEmailAndCode.vue b/frontend/src/pages/guest/SigninWithEmailAndCode.vue index 5aa1405..2ef44c6 100644 --- a/frontend/src/pages/guest/SigninWithEmailAndCode.vue +++ b/frontend/src/pages/guest/SigninWithEmailAndCode.vue @@ -9,8 +9,14 @@
- +
@@ -18,9 +24,15 @@

{{ message }}

- {{ $t('Didn\'t get the email? Check junk folder or') }} - + {{ $t("Didn't get the email? Check junk folder or") }} + ({{ countdown }})

@@ -52,7 +64,7 @@ export default { } }, - created() { }, + created() {}, mounted() { if (this.mnx_IsKeepUserSignedIn() && this.mnx_isUserAuthenticated()) { this.mnx_navAfterSignedin() @@ -143,7 +155,7 @@ export default { &:disabled { color: $primary; - opacity: .78; + opacity: 0.78; } } diff --git a/frontend/src/pages/guest/SigninWithEmailAndPassword.vue b/frontend/src/pages/guest/SigninWithEmailAndPassword.vue index 270edea..33e4932 100644 --- a/frontend/src/pages/guest/SigninWithEmailAndPassword.vue +++ b/frontend/src/pages/guest/SigninWithEmailAndPassword.vue @@ -3,7 +3,7 @@
-

{{email}}

+

{{ email }}

diff --git a/frontend/src/pages/user/account/UserProfile.vue b/frontend/src/pages/user/account/UserProfile.vue index 4f7e3b9..4f4010f 100644 --- a/frontend/src/pages/user/account/UserProfile.vue +++ b/frontend/src/pages/user/account/UserProfile.vue @@ -216,7 +216,7 @@ -

{{message}}

+

{{ message }}

{{ $t('Have you linked your strip account?') }}