12 |
14 |
2 |
6 | 3 | {{ 'mail_dialogs.payment_failed' | translate }} 4 |
5 |
7 |
9 |
14 |
--------------------------------------------------------------------------------
/src/app/mail/dialogs/payment-failure-notice/payment-failure-notice.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, ChangeDetectionStrategy } from '@angular/core';
2 | import { Router } from '@angular/router';
3 | import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
4 |
5 | @Component({
6 | selector: 'app-payment-failure-notice',
7 | templateUrl: './payment-failure-notice.component.html',
8 | changeDetection: ChangeDetectionStrategy.OnPush,
9 | })
10 | export class PaymentFailureNoticeComponent {
11 | constructor(private activeModal: NgbActiveModal, private router: Router) {}
12 |
13 | updatePayment() {
14 | this.router.navigateByUrl('/mail/settings/dashboard-and-plans');
15 | this.activeModal.close();
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/src/app/mail/mail-contact/mail-contact.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 |
3 | import { MailContactComponent } from './mail-contact.component';
4 |
5 | describe('MailContactComponent', () => {
6 | let component: MailContactComponent;
7 | let fixture: ComponentFixture{{ 'mail_dialogs.payment_message' | translate }}
8 |
2 |
31 |
--------------------------------------------------------------------------------
/src/app/pages/pages-donate/payment-options/payment-options.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CTemplar/webclient/d6be9eb7640abb2d6fa4ae3696c20a969cb72aaf/src/app/pages/pages-donate/payment-options/payment-options.component.scss
--------------------------------------------------------------------------------
/src/app/pages/pages-donate/payment-options/payment-options.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 |
3 | import { PaymentOptionsComponent } from './payment-options.component';
4 |
5 | describe('PaymentOptionsComponent', () => {
6 | let component: PaymentOptionsComponent;
7 | let fixture: ComponentFixture
3 |
4 |
16 |
5 |
6 | 
7 |
8 |
9 |
14 |
15 |
7 |
17 |
18 |
30 |
19 |
20 | 
21 |
22 |
23 |
28 |
29 |
21 |
2 |
26 |
--------------------------------------------------------------------------------
/src/app/shared/components/bitcoin-form/bitcoin-form.component.scss:
--------------------------------------------------------------------------------
1 | [type='radio'] {
2 | -webkit-appearance: none;
3 | }
4 |
--------------------------------------------------------------------------------
/src/app/shared/components/bitcoin-form/bitcoin-form.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 |
3 | import { BitcoinFormComponent } from './bitcoin-form.component';
4 |
5 | describe('BitcoinFormComponent', () => {
6 | let component: BitcoinFormComponent;
7 | let fixture: ComponentFixture
3 |
25 |
4 |
24 | 5 | Payment Information 6 |
7 | 8 |Please send your donations to following bitcoin address.
9 | 10 |
11 |
23 |
12 |
15 | BITCOIN WALLET
13 |1612e9NUhwCGDAizMfk5VQa3pzMemDSGik
14 |
16 | 
21 |
22 |
2 |
13 |
--------------------------------------------------------------------------------
/src/app/shared/components/custom-dropdown/custom-dropdown.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CTemplar/webclient/d6be9eb7640abb2d6fa4ae3696c20a969cb72aaf/src/app/shared/components/custom-dropdown/custom-dropdown.component.scss
--------------------------------------------------------------------------------
/src/app/shared/components/loading-spinner/loading-spinner.component.html:
--------------------------------------------------------------------------------
1 |
3 |
6 |
12 |
7 | {{
8 | option?.label
9 | }}
10 |
11 |
2 |
30 |
31 |
--------------------------------------------------------------------------------
/src/app/shared/components/loading-spinner/loading-spinner.component.scss:
--------------------------------------------------------------------------------
1 | @import '~styles/base/variables';
2 |
3 | .loader {
4 | display: inline-block;
5 | vertical-align: top;
6 | }
7 |
8 | /*
9 | Set the color of the icon
10 | */
11 | svg rect {
12 | fill: $brand-blue;
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/shared/components/loading-spinner/loading-spinner.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-loading-spinner',
5 | templateUrl: './loading-spinner.component.html',
6 | styleUrls: ['./loading-spinner.component.scss'],
7 | changeDetection: ChangeDetectionStrategy.OnPush,
8 | })
9 | export class LoadingSpinnerComponent {
10 | @Input() showSpinner: boolean;
11 |
12 | @Input() optionalClasses = '';
13 |
14 | // Width and Height in Pixel unit
15 | @Input() width = 40;
16 |
17 | @Input() height = 40;
18 |
19 | @Input() color = '#3a4e63';
20 | }
21 |
--------------------------------------------------------------------------------
/src/app/shared/components/loading/loading.component.html:
--------------------------------------------------------------------------------
1 |
19 |
25 |
--------------------------------------------------------------------------------
/src/app/shared/components/loading/loading.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CTemplar/webclient/d6be9eb7640abb2d6fa4ae3696c20a969cb72aaf/src/app/shared/components/loading/loading.component.scss
--------------------------------------------------------------------------------
/src/app/shared/components/loading/loading.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 |
3 | import { LoadingComponent } from './loading.component';
4 |
5 | describe('LoadingComponent', () => {
6 | let component: LoadingComponent;
7 | let fixture: ComponentFixture
20 | ![]()
21 |
24 | {{ quote.content }}
22 | 23 |
2 | 
3 |
4 |
3 | '); 9 | return mailContent; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /src/app/shared/services/browser-detector.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable } from '@angular/core'; 2 | 3 | @Injectable({ 4 | providedIn: 'root', 5 | }) 6 | export class BrowserDetectorService { 7 | isIEBrowser() { 8 | return !!this.checkIEVersion(); 9 | } 10 | 11 | private checkIEVersion() { 12 | // Ref: https://stackoverflow.com/a/46116505/3502008 13 | const ua = window.navigator.userAgent; 14 | 15 | const msie = ua.indexOf('MSIE '); 16 | if (msie > 0) { 17 | // IE 10 or older => return version number 18 | // eslint-disable-next-line unicorn/prefer-string-slice 19 | return Number.parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10); 20 | } 21 | 22 | const trident = ua.indexOf('Trident/'); 23 | if (trident > 0) { 24 | // IE 11 => return version number 25 | const rv = ua.indexOf('rv:'); 26 | // eslint-disable-next-line unicorn/prefer-string-slice 27 | return Number.parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10); 28 | } 29 | 30 | // other browser 31 | return false; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /src/app/shared/services/key-manage.service.spec.ts: -------------------------------------------------------------------------------- 1 | import { TestBed } from '@angular/core/testing'; 2 | 3 | import { KeyManageService } from './key-manage.service'; 4 | 5 | describe('KeyManageService', () => { 6 | let service: KeyManageService; 7 | 8 | beforeEach(() => { 9 | TestBed.configureTestingModule({}); 10 | service = TestBed.inject(KeyManageService); 11 | }); 12 | 13 | it('should be created', () => { 14 | expect(service).toBeTruthy(); 15 | }); 16 | }); 17 | -------------------------------------------------------------------------------- /src/app/shared/services/key-manage.service.ts: -------------------------------------------------------------------------------- 1 | import { Injectable, OnDestroy } from '@angular/core'; 2 | import { BehaviorSubject, Observable, Subject } from 'rxjs'; 3 | 4 | @Injectable({ 5 | providedIn: 'root', 6 | }) 7 | export class KeyManageService implements OnDestroy { 8 | get ctrlAKeyTrigger$(): Observable
2 | ![]()
3 |
5 |
--------------------------------------------------------------------------------
/src/app/shared/spinner/components/spinner.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CTemplar/webclient/d6be9eb7640abb2d6fa4ae3696c20a969cb72aaf/src/app/shared/spinner/components/spinner.component.scss
--------------------------------------------------------------------------------
/src/app/shared/spinner/components/spinner.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
2 |
3 | import { SpinnerComponent } from './spinner.component';
4 |
5 | describe('SpinnerComponent', () => {
6 | let component: SpinnerComponent;
7 | let fixture: ComponentFixture