change logos

src/app/app.module.ts

@@ -18,6 +18,9 @@ import { searchpeUIConfigProvider } from './config/searchpe-ui-config.service';
 import { ApiLocatorService } from './config/api-locator.service';
 import { searchpeApiUrlProvider } from './config/searchpe-api.provider';
 
+// Bootstrap
+import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
+
 @NgModule({
   declarations: [
     AppComponent,
@@ -33,7 +36,10 @@ import { searchpeApiUrlProvider } from './config/searchpe-api.provider';
 
     // Custom modules
     AboutModalModule,
-    NgxSearchpeModule.forRoot()
+    NgxSearchpeModule.forRoot(),
+
+    // Bootstrap
+    BsDropdownModule.forRoot(),
   ],
   providers: [
     // Config

src/app/layout/about-modal/about-modal.component.ts

@@ -28,13 +28,13 @@ export class AboutModalComponent implements OnInit {
 
   ngOnInit(): void {
     this.aboutConfig = {
-      additionalInfo: 'Searchpe is a software registered on Goverment, for more information contact us.',
+      additionalInfo: 'Searchpe is a software registered by Wolsnut4, for more information contact us.',
       copyright: 'Trademark and Copyright Information',
       logoImageAlt: 'Patternfly Symbol',
       logoImageSrc: '//www.patternfly.org/assets/img/logo-alt.svg',
       title: 'Searchpe',
       productInfo: [
-        { name: 'Version', value: '1' }
+        { name: 'Version', value: '1.0.0.Final' }
       ]
     } as AboutModalConfig;
   }

src/app/layout/header/header.component.html

@@ -13,20 +13,21 @@
   </div>
   <nav class="collapse navbar-collapse">
     <ul class="nav navbar-nav navbar-right navbar-iconic navbar-utility">
-      <li class="dropdown">
-        <button class="btn btn-link dropdown-toggle nav-item-iconic" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
-          aria-expanded="true">
+      <li class="dropdown" dropdown>
+        <button class="btn btn-link dropdown-toggle nav-item-iconic" id="dropdownMenu1" dropdownToggle>
           <span title="Help" class="fa pficon-help"></span>
         </button>
-        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
+        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1" *dropdownMenu>
           <li>
-            <a href="#0">Help</a>
+            <a href="https://github.com/searchpe/searchpe" target="_blank">Help</a>
           </li>
           <li>
-            <a href="#0">About</a>
+            <a href="javascript:void(0);" (click)="aboutModal.open()">About</a>
           </li>
         </ul>
       </li>
     </ul>
   </nav>
 </nav>
+
+<app-about-modal #aboutModal></app-about-modal>