[PS-2322] Extend browser's help and feedback page (#4532)
* extend browser held and feedback * Remove headers and add i18n
This commit is contained in:
parent
8b5a223ad4
commit
4d25afe873
|
@ -195,6 +195,15 @@
|
||||||
"helpFeedback": {
|
"helpFeedback": {
|
||||||
"message": "Help & feedback"
|
"message": "Help & feedback"
|
||||||
},
|
},
|
||||||
|
"helpCenter": {
|
||||||
|
"message": "Bitwarden Help center"
|
||||||
|
},
|
||||||
|
"communityForums": {
|
||||||
|
"message": "Explore Bitwarden community forums"
|
||||||
|
},
|
||||||
|
"contactSupport": {
|
||||||
|
"message": "Contact Bitwarden support"
|
||||||
|
},
|
||||||
"sync": {
|
"sync": {
|
||||||
"message": "Sync"
|
"message": "Sync"
|
||||||
},
|
},
|
||||||
|
|
|
@ -197,6 +197,9 @@ export const routerTransition = trigger("routerTransition", [
|
||||||
|
|
||||||
transition("tabs => lock", inSlideDown),
|
transition("tabs => lock", inSlideDown),
|
||||||
|
|
||||||
|
transition("tabs => help-and-feedback", inSlideLeft),
|
||||||
|
transition("help-and-feedback => tabs", outSlideRight),
|
||||||
|
|
||||||
transition("tabs => send-type", inSlideLeft),
|
transition("tabs => send-type", inSlideLeft),
|
||||||
transition("send-type => tabs", outSlideRight),
|
transition("send-type => tabs", outSlideRight),
|
||||||
|
|
||||||
|
|
|
@ -38,6 +38,7 @@ import { ExcludedDomainsComponent } from "./settings/excluded-domains.component"
|
||||||
import { ExportComponent } from "./settings/export.component";
|
import { ExportComponent } from "./settings/export.component";
|
||||||
import { FolderAddEditComponent } from "./settings/folder-add-edit.component";
|
import { FolderAddEditComponent } from "./settings/folder-add-edit.component";
|
||||||
import { FoldersComponent } from "./settings/folders.component";
|
import { FoldersComponent } from "./settings/folders.component";
|
||||||
|
import { HelpAndFeedbackComponent } from "./settings/help-and-feedback.component";
|
||||||
import { OptionsComponent } from "./settings/options.component";
|
import { OptionsComponent } from "./settings/options.component";
|
||||||
import { PremiumComponent } from "./settings/premium.component";
|
import { PremiumComponent } from "./settings/premium.component";
|
||||||
import { SettingsComponent } from "./settings/settings.component";
|
import { SettingsComponent } from "./settings/settings.component";
|
||||||
|
@ -273,6 +274,12 @@ const routes: Routes = [
|
||||||
canActivate: [AuthGuard],
|
canActivate: [AuthGuard],
|
||||||
data: { state: "update-temp-password" },
|
data: { state: "update-temp-password" },
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: "help-and-feedback",
|
||||||
|
component: HelpAndFeedbackComponent,
|
||||||
|
canActivate: [AuthGuard],
|
||||||
|
data: { state: "help-and-feedback" },
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: "tabs",
|
path: "tabs",
|
||||||
component: TabsComponent,
|
component: TabsComponent,
|
||||||
|
|
|
@ -68,6 +68,7 @@ import { ExcludedDomainsComponent } from "./settings/excluded-domains.component"
|
||||||
import { ExportComponent } from "./settings/export.component";
|
import { ExportComponent } from "./settings/export.component";
|
||||||
import { FolderAddEditComponent } from "./settings/folder-add-edit.component";
|
import { FolderAddEditComponent } from "./settings/folder-add-edit.component";
|
||||||
import { FoldersComponent } from "./settings/folders.component";
|
import { FoldersComponent } from "./settings/folders.component";
|
||||||
|
import { HelpAndFeedbackComponent } from "./settings/help-and-feedback.component";
|
||||||
import { OptionsComponent } from "./settings/options.component";
|
import { OptionsComponent } from "./settings/options.component";
|
||||||
import { PremiumComponent } from "./settings/premium.component";
|
import { PremiumComponent } from "./settings/premium.component";
|
||||||
import { SettingsComponent } from "./settings/settings.component";
|
import { SettingsComponent } from "./settings/settings.component";
|
||||||
|
@ -150,6 +151,7 @@ import { TabsComponent } from "./tabs.component";
|
||||||
RemovePasswordComponent,
|
RemovePasswordComponent,
|
||||||
VaultSelectComponent,
|
VaultSelectComponent,
|
||||||
AboutComponent,
|
AboutComponent,
|
||||||
|
HelpAndFeedbackComponent,
|
||||||
AutofillComponent,
|
AutofillComponent,
|
||||||
],
|
],
|
||||||
providers: [CurrencyPipe, DatePipe],
|
providers: [CurrencyPipe, DatePipe],
|
||||||
|
|
|
@ -0,0 +1,54 @@
|
||||||
|
<header>
|
||||||
|
<div class="left">
|
||||||
|
<button type="button" routerLink="/tabs/settings">
|
||||||
|
<span class="header-icon"><i class="bwi bwi-angle-left" aria-hidden="true"></i></span>
|
||||||
|
<span>{{ "back" | i18n }}</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<h1 class="center">
|
||||||
|
<span class="title">{{ "helpFeedback" | i18n }}</span>
|
||||||
|
</h1>
|
||||||
|
<div class="right"></div>
|
||||||
|
</header>
|
||||||
|
<main tabindex="-1">
|
||||||
|
<div class="box list">
|
||||||
|
<div class="box-content single-line">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="box-content-row box-content-row-flex text-default"
|
||||||
|
appStopClick
|
||||||
|
(click)="launchHelp()"
|
||||||
|
>
|
||||||
|
<div class="icon">
|
||||||
|
<i class="bwi bwi-shield bwi-lg row-sub-icon" aria-hidden="true"></i>
|
||||||
|
</div>
|
||||||
|
<div class="row-main">{{ "helpCenter" | i18n }}</div>
|
||||||
|
<i class="bwi bwi-external-link bwi-lg row-sub-icon" aria-hidden="true"></i>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="box-content-row box-content-row-flex text-default"
|
||||||
|
appStopClick
|
||||||
|
(click)="launchForums()"
|
||||||
|
>
|
||||||
|
<div class="icon">
|
||||||
|
<i class="bwi bwi-discourse bwi-lg row-sub-icon" aria-hidden="true"></i>
|
||||||
|
</div>
|
||||||
|
<div class="row-main">{{ "communityForums" | i18n }}</div>
|
||||||
|
<i class="bwi bwi-external-link bwi-lg row-sub-icon" aria-hidden="true"></i>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="box-content-row box-content-row-flex text-default"
|
||||||
|
appStopClick
|
||||||
|
(click)="launchContactForm()"
|
||||||
|
>
|
||||||
|
<div class="icon">
|
||||||
|
<i class="bwi bwi-shield bwi-lg row-sub-icon" aria-hidden="true"></i>
|
||||||
|
</div>
|
||||||
|
<div class="row-main">{{ "contactSupport" | i18n }}</div>
|
||||||
|
<i class="bwi bwi-external-link bwi-lg row-sub-icon" aria-hidden="true"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
|
@ -0,0 +1,20 @@
|
||||||
|
import { Component } from "@angular/core";
|
||||||
|
|
||||||
|
import { BrowserApi } from "../../browser/browserApi";
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: "app-help-and-feedback",
|
||||||
|
templateUrl: "help-and-feedback.component.html",
|
||||||
|
})
|
||||||
|
export class HelpAndFeedbackComponent {
|
||||||
|
launchHelp() {
|
||||||
|
BrowserApi.createNewTab("https://bitwarden.com/help/");
|
||||||
|
}
|
||||||
|
launchContactForm() {
|
||||||
|
BrowserApi.createNewTab("https://bitwarden.com/contact/");
|
||||||
|
}
|
||||||
|
|
||||||
|
launchForums() {
|
||||||
|
BrowserApi.createNewTab("https://bitwarden.com/getinvolved/");
|
||||||
|
}
|
||||||
|
}
|
|
@ -221,8 +221,7 @@
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
class="box-content-row box-content-row-flex text-default"
|
class="box-content-row box-content-row-flex text-default"
|
||||||
appStopClick
|
routerLink="/help-and-feedback"
|
||||||
(click)="help()"
|
|
||||||
>
|
>
|
||||||
<div class="row-main">{{ "helpFeedback" | i18n }}</div>
|
<div class="row-main">{{ "helpFeedback" | i18n }}</div>
|
||||||
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
<i class="bwi bwi-angle-right bwi-lg row-sub-icon" aria-hidden="true"></i>
|
||||||
|
|
|
@ -374,10 +374,6 @@ export class SettingsComponent implements OnInit {
|
||||||
this.router.navigate(["/export"]);
|
this.router.navigate(["/export"]);
|
||||||
}
|
}
|
||||||
|
|
||||||
help() {
|
|
||||||
BrowserApi.createNewTab("https://bitwarden.com/help/");
|
|
||||||
}
|
|
||||||
|
|
||||||
about() {
|
about() {
|
||||||
this.modalService.open(AboutComponent);
|
this.modalService.open(AboutComponent);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue