19 |
20 | 21 |24 | 25 |“Сryptocurrency is the last chance for financial freedom.”
22 | 23 |
4 |
20 |
--------------------------------------------------------------------------------
/src/app/core-ui/main/block-sync-bar/block-sync-bar.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 |
3 |
4 | // Sidebar
5 | .sync-progress-wrapper {
6 | @extend %menu-divider;
7 | cursor: pointer;
8 | padding: 12px 24px 14px;
9 | .sync-info {
10 | font-size: 11px;
11 | text-transform: uppercase;
12 | margin: 0 0 8px;
13 | color: $text-muted;
14 | .highlight {
15 | color: lighten($text-muted, 40%);
16 | font-weight: 500;
17 | }
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/src/app/core-ui/main/cart/cart.component.html:
--------------------------------------------------------------------------------
1 |
5 |
6 |
16 |
17 |
18 |
19 | 7 | Syncing with the network 8 |
9 | 10 |
3 |
13 |
--------------------------------------------------------------------------------
/src/app/core-ui/main/cart/cart.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 |
3 | .cart-info {
4 | display: inline-block;
5 | margin-right: 24px;
6 | cursor: pointer;
7 | outline: none;
8 | &:hover {
9 | .mat-icon {
10 | color: darken($color, 1.5%);
11 | }
12 | }
13 | @include break(l) {
14 | margin-right: 36px;
15 | }
16 | .mat-icon {
17 | @extend %tfx;
18 | margin-right: 8px;
19 | position: relative;
20 | top: 2px;
21 | }
22 | .tag { // number of items in cart
23 | font-weight: 500;
24 | }
25 | .amount { // GHOST value in cart
26 | color: $text-muted;
27 | font-size: 13px;
28 | font-weight: 400;
29 | margin-left: 8px;
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/src/app/core-ui/main/loading-placeholder/loading-placeholder.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { LoadingPlaceholderComponent } from './loading-placeholder.component';
4 |
5 | describe('LoadingPlaceholderComponent', () => {
6 | let component: LoadingPlaceholderComponent;
7 | let fixture: ComponentFixture
3 | Client
4 |
5 |
6 | {{ clientVersion }}
7 |
8 |
9 |
10 | Market
11 |
12 | {{ marketVersion }}
13 |
14 |
15 |
16 | Core
17 |
18 | {{ daemonVersion }}
19 |
20 |
21 |
2 |
3 |
4 |
5 |
23 |
--------------------------------------------------------------------------------
/src/app/loading/updater.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed, inject } from '@angular/core/testing';
2 | import { MatDialogModule } from '@angular/material';
3 |
4 | import { IpcService } from 'app/core/ipc/ipc.service';
5 | import { UpdaterService } from './updater.service';
6 |
7 |
8 | describe('UpdaterService', () => {
9 | beforeEach(() => {
10 | TestBed.configureTestingModule({
11 | imports: [ MatDialogModule ],
12 | providers: [UpdaterService, IpcService]
13 | });
14 | });
15 |
16 | it('should be created', inject([UpdaterService], (service: UpdaterService) => {
17 | expect(service).toBeTruthy();
18 | }));
19 | });
20 |
--------------------------------------------------------------------------------
/src/app/market/_listing.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 | @import './src/app/market/_lists-shared'; // shared stuff for listings & orders
3 |
4 | // ------ LISTINGS ------ //
5 |
6 | .listing {
7 | .header {
8 | min-height: 110px !important;
9 | max-height: 110px !important;
10 | padding: 0 24px 0 0;
11 | }
12 | }
13 |
14 | .list-item {
15 | .header-wrapper {
16 | .photo { // crop listing's image to square
17 | min-height: 110px;
18 | max-height: 110px;
19 | height: 110px;
20 | }
21 | .meta .name {
22 | font-size: 16px;
23 | }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/src/app/market/buy/buy.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 | @import './src/app/market/_order'; // order styles
3 | @import './src/app/wallet/shared/_filter-sorting'; // filtering & sorting
4 | @import './src/app/market/_product-card'; // listing item card preview
5 |
6 | // ------ UI ELEMENTS ------ //
7 |
8 | /*
9 | .mat-card {
10 | & > .title { // TODO: replace with %placeholders when Settings is merged
11 | @extend %box-title;
12 | margin: -4px 0 16px !important;
13 | }
14 | }
15 | */
16 |
17 |
--------------------------------------------------------------------------------
/src/app/market/market.routing.ts:
--------------------------------------------------------------------------------
1 | import { ModuleWithProviders } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 |
4 | import { ListingsComponent } from './listings/listings.component';
5 | import { BuyComponent } from './buy/buy.component';
6 | import { SellComponent } from './sell/sell.component';
7 | import { AddItemComponent } from './sell/add-item/add-item.component';
8 |
9 | const routes: Routes = [
10 | { path: 'listings', component: ListingsComponent, data: { title: 'Listings' } },
11 | { path: 'buy', component: BuyComponent, data: { title: 'Buy' } },
12 | { path: 'sell', component: SellComponent, data: { title: 'Sell' } },
13 | { path: 'template', component: AddItemComponent, data: { title: 'Sell › Add/Edit item' } }
14 | ];
15 |
16 | export const market_routing: ModuleWithProviders = RouterModule.forChild(routes);
17 |
--------------------------------------------------------------------------------
/src/app/market/sell/sell.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 | @import './src/app/market/_listing'; // listing styles
3 | @import './src/app/wallet/shared/_filter-sorting'; // filtering & sorting
4 |
5 | // ------ GENERAL ------ //
6 |
7 | .mat-icon {
8 | font-size: 14px;
9 | }
10 |
11 | // ------ LAYOUT ------ //
12 |
13 | .loading-container {
14 | $padding: 35px;
15 | left: ($sidebar-width + $filter-width + (2 * $padding));
16 | right: $padding;
17 | @include break(l) {
18 | $padding-l: 50px;
19 | left: ($sidebar-width + $filter-width + (2 * $padding-l));
20 | right: $padding-l;
21 | }
22 | }
23 |
24 |
25 | // ------ LOADING BAR (bottom) ------ //
26 |
27 | .loading-bar {
28 | position: fixed;
29 | bottom: 0;
30 | height: 8px;
31 | }
32 |
--------------------------------------------------------------------------------
/src/app/market/sell/seller-listing/seller-listing.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 | @import './src/app/market/_listing'; // listing styles
3 |
--------------------------------------------------------------------------------
/src/app/market/shared/addtocart/add-to-cart.component.html:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 |
11 |
--------------------------------------------------------------------------------
/src/app/market/shared/addtocart/add-to-cart.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 |
--------------------------------------------------------------------------------
/src/app/market/shared/favorite/favorite.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 |
3 | // Fav button in Listing's card in Listings
4 | .fav.icon {
5 | background: #fff;
6 | border-radius: 50%;
7 | display: inline-block;
8 | padding: 7px;
9 | margin: 0 0 0 2px;
10 | font-size: 14px;
11 | color: $text;
12 | cursor: pointer;
13 | &:hover,
14 | &.active {
15 | color: $color-alert;
16 | }
17 | }
18 |
19 | // Fav button on Listing's detail modal
20 | button {
21 | .icon {
22 | margin: 0 4px 0 0;
23 | padding: 0;
24 | color: inherit;
25 | &:hover {
26 | color: inherit;
27 | }
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/app/market/shared/orders/order-item/order-item.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 | @import './src/app/market/_lists-shared';
3 | @import './src/app/market/_order'; // order styles
4 |
5 | h3 {
6 | text-align: center;
7 | }
8 |
--------------------------------------------------------------------------------
/src/app/market/shared/orders/orders.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 | @import './src/app/wallet/shared/_filter-sorting'; // filtering & sorting
3 |
4 |
--------------------------------------------------------------------------------
/src/app/market/shared/report/report.component.html:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 | •••
7 |
8 |
9 |
10 | {{loadingMessage}}
11 |
12 |
13 |
14 |
16 |
17 | Syncing with the network, {{blockReceived}}/{{blockHeader}} block(s) received.
15 |18 |21 | 22 |“{{johnQuote}}“
19 | 20 |
| Name | 4 |{{ shippingAddress?.firstName || '' }} {{ shippingAddress?.lastName || '' }} | 5 |
|---|---|
| Address | 8 |
9 | {{ shippingAddress?.addressLine1 || '' }}
10 |
11 | {{ shippingAddress?.addressLine2 }}
12 |
13 | |
14 |
| City | 17 |{{shippingAddress?.city || '' }} | 18 |
| State | 21 |{{ shippingAddress?.state }} | 22 |
| ZIP | 25 |{{ shippingAddress?.zipCode || '' }} | 26 |
| Coutry | 29 |{{ country }} | 30 |
2 |
14 |
--------------------------------------------------------------------------------
/src/app/modals/daemon/daemon.component.scss:
--------------------------------------------------------------------------------
1 | .center {
2 | text-align: center;
3 | }
4 |
--------------------------------------------------------------------------------
/src/app/modals/daemon/daemon.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-daemon',
5 | templateUrl: './daemon.component.html',
6 | styleUrls: ['./daemon.component.scss']
7 | })
8 | export class DaemonComponent {
9 |
10 | public message: any;
11 |
12 | constructor() { }
13 |
14 | setData(data: any) {
15 | this.message = data;
16 | }
17 |
18 | }
19 |
--------------------------------------------------------------------------------
/src/app/modals/delete-listing/delete-listing.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 |
3 | .modal-content {
4 | max-width: 450px;
5 | }
6 |
7 | table.info {
8 | width: 100%;
9 | margin: 16px 0;
10 | th {
11 | text-align: right;
12 | font-weight: normal;
13 | color: $text-muted;
14 | width: 130px;
15 | padding-right: 8px;
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/src/app/modals/encryptwallet/encryptwallet.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 |
--------------------------------------------------------------------------------
/src/app/modals/manage-widgets/manage-widgets.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 |
3 | // ------ ... ------ //
4 |
5 | .area {
6 | border: 2px dashed $bg-shadow;
7 | padding: 24px 32px;
8 | margin: 0 0 24px;
9 | p.widget-help {
10 | margin-bottom: 0;
11 | }
12 | &.balances {
13 | margin-top: 32px;
14 | }
15 | }
16 |
17 |
--------------------------------------------------------------------------------
/src/app/modals/manage-widgets/manage-widgets.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { MatDialogRef } from '@angular/material';
3 |
4 | @Component({
5 | selector: 'app-manage-widgets',
6 | templateUrl: './manage-widgets.component.html',
7 | styleUrls: ['./manage-widgets.component.scss']
8 | })
9 | export class ManageWidgetsComponent implements OnInit {
10 |
11 | constructor() { }
12 |
13 | ngOnInit() {
14 | }
15 |
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/modals/market-bid-confirmation-modal/bid-confirmation-modal.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 | @import './src/app/modals/_confirmations-shared'; // shared stuff for confirmation modals
3 |
4 |
5 | // ------ LAYOUT ------ //
6 |
7 | // ALPHA WARNING
8 | p.alpha {
9 | margin: -20px -15px 24px !important;
10 | text-align: left;
11 | line-height: 1.4;
12 | }
13 |
--------------------------------------------------------------------------------
/src/app/modals/market-listing-expiration/listing-expiration.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 |
3 | // ------ UI ------ //
4 |
5 | .mat-card {
6 | & > .title {
7 | @extend %box-title;
8 | margin-bottom: 24px;
9 | }
10 | }
11 |
12 |
13 | // ------ LAYOUT ------ //
14 |
15 | .dialog-content {
16 | max-width: 400px;
17 | }
18 |
19 | .est-fee {
20 | margin-left: 20px;
21 | line-height: 1.45;
22 | }
23 |
24 | .small {
25 | @extend %lighter;
26 | font-size: 80%;
27 | font-weight: 400;
28 | }
29 |
--------------------------------------------------------------------------------
/src/app/modals/market-place-order/place-order.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 |
3 | // ------ LAYOUT ------ //
4 |
5 | .image {
6 | padding: 13px 0 0 13px;
7 | }
8 |
9 | // ALPHA WARNING
10 | p.alpha {
11 | max-width: 460px;
12 | margin: 0 -24px 12px !important;
13 | }
14 |
--------------------------------------------------------------------------------
/src/app/modals/market-place-order/place-order.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, EventEmitter, OnInit, Output} from '@angular/core';
2 | import { MatDialogRef } from '@angular/material';
3 | import { isPrerelease, isMainnetRelease } from 'app/core/util/utils';
4 | @Component({
5 | selector: 'app-place-order',
6 | templateUrl: './place-order.component.html',
7 | styleUrls: ['./place-order.component.scss']
8 | })
9 | export class PlaceOrderComponent implements OnInit {
10 | public type: string = '';
11 | isPrerelease: boolean = false;
12 | trackingNumber: string = '';
13 | @Output() isConfirmed: EventEmitter
3 | Warning: You are using Ghost through a browser.
4 |
5 |
6 |
13 |
7 | Couldn't connect to Ghost Daemon: connection refused
8 |
9 |
10 | Error {{ message.error.status }}: {{ message.error.message }}
11 |
12 |
2 |
--------------------------------------------------------------------------------
/src/app/modals/processing-modal/processing-modal.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/config'; // import shared colors etc.
2 |
3 | .loading-container {
4 | position: static;
5 | padding: 64px;
6 | margin: -24px;
7 | }
8 |
--------------------------------------------------------------------------------
/src/app/modals/processing-modal/processing-modal.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Inject } from '@angular/core';
2 | import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
3 |
4 | interface DialogData {
5 | message: string;
6 | }
7 |
8 | @Component({
9 | selector: 'app-processing-modal',
10 | templateUrl: './processing-modal.component.html',
11 | styleUrls: ['./processing-modal.component.scss']
12 | })
13 | export class ProcessingModalComponent {
14 |
15 | constructor(public dialogRef: MatDialogRef
3 |
13 |
4 | 
5 |
6 |
5 | 7 | {{data?.message}} 8 |
9 | 12 |{{title}}
2 |
3 | {{text}}
4 |
5 |
6 | Daemon connection {{ text }}
2 |Daemon connection sub heading
4 |Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 5 | standard dummy text ever since the 1500s.
6 | 7 |When an unknown printer took a galley of type and scrambled it to make a 8 | type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, 9 | remaining essentially unchanged
10 |
4 | {{ balance.getIntegerPart() }}{{ balance.dot() }}{{ balance.getFractionalPart() || '' }}
7 |
8 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/src/app/wallet/wallet/balances/balance.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 |
3 | .balance {
4 | @extend %enable-select;
5 | display: inline-block;
6 | padding-top: 7px;
7 | & > .point {
8 | color: $color;
9 | margin: 0 2px;
10 | }
11 | & > .big {
12 | font-size: 22px;
13 | @include break(l) {
14 | font-size: 28px;
15 | }
16 | }
17 | & > .small {
18 | font-size: 11px;
19 | @include break(l) {
20 | font-size: 15px;
21 | }
22 | }
23 | & > .description {
24 | @extend %lighter;
25 | text-transform: uppercase;
26 | margin-top: 6px;
27 | }
28 |
29 | // Balance preview in sidebar
30 | &.in-sidebar {
31 | padding: 0;
32 | small {
33 | @extend %lighter;
34 | font-weight: 400;
35 | }
36 | }
37 |
38 | }
39 |
--------------------------------------------------------------------------------
/src/app/wallet/wallet/history/history.component.scss:
--------------------------------------------------------------------------------
1 | @import './src/assets/_config'; // import shared colors etc.
2 | @import './src/app/wallet/shared/_filter-sorting'; // filtering & sorting
3 |
4 | // ------ LAYOUT ------ //
5 |
6 |
--------------------------------------------------------------------------------
/src/app/wallet/wallet/models/address-look-up-copy.ts:
--------------------------------------------------------------------------------
1 | export class AddressLookUpCopy {
2 | address: string;
3 | label: string;
4 | }
5 |
--------------------------------------------------------------------------------
/src/app/wallet/wallet/receive/modals/add-address-label/add-address-label.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghost-coin/ghost-desktop/20b46d8f112c431a4e5c414065e75e2a10eda954/src/app/wallet/wallet/receive/modals/add-address-label/add-address-label.component.scss
--------------------------------------------------------------------------------
/src/app/wallet/wallet/send/fix-wallet-modal/fix-wallet-modal.component.html:
--------------------------------------------------------------------------------
1 | {{ getTypeOfBalance() }}
9 |Fix wallet
2 |
5 |
6 | We've detected a potential issue with your wallet.dat
7 | Make a manual backup of your wallet.dat and then click "Fix". 8 |
9 |
10 | 7 | Make a manual backup of your wallet.dat and then click "Fix". 8 |
Fix wallet
2 |
5 |
6 |
11 |
12 |
7 |
16 |
27 |
28 |
29 |
17 |
18 |
19 |
20 |
26 |
19 |
20 |