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;
+}