Merge and improve on the message chat user experience - show latest message, latest chat thread

frontend/src/lang/en.js

@@ -148,6 +148,7 @@ export default {
   'My work.': 'My work.',
   'Copy from existing proposals': 'Copy from existing proposals',
   Copy: 'Copy',
+  Choose: 'Choose',
   'Apply proposal template': 'Apply proposal template',
   Proposal: 'Proposal',
   Milestones: 'Milestones',

frontend/src/lang/zh.js

@@ -147,6 +147,7 @@ export default {
   'My work.': '我的工作',
   'Copy from existing proposals': '从现有提案中拷贝',
   Copy: '拷贝',
+  Choose: '选择',
   'Apply proposal template': '应用提案模版',
   Proposal: '报价',
   Milestones: '项目阶段',

frontend/src/pages/guest/SigninWithEmailAndCode.vue

@@ -9,30 +9,18 @@
         <div class="form-group">
           <div class="input-group-container">
             <div class="form-floating">
-              <input
-                class="input-email"
-                id="inputCode"
-                type="text"
-                :placeholder="'Code sent to your email'"
-                v-model="code"
-                @focus="inputFocus"
-              />
+              <input class="input-email" id="inputCode" type="text" :placeholder="'Code sent to your email'"
+                v-model="code" @focus="inputFocus" />
               <label for="inputCode">{{ $t('Authenticaion Code Sent To Your Email') }}</label>
             </div>
             <button type="submit" class="btn-start">{{ $t('SIGN IN') }}</button>
           </div>
         </div>
         <p class="error-msg" v-if="message != null">{{ message }}</p>
-        <p class="error-msg" v-if="!message">
-          <span>{{ $t("Didn't get the email? Check junk folder or") }}</span>
-          <button
-            class="btn btn-link resend-btn"
-            :disabled="countdown !== 0"
-            type="button"
-            @click="trySigninWithEmail"
-          >
-            {{ $t('send again') }}
-          </button>
+        <p class="error-msg msg-center" v-if="!message">
+          <span>{{ $t('Didn\'t get the email? Check junk folder or') }}</span>
+          <button class="btn btn-link resend-btn" :disabled="countdown !== 0" type="button"
+            @click="trySigninWithEmail">{{ $t('send again') }}</button>
           <span v-if="countdown !== 0" class="countdown">({{ countdown }})</span>
         </p>
       </div>
@@ -64,7 +52,7 @@ export default {
     }
   },
 
-  created() {},
+  created() { },
   mounted() {
     if (this.mnx_IsKeepUserSignedIn() && this.mnx_isUserAuthenticated()) {
       this.mnx_navAfterSignedin()
@@ -162,4 +150,9 @@ export default {
 .countdown {
   color: $primary;
 }
+
+.msg-center {
+  display: flex;
+  align-items: center;
+}
 </style>

frontend/src/pages/user/account/UserProfile.vue

@@ -468,14 +468,14 @@
             <h2 class="accordion-header" :id="'heading' + index">
               <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                 :data-bs-target="'#' + 'collapse' + index" aria-expanded="false" :aria-controls="'collapse' + index">
-                {{ template.title }}
+                <span class="dashed-container">{{ template.title }}</span>
               </button>
             </h2>
             <div :id="'collapse' + index" class="accordion-collapse collapse" :aria-labelledby="'heading' + index"
               data-bs-parent="#template-item-container">
               <div class="accordion-body">
                 <button class="select-template-button" @click="selectTemplate(template)">
-                  {{ $t('Apply') }}
+                  {{ $t('Choose') }}
                 </button>
                 <div class="template-content-textarea" v-html="template.content"></div>
               </div>
@@ -1542,6 +1542,13 @@ export default {
   width: fit-content;
 }
 
+.select-template-button {
+  @extend .btn;
+  @extend .btn-link;
+  @extend .float-end;
+  width: fit-content;
+}
+
 .user-mobile-operation-verified-button {
   @extend .initiate-button;
 }
@@ -1947,4 +1954,8 @@ export default {
 .offcanvas-parent {
   position: relative;
 }
+
+.offcanvas-container {
+  width: 60% !important;
+}
 </style>

frontend/src/pages/user/workspace/Home.vue

@@ -1074,6 +1074,9 @@ export default {
 
 .project-request-container {
   // padding: 32px;
+  padding-top: 12px;
+  margin-top: -12px;
+  border-top: 1px solid #e1e1e1
 }
 
 .float-action-container {
@@ -1586,14 +1589,18 @@ export default {
 .project-milestones-table-btn {
   @extend .btn;
   @extend .btn-primary;
+  border-color: #1748f8;
+  background-color: rgba(23,72,248,0.1);
+  color: #1748f8;
   width: fit-content;
   padding: 0 8px;
-  border-radius: 0;
+  border-radius: 2px;
 
   &:disabled {
-    color: #000000;
-    border-color: #d9d9d9;
-    background-color: #d9d9d9;
+    color: #666666;
+    border-color: white;
+    background-color: white;
+    padding: 0;
     opacity: 1;
   }
 }

frontend/src/pages/user/workspace/requestIssue/Issue.vue

@@ -22,8 +22,8 @@
             <div :id="'existing-request-collapse' + index" class="accordion-collapse collapse"
               :aria-labelledby="'existing-heading' + index" data-bs-parent="#existing-request-item-container">
               <div class="accordion-body">
-                <button class="btn btn-link" @click="copyRequest(existingRequest)">
-                  {{ $t('Copy') }}
+                <button class="copy-existing-button" @click="copyRequest(existingRequest)">
+                  {{ $t('Choose') }}
                 </button>
                 <div class="existing-request-content-text" v-html="existingRequest.content"></div>
               </div>
@@ -412,6 +412,13 @@ export default {
   @extend .w-100;
 }
 
+.copy-existing-button {
+  @extend .btn;
+  @extend .btn-link;
+  @extend .float-end;
+  width: fit-content;
+}
+
 .tag-box-body {
   @extend .flex-row-container;
   @extend .justify-content-start;