From db39c109196c88fd571a573c5af9581a97c3c96a Mon Sep 17 00:00:00 2001
From: cosmos-explorer <88151306+cosmos-explorer@users.noreply.github.com>
Date: Wed, 15 Mar 2023 04:27:17 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20allow=20users=20to=20send?=
 =?UTF-8?q?=20feedback=20to=20featbit's=20maintainers=20(#271)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: added feedback feature

* done

* typo

---------

Co-authored-by: deleteLater <mikcczhang@gmail.com>
---
 .../components/header/header.component.html   |  71 ++++++---
 .../components/header/header.component.less   |  31 ++--
 .../components/header/header.component.ts     |  43 ++++++
 .../src/app/core/services/feedback.service.ts |  19 +++
 modules/front-end/src/locale/messages.xlf     | 127 ++++++++++++----
 modules/front-end/src/locale/messages.zh.xlf  | 138 ++++++++++++++----
 6 files changed, 339 insertions(+), 90 deletions(-)
 create mode 100644 modules/front-end/src/app/core/services/feedback.service.ts

diff --git a/modules/front-end/src/app/core/components/header/header.component.html b/modules/front-end/src/app/core/components/header/header.component.html
index 87e517b2b..d9060dc01 100644
--- a/modules/front-end/src/app/core/components/header/header.component.html
+++ b/modules/front-end/src/app/core/components/header/header.component.html
@@ -6,47 +6,47 @@
   </nz-breadcrumb>
 
   <div class="header-btns">
-    <div class="guide-btn" nz-tooltip="Quick Start Guide" i18n-nz-tooltip="@@common.quick-start-guide" (click)="onQuickStartGuideClick()">
+    <div class="header-btn feedback" (click)="openFeedbackModal()" i18n="@@common.feedback">Feedback</div>
+    <div class="header-btn" nzTooltipPlacement="bottom" nz-tooltip="Quick Start Guide" i18n-nz-tooltip="@@common.quick-start-guide" (click)="onQuickStartGuideClick()">
       <span nz-icon nzType="read" nzTheme="outline"></span>
     </div>
-  </div>
-  <div style="display:flex;justify-content: flex-end;align-items: center">
-    <div class="header-info">
-      <div class="org-proj-env">
+    <div class="org-btns">
+      <div class="header-info">
+        <div class="org-proj-env">
         <span [routerLink]="['/organizations']">
           <i nz-icon nzType="icons:icon-org"></i>
           {{currentOrganization?.name}}
         </span>
-        <span (click)="envModalVisible=true">
+          <span (click)="envModalVisible=true">
           <i nz-icon nzType="icons:icon-proj"></i>
-          {{currentProjectEnv?.projectName}}
+            {{currentProjectEnv?.projectName}}
         </span>
-        <span (click)="envModalVisible=true" nz-popover i18n-nz-popover="@@common.env-secret" nzPopoverTitle="Environment Secret"
-          [nzPopoverContent]="environmentSecretContent"
-          style="background-color: transparent;"
-          nzPopoverOverlayClassName="env-secret-popover">
+          <span (click)="envModalVisible=true" nz-popover i18n-nz-popover="@@common.env-secret" nzPopoverTitle="Environment Secret"
+                [nzPopoverContent]="environmentSecretContent"
+                style="background-color: transparent;"
+                nzPopoverOverlayClassName="env-secret-popover">
 
           <i nz-icon nzType="icons:icon-env"></i>
-          {{currentProjectEnv?.envName}}
+            {{currentProjectEnv?.envName}}
 
-          <ng-template #environmentSecretContent>
+            <ng-template #environmentSecretContent>
             <div class="env-secret-popover-content" (click)="copyText($event, currentProjectEnv?.envSecret)">
               <i class="copy-icon" nz-icon
-                nzType="icons:icon-copy"></i>
+                 nzType="icons:icon-copy"></i>
               {{currentProjectEnv?.envSecret}}
             </div>
           </ng-template>
         </span>
-      </div>
+        </div>
 
-      <div class="switch" (click)="envModalVisible=true">
-        <button class="switch-link-btn" nz-button nzType="link">
-          <i nz-icon nzType="icons:icon-swap"></i>
-        </button>
+        <div class="switch" (click)="envModalVisible=true">
+          <button class="switch-link-btn" nz-button nzType="link">
+            <i nz-icon nzType="icons:icon-swap"></i>
+          </button>
+        </div>
       </div>
     </div>
   </div>
-
 </section>
 
 <nz-modal nzCentered nzWidth="792" [nzVisible]="envModalVisible" [nzFooter]="modalFooter"
@@ -80,3 +80,34 @@
     <button nz-button nzType="primary" (click)="envModalConfirm()" i18n="@@common.save">Save</button>
   </ng-template>
 </nz-modal>
+
+<nz-modal [nzVisible]="feedbackModalVisible"
+          [nzTitle]="feedbackModalTitle"
+          [nzCentered]="true"
+          [nzContent]="feedbackModalContent"
+          [nzFooter]="feedbackModalFooter"
+          (nzOnCancel)="feedbackModalVisible=false">
+  <ng-template #feedbackModalTitle><ng-container i18n="@@common.send-feedback">Send feedback</ng-container></ng-template>
+  <ng-template #feedbackModalContent>
+    <form nz-form [formGroup]="feedbackForm" nzLayout="vertical">
+      <nz-form-item>
+        <nz-form-label nzRequired i18n="@@common.email">Email</nz-form-label>
+        <nz-form-control nzHasFeedback i18n-nzErrorTip="@@common.email-cannot-be-empty" nzErrorTip="Email cannot be empty">
+          <input nz-input formControlName="email" />
+        </nz-form-control>
+      </nz-form-item>
+      <nz-form-item>
+        <nz-form-label nzRequired i18n="@@common.message">Message</nz-form-label>
+        <nz-form-control nzHasFeedback nzErrorTip="Message is mandatory" i18n-nzErrorTip="@@common.message-mandatory">
+          <textarea nz-input formControlName="message" i18n-placeholder="@@common.message-placeholder" placeholder="Have you any feedback for us?">
+          </textarea>
+        </nz-form-control>
+      </nz-form-item>
+    </form>
+  </ng-template>
+
+  <ng-template #feedbackModalFooter>
+    <button nz-button nzType="default" (click)="feedbackModalVisible=false" i18n="@@common.cancel">Cancel</button>
+    <button nz-button nzType="primary" [nzLoading]="sendingFeedback" [disabled]="feedbackForm.invalid" (click)="sendFeedback()" i18n="@@common.send">Send</button>
+  </ng-template>
+</nz-modal>
diff --git a/modules/front-end/src/app/core/components/header/header.component.less b/modules/front-end/src/app/core/components/header/header.component.less
index bb57fbbfc..1374c9230 100644
--- a/modules/front-end/src/app/core/components/header/header.component.less
+++ b/modules/front-end/src/app/core/components/header/header.component.less
@@ -163,32 +163,37 @@ i:hover {
 }
 
 .header-btns {
-  width: 60px;
-  height: 60px;
-  float: right;
   display: flex;
-  flex-direction: row;
   align-items: center;
-  padding: 12px 8px;
-  background: @grey5-color;
-  border-radius: 42px;
-  gap: 32px;
-  position: relative;
-  margin-left: auto;
-  margin-right: 10px;
 
-  .guide-btn {
+  .header-btn {
     font-size: 18px;
     cursor: pointer;
     padding: 8px 13px;
     margin-top: 3px;
     border-radius: 42px;
     box-sizing: border-box;
+
+    &.feedback {
+      font-size: 14px;
+      font-weight: 700;
+
+      &:hover {
+        color: @green70-color;
+      }
+    }
   }
 
-  .guide-btn:hover {
+  .header-btn:hover {
     span {
       color: @green70-color;
     }
   }
+
+  .org-btns {
+    display:flex;
+    justify-content: flex-end;
+    align-items: center
+  }
 }
+
diff --git a/modules/front-end/src/app/core/components/header/header.component.ts b/modules/front-end/src/app/core/components/header/header.component.ts
index 44cb65c50..6c74af2fd 100644
--- a/modules/front-end/src/app/core/components/header/header.component.ts
+++ b/modules/front-end/src/app/core/components/header/header.component.ts
@@ -10,6 +10,8 @@ import { NzMessageService } from "ng-zorro-antd/message";
 import { MessageQueueService } from "@services/message-queue.service";
 import { Observable } from "rxjs";
 import { copyToClipboard } from '@utils/index';
+import { FormBuilder, FormGroup, Validators } from "@angular/forms";
+import { FeedbackService } from "@services/feedback.service";
 
 @Component({
   selector: 'app-header',
@@ -38,11 +40,18 @@ export class HeaderComponent implements OnInit {
     private organizationService: OrganizationService,
     private projectService: ProjectService,
     private message: NzMessageService,
+    private fb: FormBuilder,
+    private feedbackService: FeedbackService,
     private readonly breadcrumbService: BreadcrumbService,
     private permissionsService: PermissionsService,
     private messageQueueService: MessageQueueService,
   ) {
     this.breadcrumbs$ = breadcrumbService.breadcrumbs$;
+
+    this.feedbackForm = this.fb.group({
+      email: ['', [Validators.required, Validators.email]],
+      message:['',[Validators.required]]
+    });
   }
 
   ngOnInit(): void {
@@ -151,4 +160,38 @@ export class HeaderComponent implements OnInit {
       () => this.message.success($localize `:@@common.copy-success:Copied`)
     );
   }
+
+  // feedback
+  feedbackModalVisible = false;
+  sendingFeedback = false;
+  feedbackForm: FormGroup;
+
+  openFeedbackModal() {
+    this.feedbackModalVisible = true;
+    this.feedbackForm.reset();
+  }
+  sendFeedback() {
+    if (this.feedbackForm.invalid) {
+      for (const i in this.feedbackForm.controls) {
+        this.feedbackForm.controls[i].markAsDirty();
+        this.feedbackForm.controls[i].updateValueAndValidity();
+      }
+    }
+
+    this.sendingFeedback = true;
+    const { email, message } = this.feedbackForm.value;
+
+    this.feedbackService.sendFeedback(email, message).subscribe({
+      next: () => {
+        this.message.success($localize `:@@common.feedback-success-message:Thank you for sending us your feedback, we'll get back to you very soon!`);
+      },
+      error: () => {
+        this.message.error($localize `:@@common.feedback-failure-message:We were not able to send your feedback, Please try again!`);
+      },
+      complete: () => {
+        this.sendingFeedback = false;
+        this.feedbackModalVisible = false;
+      }
+    });
+  }
 }
diff --git a/modules/front-end/src/app/core/services/feedback.service.ts b/modules/front-end/src/app/core/services/feedback.service.ts
new file mode 100644
index 000000000..e4734cfe6
--- /dev/null
+++ b/modules/front-end/src/app/core/services/feedback.service.ts
@@ -0,0 +1,19 @@
+import { HttpClient, HttpHeaders } from "@angular/common/http";
+import { Injectable } from "@angular/core";
+import { Observable } from "rxjs";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class FeedbackService {
+  private url = "https://www.featbit.co/api/feedback";
+  private headers: HttpHeaders;
+
+  constructor(private http: HttpClient) {
+    this.headers = new HttpHeaders().set('token', 'uxeizS3tlCXRKLOi4GPtAU1OcVl3RkDR54HKlbt7tVZGaWTtmvfZYheQDUGLr4troWdksluYijZHGDKB');
+  }
+
+  sendFeedback(email: string, message: string): Observable<any> {
+    return this.http.post(this.url, { email, message }, { headers: this.headers });
+  }
+}
diff --git a/modules/front-end/src/locale/messages.xlf b/modules/front-end/src/locale/messages.xlf
index 07ab6ebd6..87af57093 100644
--- a/modules/front-end/src/locale/messages.xlf
+++ b/modules/front-end/src/locale/messages.xlf
@@ -334,6 +334,10 @@
           <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
           <context context-type="linenumber">79,80</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">110,111</context>
+        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/props-drawer/props-drawer.component.html</context>
           <context context-type="linenumber">103</context>
@@ -1694,11 +1698,18 @@
           <context context-type="linenumber">242,243</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="common.feedback" datatype="html">
+        <source>Feedback</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">9,10</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="common.quick-start-guide" datatype="html">
         <source>Quick Start Guide</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
-          <context context-type="linenumber">9</context>
+          <context context-type="linenumber">10</context>
         </context-group>
       </trans-unit>
       <trans-unit id="common.change-environment" datatype="html">
@@ -1722,32 +1733,101 @@
           <context context-type="linenumber">73,75</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="common.send-feedback" datatype="html">
+        <source>Send feedback</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">90,91</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="common.email" datatype="html">
+        <source>Email</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">94,95</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/features/login/do-login/do-login.component.html</context>
+          <context context-type="linenumber">7,8</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/features/safe/iam/groups/details/team/team.component.html</context>
+          <context context-type="linenumber">28</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/features/safe/iam/policies/details/team/team.component.html</context>
+          <context context-type="linenumber">29</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/features/safe/iam/team/details/setting/setting.component.html</context>
+          <context context-type="linenumber">18</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/features/safe/iam/team/index/index.component.html</context>
+          <context context-type="linenumber">30</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="common.email-cannot-be-empty" datatype="html">
+        <source>Email cannot be empty</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">95,96</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="common.message" datatype="html">
+        <source>Message</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">100,101</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="common.message-mandatory" datatype="html">
+        <source>Message is mandatory</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">101</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="common.message-placeholder" datatype="html">
+        <source>Have you any feedback for us?</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">102,104</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="common.send" datatype="html">
+        <source>Send</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">111,112</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="7371988988136572417" datatype="html">
         <source>You don&apos;t have permissions to read project list, please contact the admin to grant you the necessary permissions</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
-          <context context-type="linenumber">52</context>
+          <context context-type="linenumber">61</context>
         </context-group>
       </trans-unit>
       <trans-unit id="5850481742796290933" datatype="html">
         <source>You don&apos;t have permissions to read environment list, please contact the admin to grant you the necessary permissions</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
-          <context context-type="linenumber">53</context>
+          <context context-type="linenumber">62</context>
         </context-group>
       </trans-unit>
       <trans-unit id="1576196702830193597" datatype="html">
         <source>You don&apos;t have permissions to read project and environment list, please contact the admin to grant you the necessary permissions</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
-          <context context-type="linenumber">53</context>
+          <context context-type="linenumber">62</context>
         </context-group>
       </trans-unit>
       <trans-unit id="common.copy-success" datatype="html">
         <source>Copied</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
-          <context context-type="linenumber">151</context>
+          <context context-type="linenumber">160</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/user-segments-flags-drawer/user-segments-flags-drawer.component.ts</context>
@@ -1798,6 +1878,20 @@
           <context context-type="linenumber">181</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="common.feedback-success-message" datatype="html">
+        <source>Thank you for sending us your feedback, we&apos;ll get back to you very soon!</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
+          <context context-type="linenumber">186</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="common.feedback-failure-message" datatype="html">
+        <source>We were not able to send your feedback, Please try again!</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
+          <context context-type="linenumber">189</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="iam.team.member-drawer.title" datatype="html">
         <source>Add team member</source>
         <context-group purpose="location">
@@ -2922,29 +3016,6 @@
           <context context-type="linenumber">39,40</context>
         </context-group>
       </trans-unit>
-      <trans-unit id="common.email" datatype="html">
-        <source>Email</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/features/login/do-login/do-login.component.html</context>
-          <context context-type="linenumber">7,8</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/features/safe/iam/groups/details/team/team.component.html</context>
-          <context context-type="linenumber">28</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/features/safe/iam/policies/details/team/team.component.html</context>
-          <context context-type="linenumber">29</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/features/safe/iam/team/details/setting/setting.component.html</context>
-          <context context-type="linenumber">18</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/features/safe/iam/team/index/index.component.html</context>
-          <context context-type="linenumber">30</context>
-        </context-group>
-      </trans-unit>
       <trans-unit id="8056544210376488" datatype="html">
         <source>username is mandatory</source>
         <context-group purpose="location">
diff --git a/modules/front-end/src/locale/messages.zh.xlf b/modules/front-end/src/locale/messages.zh.xlf
index f8e94c889..576348729 100644
--- a/modules/front-end/src/locale/messages.zh.xlf
+++ b/modules/front-end/src/locale/messages.zh.xlf
@@ -367,6 +367,10 @@
           <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
           <context context-type="linenumber">79,80</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">110,111</context>
+        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/props-drawer/props-drawer.component.html</context>
           <context context-type="linenumber">103</context>
@@ -1809,11 +1813,19 @@
         </context-group>
         <target>关闭</target>
       </trans-unit>
+      <trans-unit id="common.feedback" datatype="html">
+        <source>Feedback</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">9,10</context>
+        </context-group>
+        <target>反馈</target>
+      </trans-unit>
       <trans-unit id="common.quick-start-guide" datatype="html">
         <source>Quick Start Guide</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
-          <context context-type="linenumber">9</context>
+          <context context-type="linenumber">10</context>
         </context-group>
         <target>快速开始引导</target>
       </trans-unit>
@@ -1841,11 +1853,87 @@
         </context-group>
         <target>环境</target>
       </trans-unit>
+      <trans-unit id="common.send-feedback" datatype="html">
+        <source>Send feedback</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">90,91</context>
+        </context-group>
+        <target>发送反馈</target>
+      </trans-unit>
+      <trans-unit id="common.email" datatype="html">
+        <source>Email</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">94,95</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/features/login/do-login/do-login.component.html</context>
+          <context context-type="linenumber">7,8</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/features/safe/iam/groups/details/team/team.component.html</context>
+          <context context-type="linenumber">28</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/features/safe/iam/policies/details/team/team.component.html</context>
+          <context context-type="linenumber">29</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/features/safe/iam/team/details/setting/setting.component.html</context>
+          <context context-type="linenumber">18</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/features/safe/iam/team/index/index.component.html</context>
+          <context context-type="linenumber">30</context>
+        </context-group>
+        <target>邮箱</target>
+      </trans-unit>
+      <trans-unit id="common.email-cannot-be-empty" datatype="html">
+        <source>Email cannot be empty</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">95,96</context>
+        </context-group>
+        <target>邮箱不能为空</target>
+      </trans-unit>
+      <trans-unit id="common.message" datatype="html">
+        <source>Message</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">100,101</context>
+        </context-group>
+        <target>信息</target>
+      </trans-unit>
+      <trans-unit id="common.message-mandatory" datatype="html">
+        <source>Message is mandatory</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">101</context>
+        </context-group>
+        <target>信息不能为空</target>
+      </trans-unit>
+      <trans-unit id="common.message-placeholder" datatype="html">
+        <source>Have you any feedback for us?</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">102,104</context>
+        </context-group>
+        <target>反馈信息</target>
+      </trans-unit>
+      <trans-unit id="common.send" datatype="html">
+        <source>Send</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.html</context>
+          <context context-type="linenumber">111,112</context>
+        </context-group>
+        <target>发送</target>
+      </trans-unit>
       <trans-unit id="7371988988136572417" datatype="html">
         <source>You don&apos;t have permissions to read project list, please contact the admin to grant you the necessary permissions</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
-          <context context-type="linenumber">52</context>
+          <context context-type="linenumber">61</context>
         </context-group>
         <target>您没有查看项目列表的权限， 请联系账户管理员添加相关权限</target>
       </trans-unit>
@@ -1853,7 +1941,7 @@
         <source>You don&apos;t have permissions to read environment list, please contact the admin to grant you the necessary permissions</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
-          <context context-type="linenumber">53</context>
+          <context context-type="linenumber">62</context>
         </context-group>
         <target>您没有查看该环境列表的权限， 请联系账户管理员添加相关权限</target>
       </trans-unit>
@@ -1861,7 +1949,7 @@
         <source>You don&apos;t have permissions to read project and environment list, please contact the admin to grant you the necessary permissions</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
-          <context context-type="linenumber">53</context>
+          <context context-type="linenumber">62</context>
         </context-group>
         <target>您没有查看项目环境列表的权限， 请联系账户管理员添加相关权限</target>
       </trans-unit>
@@ -1869,7 +1957,7 @@
         <source>Copied</source>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
-          <context context-type="linenumber">151</context>
+          <context context-type="linenumber">160</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/core/components/user-segments-flags-drawer/user-segments-flags-drawer.component.ts</context>
@@ -1921,6 +2009,22 @@
         </context-group>
         <target>复制成功</target>
       </trans-unit>
+      <trans-unit id="common.feedback-success-message" datatype="html">
+        <source>Thank you for sending us your feedback, we&apos;ll get back to you very soon!</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
+          <context context-type="linenumber">186</context>
+        </context-group>
+        <target>感谢您给我们发送反馈，我们会尽快和您联系！</target>
+      </trans-unit>
+      <trans-unit id="common.feedback-failure-message" datatype="html">
+        <source>We were not able to send your feedback, Please try again!</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/core/components/header/header.component.ts</context>
+          <context context-type="linenumber">189</context>
+        </context-group>
+        <target>反馈发送失败，请稍后重试！</target>
+      </trans-unit>
       <trans-unit id="iam.team.member-drawer.title" datatype="html">
         <source>Add team member</source>
         <context-group purpose="location">
@@ -3132,30 +3236,6 @@
         </context-group>
         <target>登录</target>
       </trans-unit>
-      <trans-unit id="common.email" datatype="html">
-        <source>Email</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/features/login/do-login/do-login.component.html</context>
-          <context context-type="linenumber">7,8</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/features/safe/iam/groups/details/team/team.component.html</context>
-          <context context-type="linenumber">28</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/features/safe/iam/policies/details/team/team.component.html</context>
-          <context context-type="linenumber">29</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/features/safe/iam/team/details/setting/setting.component.html</context>
-          <context context-type="linenumber">18</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/features/safe/iam/team/index/index.component.html</context>
-          <context context-type="linenumber">30</context>
-        </context-group>
-        <target>邮箱</target>
-      </trans-unit>
       <trans-unit id="8056544210376488" datatype="html">
         <source>username is mandatory</source>
         <context-group purpose="location">