TEIIDTOOLS-324 Convert Non-Patternfly 2+ Components to Patternfly NG …

…Components If Available

- converted vertical and horizontal navbar to patternfly-ng
- upgraded patternfly and patternfly-ng versions
- changes to some stylesheets
- deleted NavHeaderComponent (no longer needed)

ngapp/package.json

@@ -25,8 +25,8 @@
     "core-js": "^2.4.1",
     "ng2-codemirror": "^1.1.3",
     "ngx-bootstrap": "^1.9.3",
-    "patternfly": "^3.31.0",
-    "patternfly-ng": "^2.0.0",
+    "patternfly": "^3.37.1",
+    "patternfly-ng": "^2.1.1",
     "rxjs": "^5.5.5",
     "zone.js": "^0.8.14"
   },

ngapp/src/app/app.component.html

@@ -1,8 +1,6 @@
 <div>
-  <app-nav-header></app-nav-header>
   <app-vertical-nav></app-vertical-nav>
   <div id="{{ routerOutletWrapperId }}" class="{{ routerOutletWrapperClass }}">
     <router-outlet></router-outlet>
   </div>
 </div>
-

ngapp/src/app/connections/add-connection/add-connection.component.html

@@ -1,4 +1,4 @@
-<div style="margin-left: 150px">
+<div class="app-feature-content">
   <div id="connections-breadcrumb-bar">
     <app-breadcrumbs>
       <li i18n="@@connectionsCards.connections" app-breadcrumb label="Connections" icon="plug" [route]="[ connectionsLink ]"></li>

ngapp/src/app/connections/connections.component.html

@@ -1,4 +1,4 @@
-<div style="margin-left: 150px">
+<div class="app-feature-content">
 
   <div id="connections-breadcrumb-bar">
     <app-breadcrumbs>

ngapp/src/app/connections/shared/connections-constants.ts

@@ -10,11 +10,20 @@
  * limitations under the License.
  */
 
+import { NavigationItemConfig } from "patternfly-ng";
+
 export class ConnectionsConstants {
 
   public static readonly connectionsRootRoute = "connections";
   public static readonly connectionsRootPath = "/" + ConnectionsConstants.connectionsRootRoute;
 
   public static readonly addConnectionRoute = ConnectionsConstants.connectionsRootRoute + "/add-connection";
   public static readonly addConnectionPath = ConnectionsConstants.connectionsRootPath + "/add-connection";
+
+  public static readonly connectionsNavItem: NavigationItemConfig = {
+    title: "Connections",
+    iconStyleClass: "fa fa-fw fa-plug",
+    url: ConnectionsConstants.connectionsRootPath
+  };
+
 }

ngapp/src/app/core/core.module.ts

@@ -25,29 +25,28 @@ import { AppSettingsService } from "@core/app-settings.service";
 import { BreadcrumbComponent } from "@core/breadcrumbs/breadcrumb/breadcrumb.component";
 import { BreadcrumbsComponent } from "@core/breadcrumbs/breadcrumbs.component";
 import { LoggerService } from "@core/logger.service";
-import { NavHeaderComponent } from "@core/nav-header/nav-header.component";
 import { VerticalNavComponent } from "@core/vertical-nav/vertical-nav.component";
 import { ModalModule } from "ngx-bootstrap/modal";
 import { BsModalService } from "ngx-bootstrap/modal";
+import { PatternFlyNgModule } from "patternfly-ng";
 
 @NgModule({
   imports: [
     CommonModule,
     HttpModule,
     ModalModule,
+    PatternFlyNgModule,
     RouterModule
   ],
   declarations: [
     AboutDialogComponent,
     BreadcrumbComponent,
     BreadcrumbsComponent,
-    NavHeaderComponent,
     VerticalNavComponent
   ],
   exports: [
     BreadcrumbComponent,
     BreadcrumbsComponent,
-    NavHeaderComponent,
     VerticalNavComponent
   ],
   providers: [