11 |
27 |
23 |
25 |
7 |
9 |
--------------------------------------------------------------------------------
/src/app/modules/dashboard/pages/settings/settings.page.scss:
--------------------------------------------------------------------------------
1 | .gas-price__item {
2 | &:hover {
3 | background-color: #6f42c1;
4 | color: white;
5 | }
6 | cursor: pointer;
7 | }
8 |
9 | .gas-price__item--selected {
10 | background-color: #6f42c1;
11 | color: white;
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/shared/components/skeleton-loading/skeleton-loading.component.html:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/src/app/modules/reef/pages/about/about.page.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-about-page',
5 | templateUrl: './about.page.html',
6 | styleUrls: ['./about.page.scss'],
7 | })
8 | export class AboutPage {
9 | constructor() {}
10 | }
11 |
--------------------------------------------------------------------------------
/src/app/shared/components/content-box/content-box.component.html:
--------------------------------------------------------------------------------
1 |
11 |
13 |
--------------------------------------------------------------------------------
/src/app/shared/components/header/header.component.scss:
--------------------------------------------------------------------------------
1 | @import '~src/assets/scss/partials/variables';
2 |
3 | .header {
4 | display: flex;
5 | justify-content: space-between;
6 | flex-direction: row-reverse;
7 | z-index: 998;
8 | border-radius: 8px;
9 | box-shadow: 0 0 8px #00000024;
10 | padding: 10px;
11 | }
12 |
--------------------------------------------------------------------------------
/src/app/shared/service/fb-pixel.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 |
3 | declare let fbq: Function;
4 |
5 | @Injectable({ providedIn: 'root' })
6 | export class FbPixelService {
7 | static readonly LEAD_TYPE = 'Lead';
8 |
9 | track(type: string): void {
10 | fbq('track', type);
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/shared/components/empty-state/empty-state.component.scss:
--------------------------------------------------------------------------------
1 | @import '~src/assets/scss/partials/variables';
2 | $mid: 50%;
3 | .center {
4 | position: absolute;
5 | top: 45%;
6 | left: calc(#{$mid} + #{$sidebar-width - 100px});
7 | margin-right: calc(-#{$mid} + #{$sidebar-width});
8 | transform: translate(-50%, -50%);
9 | }
10 |
--------------------------------------------------------------------------------
/src/app/modules/dashboard/components/asset-distribution-chart/asset-distribution-chart.component.html:
--------------------------------------------------------------------------------
1 |
2 |
9 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see https://editorconfig.org
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | indent_style = space
7 | indent_size = 2
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
11 | [*.ts]
12 | quote_type = single
13 |
14 | [*.md]
15 | max_line_length = off
16 | trim_trailing_whitespace = false
17 |
--------------------------------------------------------------------------------
/e2e/src/app.po.ts:
--------------------------------------------------------------------------------
1 | import { browser, by, element } from 'protractor';
2 |
3 | export class AppPage {
4 | navigateTo(): Promise
3 |
10 |
11 |
2 |
10 |
--------------------------------------------------------------------------------
/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "extends": "./tsconfig.json",
4 | "compilerOptions": {
5 | "outDir": "./out-tsc/spec",
6 | "types": [
7 | "jasmine"
8 | ]
9 | },
10 | "files": [
11 | "src/test.ts",
12 | "src/polyfills.ts"
13 | ],
14 | "include": [
15 | "src/**/*.spec.ts",
16 | "src/**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/src/app/shared/components/footer/footer.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-footer',
5 | templateUrl: './footer.component.html',
6 | styleUrls: ['./footer.component.scss'],
7 | })
8 | export class FooterComponent implements OnInit {
9 | readonly currentYear = new Date().getFullYear();
10 |
11 | constructor() {}
12 |
13 | ngOnInit(): void {}
14 | }
15 |
--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from '@angular/core';
2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';
6 |
7 | if (environment.production) {
8 | enableProdMode();
9 | }
10 |
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 | .catch(err => console.error(err));
13 |
--------------------------------------------------------------------------------
/src/app/core/guards/wallet.guard.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { WalletGuard } from './wallet.guard';
4 |
5 | describe('WalletGuard', () => {
6 | let guard: WalletGuard;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | guard = TestBed.inject(WalletGuard);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(guard).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/shared/components/footer/footer.component.scss:
--------------------------------------------------------------------------------
1 | @import '~src/assets/scss/styles';
2 |
3 | .footer {
4 | position: sticky;
5 | bottom: 0;
6 | padding: 1px 10px;
7 | width: 100%;
8 | color: map-get($theme-colors, dark);
9 | background: map-get($theme-colors, light);
10 | }
11 |
12 | .footer__company {
13 | font-weight: 300;
14 | }
15 |
16 | a {
17 | font-weight: 500;
18 | color: map-get($theme-colors, dark);
19 | }
20 |
--------------------------------------------------------------------------------
/src/app/core/services/api.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { ApiService } from './api.service';
4 |
5 | describe('ApiService', () => {
6 | let service: ApiService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(ApiService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/core/services/pool.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { PoolService } from './pool.service';
4 |
5 | describe('PoolService', () => {
6 | let service: PoolService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(PoolService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/modules/home/home-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { HomePage } from './pages/home/home.page';
4 |
5 | const routes: Routes = [
6 | {
7 | path: '',
8 | component: HomePage,
9 | },
10 | ];
11 |
12 | @NgModule({
13 | imports: [RouterModule.forChild(routes)],
14 | exports: [RouterModule],
15 | })
16 | export class HomeRoutingModule {}
17 |
--------------------------------------------------------------------------------
/src/app/modules/home/home.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { HomeService } from './home.service';
4 |
5 | describe('HomeService', () => {
6 | let service: HomeService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(HomeService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/modules/reef/reef.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { ReefService } from './reef.service';
4 |
5 | describe('ReefService', () => {
6 | let service: ReefService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(ReefService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/core/services/charts.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { ChartsService } from './charts.service';
4 |
5 | describe('ChartsService', () => {
6 | let service: ChartsService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(ChartsService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/core/services/events.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { EventsService } from './events.service';
4 |
5 | describe('EventsService', () => {
6 | let service: EventsService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(EventsService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/core/services/vaults.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { VaultsService } from './vaults.service';
4 |
5 | describe('VaultsService', () => {
6 | let service: VaultsService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(VaultsService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/core/services/uniswap.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { UniswapService } from './uniswap.service';
4 |
5 | describe('UniswapService', () => {
6 | let service: UniswapService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(UniswapService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/modules/baskets/baskets.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { BasketsService } from './baskets.service';
4 |
5 | describe('ApiService', () => {
6 | let service: BasketsService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(BasketsService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/modules/vaults/vaults-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { VaultsPage } from './pages/vaults/vaults.page';
4 |
5 | const routes: Routes = [
6 | {
7 | path: '',
8 | component: VaultsPage,
9 | },
10 | ];
11 |
12 | @NgModule({
13 | imports: [RouterModule.forChild(routes)],
14 | exports: [RouterModule],
15 | })
16 | export class VaultsRoutingModule {}
17 |
--------------------------------------------------------------------------------
/src/app/shared/components/transaction-confirmation/transaction-confirmation.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-transaction-confirmation',
5 | templateUrl: './transaction-confirmation.component.html',
6 | styleUrls: ['./transaction-confirmation.component.scss'],
7 | })
8 | export class TransactionConfirmationComponent implements OnInit {
9 | constructor() {}
10 |
11 | ngOnInit(): void {}
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/core/services/contract.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { ContractService } from './contract.service';
4 |
5 | describe('ContractService', () => {
6 | let service: ContractService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(ContractService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/core/services/connector.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { ConnectorService } from './connector.service';
4 |
5 | describe('ConnectorService', () => {
6 | let service: ConnectorService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(ConnectorService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/modules/binance/binance-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { BuyCryptoPage } from './pages/buy-crypto/buy-crypto.page';
4 |
5 | const routes: Routes = [
6 | {
7 | path: '',
8 | component: BuyCryptoPage,
9 | },
10 | ];
11 |
12 | @NgModule({
13 | imports: [RouterModule.forChild(routes)],
14 | exports: [RouterModule],
15 | })
16 | export class BinanceRoutingModule {}
17 |
--------------------------------------------------------------------------------
/src/app/shared/components/page-title/page-title.component.ts:
--------------------------------------------------------------------------------
1 | import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-page-title',
5 | templateUrl: './page-title.component.html',
6 | styleUrls: ['./page-title.component.scss'],
7 | changeDetection: ChangeDetectionStrategy.OnPush,
8 | })
9 | export class PageTitleComponent {
10 | @Input() title: string | undefined;
11 | @Input() subtitle: string | undefined;
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/shared/components/address-shortener/address-shortener.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-address-shortener',
5 | templateUrl: './address-shortener.component.html',
6 | styleUrls: ['./address-shortener.component.scss'],
7 | })
8 | export class AddressShortenerComponent {
9 | @Input() address: string | null;
10 | @Input() standalone = true;
11 | @Input() showCopy = true;
12 | constructor() {}
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/shared/components/button/button.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, EventEmitter, Input, Output } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-button',
5 | templateUrl: './button.component.html',
6 | styleUrls: ['./button.component.scss'],
7 | })
8 | export class ButtonComponent {
9 | @Input() text: string;
10 | @Input() inverse = false;
11 | @Output() click = new EventEmitter();
12 |
13 | onClick(): void {
14 | this.click.emit();
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/core/services/notification.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { NotificationService } from './notification.service';
4 |
5 | describe('NotificationService', () => {
6 | let service: NotificationService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(NotificationService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/core/services/transactions.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { TransactionsService } from './transactions.service';
4 |
5 | describe('TransactionsService', () => {
6 | let service: TransactionsService;
7 |
8 | beforeEach(() => {
9 | TestBed.configureTestingModule({});
10 | service = TestBed.inject(TransactionsService);
11 | });
12 |
13 | it('should be created', () => {
14 | expect(service).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/src/app/modules/reef/components/stake-reef/stake-reef.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, EventEmitter, Output } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-stake-reef',
5 | templateUrl: './stake-reef.component.html',
6 | styleUrls: ['./stake-reef.component.scss'],
7 | })
8 | export class StakeReefComponent {
9 | @Output() stake = new EventEmitter
3 |
9 |
4 |
7 |
3 |
4 | Not enough {{ tokenBalance.contract_ticker_symbol }} in your
6 | account.
8 |
11 |
12 |
13 |
2 |
15 |
--------------------------------------------------------------------------------
/src/app/shared/components/loading/loading.component.scss:
--------------------------------------------------------------------------------
1 | @import '~src/assets/scss/styles';
2 | $mid: 50%;
3 |
4 | .center-loader {
5 | position: absolute;
6 | transform: translate(-50%, -50%);
7 | @include media-breakpoint-down(md) {
8 | top: 50%;
9 | left: 50%;
10 | margin-right: calc(-#{$mid} + #{$mobile-sidebar-width});
11 | }
12 | @include media-breakpoint-up(md) {
13 | top: calc(#{$mid} + #{$header-height - 50px});
14 | left: calc(#{$mid} + #{$sidebar-width - 100px});
15 | margin-right: calc(-#{$mid} + #{$sidebar-width});
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/src/app/modules/home/components/disclaimer-modal/disclaimer-modal.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { MatDialogRef } from '@angular/material/dialog';
3 |
4 | @Component({
5 | selector: 'app-disclaimer-modal',
6 | templateUrl: './disclaimer-modal.component.html',
7 | styleUrls: ['./disclaimer-modal.component.scss'],
8 | })
9 | export class DisclaimerModalComponent {
10 | constructor(public dialogRef: MatDialogRef
3 |
9 |
4 | {{ address.slice(0, 4) }}...{{
5 | address.slice(address.length - 4, address.length)
6 | }}
7 |
8 |
10 |
11 | content_copy
12 |
13 |
14 |
2 | 
9 |
17 |
--------------------------------------------------------------------------------
/src/app/core/guards/covalent-auth.interceptor.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { CovalentAuthInterceptor } from './covalent-auth.interceptor';
4 |
5 | describe('CovalentAuthInterceptor', () => {
6 | beforeEach(() =>
7 | TestBed.configureTestingModule({
8 | providers: [CovalentAuthInterceptor],
9 | })
10 | );
11 |
12 | it('should be created', () => {
13 | const interceptor: CovalentAuthInterceptor = TestBed.inject(
14 | CovalentAuthInterceptor
15 | );
16 | expect(interceptor).toBeTruthy();
17 | });
18 | });
19 |
--------------------------------------------------------------------------------
/src/app/modules/reef/pages/about/about.page.scss:
--------------------------------------------------------------------------------
1 | .reef-bg {
2 | background-color: #f2f3f4;
3 | background-image: url('/assets/images/reef/HeroSectionBG.png');
4 | background-size: cover;
5 | background-repeat: no-repeat;
6 | background-position-x: 54%;
7 | }
8 | @media (max-width: 467px) {
9 | /* Target devices narrower than 768px. */
10 | .reef-bg {
11 | padding-bottom: 10em;
12 | }
13 | }
14 |
15 | .card-body {
16 | padding-bottom: 12em !important;
17 | }
18 |
19 | .bottom-logo {
20 | width: 60px;
21 | }
22 |
23 | .social-box {
24 | min-width: 60px;
25 | }
26 |
--------------------------------------------------------------------------------
/src/app/shared/components/pending-transaction-msg/pending-transaction-msg.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input } from '@angular/core';
2 | import {
3 | PendingTransaction,
4 | TransactionType,
5 | } from '../../../core/models/types';
6 |
7 | @Component({
8 | selector: 'app-pending-transaction-msg',
9 | templateUrl: './pending-transaction-msg.component.html',
10 | styleUrls: ['./pending-transaction-msg.component.scss'],
11 | })
12 | export class PendingTransactionMsgComponent {
13 | TransactionType = TransactionType;
14 | @Input() transaction: PendingTransaction | undefined;
15 | }
16 |
--------------------------------------------------------------------------------
/src/app/modules/dashboard/dashboard-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import { DashboardPage } from './pages/dashboard/dashboard.page';
4 | import { SettingsPage } from './pages/settings/settings.page';
5 |
6 | const routes: Routes = [
7 | {
8 | path: '',
9 | component: DashboardPage,
10 | },
11 | {
12 | path: 'settings',
13 | component: SettingsPage,
14 | },
15 | ];
16 |
17 | @NgModule({
18 | imports: [RouterModule.forChild(routes)],
19 | exports: [RouterModule],
20 | })
21 | export class DashboardRoutingModule {}
22 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | /* To learn more about this file see: https://angular.io/config/tsconfig. */
2 | {
3 | "compileOnSave": false,
4 | "compilerOptions": {
5 | "baseUrl": "./",
6 | "outDir": "./dist/out-tsc",
7 | "sourceMap": true,
8 | "declaration": false,
9 | "downlevelIteration": true,
10 | "experimentalDecorators": true,
11 | "moduleResolution": "node",
12 | "importHelpers": true,
13 | "target": "es2015",
14 | "module": "es2020",
15 | "resolveJsonModule": true,
16 | "lib": [
17 | "es2018",
18 | "dom"
19 | ],
20 | "allowSyntheticDefaultImports": true
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/src/app/shared/components/notification/notification.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Inject, OnInit } from '@angular/core';
2 | import {
3 | MAT_SNACK_BAR_DATA,
4 | MatSnackBarRef,
5 | } from '@angular/material/snack-bar';
6 |
7 | @Component({
8 | selector: 'app-notification',
9 | templateUrl: './notification.component.html',
10 | styleUrls: ['./notification.component.scss'],
11 | })
12 | export class NotificationComponent implements OnInit {
13 | constructor(
14 | @Inject(MAT_SNACK_BAR_DATA) public data: any,
15 | public snackBarRef: MatSnackBarRef
9 | {{ title }}
10 | {{ subtitle }}
11 |
12 |
15 |
16 |
2 |
3 |
4 |
20 |
--------------------------------------------------------------------------------
/src/app/shared/components/countdown-timer/countdown-timer.component.html:
--------------------------------------------------------------------------------
1 |
5 |
10 | 6 | Currently we can not display prices for some tokens on selected 7 | blockchain. 8 |
9 |
11 |
18 |
19 | 4 |
5 |
6 | {{ time.days }} days
7 |
8 |
9 | {{ time.hours }}
10 |
11 | hours {{ time.minutes }} minutes
12 | {{ time.seconds }} seconds.
13 |
14 |
2 |
21 |
--------------------------------------------------------------------------------
/src/app/modules/home/pages/home/home.page.spec.ts:
--------------------------------------------------------------------------------
1 | import { ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { HomePage } from './home.page';
4 |
5 | describe('HomeComponent', () => {
6 | let component: HomePage;
7 | let fixture: ComponentFixtureClaim REEF
3 |
4 |
5 |
7 |
8 | Stake or re-invest into REEF-ETH pool.
6 |
9 |
12 |
19 |
20 |
2 |
18 |
3 |
11 |
12 |
17 |
19 |
26 |
--------------------------------------------------------------------------------
/src/app/modules/dashboard/components/holdings-table/holdings-table.component.scss:
--------------------------------------------------------------------------------
1 | @import '~src/assets/scss/styles';
2 |
3 | .table-min-w-up-to-lg {
4 | min-width: 100%;
5 | border-top: solid 1px #ccc;
6 | margin-top: 0.5em;
7 | }
8 |
9 | .hide-lg {
10 | display: none;
11 | }
12 |
13 | // used same as .table-responsive-lg
14 | @media (max-width: 991.98px) {
15 | .table-min-w-up-to-lg {
16 | min-width: 650px;
17 | }
18 | .hide-lg {
19 | display: block;
20 | }
21 | }
22 |
23 | .x-wide-cell {
24 | min-width: 210px;
25 | }
26 |
27 | .m-wide-cell {
28 | min-width: 60px;
29 | }
30 |
31 | .align-to-icon {
32 | margin-left: 0.2em;
33 | position: relative;
34 | bottom: 0.5em;
35 | }
36 |
37 | .asset-icon {
38 | margin-right: 0.3em;
39 | }
40 |
41 | .asset-row {
42 | border-bottom: #efefef 1px solid;
43 | padding: 0.5em;
44 | margin-bottom: 0.2em;
45 | }
46 |
47 | .no-price-icon {
48 | font-size: 1.4em;
49 | }
50 |
--------------------------------------------------------------------------------
/src/app/modules/baskets/components/basket-roi/basket-roi.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, EventEmitter, Input, Output } from '@angular/core';
2 | import * as Highcharts from 'highcharts';
3 |
4 | @Component({
5 | selector: 'app-basket-roi',
6 | templateUrl: './basket-roi.component.html',
7 | styleUrls: ['./basket-roi.component.scss'],
8 | })
9 | export class BasketRoiComponent {
10 | HighCharts: typeof Highcharts = Highcharts;
11 | public updateFlag: boolean;
12 | public options: Highcharts.Options | any = {};
13 | @Input() set roiData(val: number[][]) {
14 | if (val) {
15 | this.options = val;
16 | this.updateFlag = true;
17 | }
18 | }
19 | @Input() activeTimeSpan = 1;
20 | @Input() isList = false;
21 | @Output() dateSpanChange = new EventEmitter
20 |
25 |
2 |
27 |
28 |
--------------------------------------------------------------------------------
/src/app/shared/components/unsupported-chain-msg/unsupported-chain-msg.component.html:
--------------------------------------------------------------------------------
1 |
13 |
27 |
14 |
15 | 
16 |
26 |
16 |
17 | This functionality is currently not supported on
18 | {{ getChainName(chainId) }}.
20 |
21 | You can find {{ getChainName(chainId) }}
22 | bonds here.
23 |
24 |
25 |
2 | 
11 |
12 |
3 | {{ data.action === 'register' ? 'Register with ' : 'Bind account using ' }}
4 |
5 |
11 |
13 |
23 | Enter your email
14 |
22 |
24 |
25 |
32 |
33 |
--------------------------------------------------------------------------------
/src/app/app.component.html:
--------------------------------------------------------------------------------
1 |
10 |
28 |
2 |
16 |
36 |
--------------------------------------------------------------------------------
/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | import {LogLevel} from '../app/shared/utils/dev-util-log-level';
2 |
3 | export const environment = {
4 | production: true,
5 | logLevel: LogLevel.WARNING,
6 | reefApiUrl: 'https://baskets.reef.finance/v1',
7 | reefBinanceApiUrl: 'http://localhost:3000/v1',
8 | balancerPoolUrl: 'https://api.thegraph.com/subgraphs/name/balancer-labs/balancer',
9 | ethPriceUrl: 'https://api.coingecko.com/api/v3/simple/price?ids=ethereum&vs_currencies=usd',
10 | curvePoolUrl: 'https://www.curve.fi/raw-stats/apys.json',
11 | uniswapPoolUrl: 'https://api.thegraph.com/subgraphs/name/uniswap/uniswap-v2',
12 | gasPriceUrl: 'https://www.etherchain.org/api/gasPriceOracle',
13 | cmcReefPriceUrl: 'https://web-api.coinmarketcap.com/v1/cryptocurrency/market-pairs/latest?slug=reef&start=1&limit=6&convert=USD',
14 | reefNodeApiUrl: 'https://node-api.reef.finance/api',
15 | // reefNodeApiUrl: 'https://reef-node-api-jfwccyl2mq-nw.a.run.app/api',
16 | infuraApiKey: '395d6f5d9a324c799a3becf85449122a',
17 | alchemyApiKey: 'yxcjm59ypt3tMf4SBUa8-wbrMtgrtesF',
18 | coinGeckoApiUrl: 'https://api.coingecko.com/api/v3',
19 | };
20 |
--------------------------------------------------------------------------------
/karma.conf.js:
--------------------------------------------------------------------------------
1 | // Karma configuration file, see link for more information
2 | // https://karma-runner.github.io/1.0/config/configuration-file.html
3 |
4 | module.exports = function (config) {
5 | config.set({
6 | basePath: '',
7 | frameworks: ['jasmine', '@angular-devkit/build-angular'],
8 | plugins: [
9 | require('karma-jasmine'),
10 | require('karma-chrome-launcher'),
11 | require('karma-jasmine-html-reporter'),
12 | require('karma-coverage-istanbul-reporter'),
13 | require('@angular-devkit/build-angular/plugins/karma')
14 | ],
15 | client: {
16 | clearContext: false // leave Jasmine Spec Runner output visible in browser
17 | },
18 | coverageIstanbulReporter: {
19 | dir: require('path').join(__dirname, './coverage/reef-app-v2'),
20 | reports: ['html', 'lcovonly', 'text-summary'],
21 | fixWebpackSourcePaths: true
22 | },
23 | reporters: ['progress', 'kjhtml'],
24 | port: 9876,
25 | colors: true,
26 | logLevel: config.LOG_INFO,
27 | autoWatch: true,
28 | browsers: ['Chrome'],
29 | singleRun: false,
30 | restartOnFileChange: true
31 | });
32 | };
33 |
--------------------------------------------------------------------------------
/src/app/modules/baskets/components/custom-invest-modal/custom-invest-modal.component.html:
--------------------------------------------------------------------------------
1 |
17 |
22 |
35 | {{ data?.title }}
18 | 19 | {{ data?.message }} 20 |
21 |
2 |
32 |
--------------------------------------------------------------------------------
/src/app/modules/baskets/components/create-basket/create-basket.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, EventEmitter, Input, Output } from '@angular/core';
2 | import { FormControl } from '@angular/forms';
3 |
4 | @Component({
5 | selector: 'app-create-basket',
6 | templateUrl: './create-basket.component.html',
7 | styleUrls: ['./create-basket.component.scss'],
8 | })
9 | export class CreateBasketComponent {
10 | @Input() ethAmount: FormControl | undefined;
11 | @Input() riskAmount: FormControl | undefined;
12 | @Input() ethBalance: string;
13 | @Input() minimalInvestment: string | undefined;
14 | @Input() maximumInvestment: string | undefined;
15 | @Output() invest = new EventEmitterSatisfied with your basket?
3 |
6 |
7 |
18 | 
19 |
20 |
19 |
21 |
22 | Minimum 1 ETH, up to 100ETH.
23 |
24 |
25 |
26 |
27 |
30 |
31 |
3 | {{ data.message }}
4 |
5 |
6 |
13 |
14 | Success
18 |
19 | {{ data.message }}
20 |
21 |
22 |
25 |
26 |
30 | {{ data.message }}
31 |
32 |
33 |
36 |
37 |
2 |
29 |
30 |
3 |
28 | VAULTS HISTORIC SIMULATED PERFORMANCE
4 |
5 |
27 |
6 |
18 |
7 |
8 |
13 | Last {{ time }} month(s)
14 |
15 |
16 |
17 |
19 |
26 |
2 |
41 |
--------------------------------------------------------------------------------
/src/app/modules/reef/pages/reef-menu/reef-menu.page.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { ConnectorService } from '../../../../core/services/connector.service';
3 | import { ApiService } from '../../../../core/services/api.service';
4 | import { first } from 'rxjs/internal/operators/first';
5 | import { Token, TokenSymbol } from '../../../../core/models/types';
6 | import { Observable } from 'rxjs';
7 | import { TokenBalanceService } from '../../../../shared/service/token-balance.service';
8 |
9 | @Component({
10 | selector: 'app-reef-menu',
11 | templateUrl: './reef-menu.page.html',
12 | styleUrls: ['./reef-menu.page.scss'],
13 | })
14 | export class ReefMenuPage implements OnInit {
15 | readonly providerUserInfo$ = this.connectorService.providerUserInfo$;
16 | reefBalance$: Observable
3 |
40 |
4 |
21 | Stake Reef and EARN Interest
5 | Enter your amount
6 |
7 |
13 | 
19 |
20 |
19 |
22 |
30 | Yield
23 |
24 |
25 |
28 |
29 | Pool APY
26 | 13%
27 |
31 |
38 |
39 |
2 |
8 |
3 | Be advised that this is the very first version of our baskets engine, thus
4 | there are some programmatic limits to it. We recommend investing smaller
5 | amounts.
6 |
7 |
9 |
31 |
16 |
25 |
26 |
27 |
28 |
29 |
30 |
32 |
40 |
--------------------------------------------------------------------------------
/src/app/modules/reef/pages/reef/reef.page.html:
--------------------------------------------------------------------------------
1 |
33 |
39 |
5 |
12 |
13 |
6 |
11 |
14 |
38 |
15 |
20 |
28 |
37 |
29 |
36 |
2 |
39 |
40 |
3 |
38 | HISTORIC SIMULATED PERFORMANCE
4 |
5 |
37 |
6 |
28 |
17 |
18 |
23 | Last {{ time }} month(s)
24 |
25 |
26 |
27 |
29 |
36 |
3 |
36 |
4 | You have a pending transaction for
5 |
6 | purchasing REEF.
7 |
8 | adding liquidity to the REEF/ETH pool.
9 |
10 |
11 | adding liquidity to the REEF/USDT pool.
12 |
13 |
14 | using the REEF/ETH farm.
15 |
16 |
17 | using the REEF/USDT farm.
18 |
19 |
20 | using the REEF farm.
21 |
22 |
23 | approving a token.
24 |
25 |
26 |
27 | Check it out on
28 | Etherscan
34 |
35 |
2 |
40 |
41 |
3 |
39 | Vaults
4 |
5 | You can modify the allocated amount using the sliders
6 |
7 |
8 |
38 |
9 |
37 | {{ key }}
10 |
20 |
27 |
21 | APY: {{ vaults[key].APY | number }}%
22 |
23 |
24 | {{ vaults[key].percentage }}%
25 |
26 |
2 |
31 |
32 |
3 |
30 | REEF Price
4 |
5 |
18 |
19 |
28 |
29 |
20 |
27 |
34 | Something went wrong while calculating the REEF Historical Price.
36 |
37 |
38 |
2 |
24 |
25 |
3 |
23 | COMPOSITION
4 |
10 |
22 |
11 |
21 | {{ vault.name }}
12 |
13 | {{ vaults.weights[i] | number: '1.1-2' }}%
14 |
15 |
27 |
39 |
28 |
38 | {{ vault.name }}
29 |
30 | {{ vaults.weights[i] | number: '1.1-2' }}%
31 |
32 |
5 |
48 |
--------------------------------------------------------------------------------
6 |
13 |
14 |
15 |
47 |
27 | 
32 |
46 |
32 |
33 |
35 | Welcome to Reef Finance!
34 | 36 | Making DeFi Easy for Everyone 37 |
38 |
39 |
45 | 40 | Reef Finance provides the gateway to the DeFi landscape through 41 | Liquidity and Protocol Aggregation, Proprietary Analytics, 42 | Personalized Recommendations and Multi-Chain Accessibility. 43 |
44 |