copay-crown/src/pages/settings/settings.html

A Secure Crown Wallet

<ion-header>
  <ion-navbar>
    <ion-title>{{'Settings' | translate}}</ion-title>
  </ion-navbar>
</ion-header>

<ion-content no-bounce>
  <ion-list>
    <ion-item-divider></ion-item-divider>
    <button ion-item no-lines (click)="openAddressBookPage()">
      <ion-icon name="ios-contacts-outline" item-start></ion-icon>
      {{'Address book' | translate}}
    </button>

    <ion-item-divider></ion-item-divider>

    <ion-item (click)="openHelpExternalLink()">
      <ion-icon name="ios-help-circle-outline" item-start></ion-icon>
      {{'Help &amp; support' | translate}}
    </ion-item>

    <ion-item (click)="openSendFeedbackPage()">
      <ion-icon name="ios-mail-outline" item-start></ion-icon>
      Send feedback
    </ion-item>

    <ion-item *ngIf="isCordova" (click)="openFeedbackCompletePage()">
      <ion-icon name="ios-heart-outline" item-start></ion-icon>
      Share {{ appName }}
    </ion-item>

    <ion-item-divider>{{'Preferences' | translate}}</ion-item-divider>

    <button ion-item (click)="openBitcoinCashPage()">
      <ion-icon item-start>
        <img src="assets/img/bitcoin-cash-logo.svg" alt="Bitcoin Cash Wallets" width="25" />
      </ion-icon>
      Bitcoin Cash
    </button>

    <button ion-item (click)="openNotificationsPage()">
      <ion-icon name="ios-notifications-outline" item-start></ion-icon>
      {{'Notification' | translate}}
    </button>

    <button ion-item (click)="openLanguagePage()">
      <ion-icon name="ios-globe-outline" item-start></ion-icon>
      <ion-label>
        {{'Language' | translate}}
      </ion-label>
      <ion-note *ngIf="currentLanguageName" item-end>
        {{ currentLanguageName }}
      </ion-note>
    </button>

    <button ion-item (click)="openAltCurrencyPage()">
      <ion-icon name="ios-cash-outline" item-start></ion-icon>
      <ion-label>
        {{'Alternative currency' | translate}}
      </ion-label>
      <ion-note *ngIf="selectedAlternative" item-end>
        {{ selectedAlternative.name }}
      </ion-note>
    </button>

    <button ion-item (click)="openFeePolicyPage()">
      <ion-icon name="ios-git-network-outline" item-start></ion-icon>
      <ion-label>
        {{'Bitcoin network fee policy' | translate}}
      </ion-label>
    </button>

    <button ion-item (click)="openLockPage()">
      <ion-icon *ngIf="lockMethod != 'Disabled'" name="ios-lock-outline" item-start></ion-icon>
      <ion-icon *ngIf="lockMethod == 'Disabled'" name="ios-unlock-outline" item-start></ion-icon>
      <ion-label>
        {{'Lock' | translate}}
      </ion-label>
      <ion-note item-end>
        {{lockMethod}}
      </ion-note>
    </button>

    <ion-item-divider *ngIf="walletsBtc.length">{{'Bitcoin Wallets' | translate}}</ion-item-divider>

    <button ion-item *ngFor="let wallet of walletsBtc" (click)="openWalletSettingsPage(wallet.credentials.walletId)">
      <ion-icon item-start>
        <img *ngIf="wallet.network == 'testnet'" [ngStyle]="{'background-color': wallet.color}" src="assets/img/icon-wallet-testnet.svg"
          class="icon-wallet" />
        <img *ngIf="wallet.network != 'testnet'" [ngStyle]="{'background-color': wallet.color}" src="assets/img/icon-wallet.svg"
          class="icon-wallet" />
      </ion-icon>
      <div class="item-title">{{wallet.name}}
        <span *ngIf="wallet.credentials.m > 1">{{wallet.credentials.m}}-{{wallet.credentials.n}}</span>
      </div>
      <ion-note class="wallet-warning" *ngIf="!wallet.isComplete()" item-end>
        {{'Incomplete' | translate}}
      </ion-note>
      <ion-note class="wallet-warning" *ngIf="wallet.isComplete() && wallet.needsBackup" item-end>
        {{'Backup needed' | translate}}
      </ion-note>
    </button>

    <ion-item-divider *ngIf="walletsBch.length">{{'Bitcoin Cash Wallets' | translate}}</ion-item-divider>

    <button ion-item *ngFor="let wallet of walletsBch" (click)="openWalletSettingsPage(wallet.credentials.walletId)">
      <ion-icon item-start>
        <img *ngIf="wallet.network == 'testnet'" [ngStyle]="{'background-color': wallet.color}" src="assets/img/icon-wallet-testnet.svg"
          class="icon-wallet" />
        <img *ngIf="wallet.network != 'testnet'" [ngStyle]="{'background-color': wallet.color}" src="assets/img/icon-wallet.svg"
          class="icon-wallet" />
      </ion-icon>
      <div class="item-title">{{wallet.name}}
        <span *ngIf="wallet.credentials.m > 1">{{wallet.credentials.m}}-{{wallet.credentials.n}}</span>
      </div>
      <ion-note class="wallet-warning" *ngIf="!wallet.isComplete()" item-end>
        {{'Incomplete' | translate}}
      </ion-note>
      <ion-note class="wallet-warning" *ngIf="wallet.isComplete() && wallet.needsBackup" item-end>
        {{'Backup needed' | translate}}
      </ion-note>
    </button>

    <ion-item-divider *ngIf="bitpayCardEnabled || (exchangeServices && exchangeServices.length > 0)">
      {{'Integrations' | translate}}
    </ion-item-divider>

    <button ion-item *ngIf="bitpayCardEnabled" (click)="openBitPaySettings()">
      <ion-icon item-start>
        <img src="assets/img/bitpay-card/icon-bitpay.svg" class="icon-services" />
      </ion-icon>
      <span translate>BitPay</span>
    </button>

    <button ion-item *ngFor="let service of exchangeServices" (click)="openIntegrationSettings(service.name)">
      <ion-icon item-start>
        <img src="{{service.icon}}" class="icon-services" />
      </ion-icon>
      <span>{{service.title || service.name}}</span>
    </button>

    <ion-item-divider></ion-item-divider>

    <button ion-item (click)="openEnabledServicesPage()">
      <ion-icon name="ios-list-outline" item-start></ion-icon>
      {{'Enabled services' | translate}}
    </button>

    <ion-item-divider>More</ion-item-divider>

    <button ion-item (click)="openAdvancedPage()">
      <ion-icon name="ios-cog-outline" item-start></ion-icon>
      {{'Advanced' | translate}}
    </button>

    <button ion-item (click)="openAboutPage()">
      <ion-icon name="ios-apps-outline" item-start></ion-icon>
      {{'About' | translate}} {{appName}}
    </button>
    <ion-item-divider></ion-item-divider>
  </ion-list>
</ion-content>