diff --git a/web-ui/package.json b/web-ui/package.json index b12174ba..180f2694 100644 --- a/web-ui/package.json +++ b/web-ui/package.json @@ -37,7 +37,7 @@ "ng-http-loader": "^5.0.0", "ng-lottie": "^0.3.2", "ng2-tooltip-directive": "^2.9.17", - "ngx-bootstrap": "^3.3.0", + "ngx-bootstrap": "^4.2.0", "ngx-bootstrap-slider": "^1.9.0", "ngx-infinite-scroll": "^7.0.1", "ngx-moment": "^3.0.1", diff --git a/web-ui/src/app/components/shared/footer/footer.component.css b/web-ui/src/app/components/shared/footer/footer.component.css index e69de29b..53ffe360 100644 --- a/web-ui/src/app/components/shared/footer/footer.component.css +++ b/web-ui/src/app/components/shared/footer/footer.component.css @@ -0,0 +1,22 @@ +.wiringbitsLogoLink { + text-decoration: none; + font-size: 18px; + color: #fff; +} + +.wiringbitsFloatLogo { + background-color: #fff; + border-radius: 30px; + border: 2px solid #ffffff; + background-image: linear-gradient(to bottom right, #101011, #2a51e7); + bottom: 0px; + right: 0px; + position: fixed; + z-index: 100; +} + +.wiringbitsFloatLogo img { + width: 50px; + height: 50px; + object-fit: contain; +} diff --git a/web-ui/src/app/components/shared/footer/footer.component.html b/web-ui/src/app/components/shared/footer/footer.component.html index f5222ee4..18dbba41 100644 --- a/web-ui/src/app/components/shared/footer/footer.component.html +++ b/web-ui/src/app/components/shared/footer/footer.component.html @@ -1,2 +1,5 @@ -

-

+Powered by wiringbits +
+ +
diff --git a/web-ui/src/app/components/shared/footer/footer.component.spec.ts b/web-ui/src/app/components/shared/footer/footer.component.spec.ts index 2ca6c454..04361fb6 100644 --- a/web-ui/src/app/components/shared/footer/footer.component.spec.ts +++ b/web-ui/src/app/components/shared/footer/footer.component.spec.ts @@ -2,13 +2,18 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing'; import { FooterComponent } from './footer.component'; +import { PopoverModule } from 'ngx-bootstrap/popover'; + describe('FooterComponent', () => { let component: FooterComponent; let fixture: ComponentFixture; beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [ FooterComponent ] + declarations: [ FooterComponent ], + imports: [ + PopoverModule.forRoot(), + ], }) .compileComponents(); })); diff --git a/web-ui/src/app/components/shared/footer/footer.component.ts b/web-ui/src/app/components/shared/footer/footer.component.ts index 67f13785..7b873474 100644 --- a/web-ui/src/app/components/shared/footer/footer.component.ts +++ b/web-ui/src/app/components/shared/footer/footer.component.ts @@ -6,10 +6,8 @@ import { Component, OnInit } from '@angular/core'; styleUrls: ['./footer.component.css'] }) export class FooterComponent implements OnInit { - constructor() { } ngOnInit() { } - } diff --git a/web-ui/src/app/components/shared/shared.module.ts b/web-ui/src/app/components/shared/shared.module.ts index 0556f315..0e798b76 100644 --- a/web-ui/src/app/components/shared/shared.module.ts +++ b/web-ui/src/app/components/shared/shared.module.ts @@ -14,6 +14,7 @@ import { TransactionTablev2Component } from './transaction-tablev2/transaction-t import { PipesModule } from '../../pipes/pipes.module'; import { BsDropdownModule } from 'ngx-bootstrap/dropdown'; import { TooltipModule } from 'ng2-tooltip-directive'; +import { PopoverModule } from 'ngx-bootstrap/popover'; import { LottieAnimationViewModule } from 'ng-lottie'; @@ -30,7 +31,8 @@ import { LottieAnimationViewModule } from 'ng-lottie'; InfiniteScrollModule, BsDropdownModule.forRoot(), LottieAnimationViewModule.forRoot(), - TooltipModule + TooltipModule, + PopoverModule.forRoot() ], declarations: [ NavbarComponent, diff --git a/web-ui/src/assets/wiringbits.png b/web-ui/src/assets/wiringbits.png new file mode 100644 index 00000000..ce9236d1 Binary files /dev/null and b/web-ui/src/assets/wiringbits.png differ diff --git a/web-ui/src/styles.css b/web-ui/src/styles.css index f79ee373..2a90bbef 100644 --- a/web-ui/src/styles.css +++ b/web-ui/src/styles.css @@ -459,4 +459,18 @@ table.isLoading tr:nth-child(odd) td div::after { .small, small { font-size: 75%; -} \ No newline at end of file +} + +.wiringbitsPopOver { + background-color: #00135b; + color: #ffffff; + border: 2px solid #fff; +} + +.wiringbitsHighlight { + box-shadow: 0px 0px 13px 5px #0ab8ca; +} + +.wiringbitsPopOver.popover>.arrow, .popover>.arrow:after { + border-color: transparent !important; +}