Issue/137 redirect to apidocs

src/app/adf-services/df-service-details/df-service-details.component.html

@@ -1,5 +1,5 @@
 <form [formGroup]="serviceForm" class="details-section" (ngSubmit)="save()">
-  <mat-form-field subscriptSizing="dynamic" class="dynamic-width">
+  <mat-form-field subscriptSizing="dynamic" class="fourth-width">
     <mat-label>{{
       'services.controls.serviceType.label' | transloco
     }}</mat-label>
@@ -16,7 +16,7 @@
   </mat-form-field>
   <mat-form-field
     subscriptSizing="dynamic"
-    class="dynamic-width"
+    class="fourth-width"
     *ngIf="!subscriptionRequired">
     <mat-label>{{ 'services.controls.namespace.label' | transloco }}</mat-label>
     <input matInput formControlName="name" />
@@ -58,10 +58,15 @@
   <ng-container *ngIf="viewSchema && !subscriptionRequired">
     <ng-container formGroupName="config">
       <mat-accordion class="full-width">
-        <mat-expansion-panel [expanded]="!serviceForm.getRawValue().type">
-          <mat-expansion-panel-header>{{
-            'services.options' | transloco
-          }}</mat-expansion-panel-header>
+        <mat-expansion-panel
+          [expanded]="
+            !serviceForm.getRawValue().type ||
+            serviceForm.getRawValue().type === 'soap' ||
+            serviceForm.getRawValue().type === 'rws'
+          ">
+          <mat-expansion-panel-header
+            >{{ 'services.options' | transloco }}
+          </mat-expansion-panel-header>
           <div class="details-section">
             <ng-container *ngFor="let item of viewSchema">
               <ng-container

src/app/adf-services/df-service-details/df-service-details.component.ts

@@ -226,7 +226,7 @@ export class DfServiceDetailsComponent implements OnInit {
           }
         )
         .subscribe(() => {
-          this.router.navigate(['../'], { relativeTo: this.activatedRoute });
+          this.router.navigate(['/api-connections/api-docs']);
         });
     }
   }

src/app/shared/components/df-side-nav/df-side-nav.component.html

@@ -12,12 +12,6 @@
       </button>
       <img class="logo" src="assets/img/logo.png" alt="Logo" routerLink="/" />
       <span class="spacer"></span>
-      <button
-        mat-icon-button
-        (click)="handleSearchClick()"
-        [attr.aria-label]="'search' | transloco">
-        <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
-      </button>
       <ng-container *ngIf="availableLanguages.length > 1">
         <button
           mat-icon-button
@@ -34,8 +28,8 @@
           </button>
         </mat-menu>
       </ng-container>
-      <button mat-button [matMenuTriggerFor]="profileMenu">
-        {{ (userData$ | async)?.name }}
+      <button mat-button [matMenuTriggerFor]="profileMenu" class="profile-icon">
+        <fa-icon [icon]="faUser"></fa-icon> {{ (userData$ | async)?.name }}
       </button>
       <mat-menu #profileMenu="matMenu">
         <button mat-menu-item routerLink="profile">
@@ -66,6 +60,12 @@
       class="sidenav"
       [mode]="(isSmallScreen | async) ? 'over' : 'side'">
       <mat-nav-list *ngIf="isLoggedIn$ | async">
+        <button class="search-btn" mat-button (click)="handleSearchClick()">
+          {{ 'Search Features' | transloco }}
+          <span>
+            <fa-icon [icon]="faMagnifyingGlass"></fa-icon>
+          </span>
+        </button>
         <ng-container
           *ngTemplateOutlet="
             navList;

src/app/shared/components/df-side-nav/df-side-nav.component.scss

@@ -19,6 +19,28 @@ $red-palette: mat.define-palette(mat.$red-palette);
   min-height: 64px;
 }
 
+.search-btn {
+  font-size: 1.6rem;
+  font-weight: 400;
+  height: 46px;
+  background: none;
+  border: none;
+  padding: 0 16px;
+  font-family: var(--mat-expansion-header-text-font);
+  color: var(--mat-expansion-container-text-color);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+
+  span {
+    margin-left: 6px;
+  }
+}
+
+.profile-icon {
+  color: #0f0761;
+}
+
 .sidenav-container {
   flex: 1 1 auto;
   .sidenav {

src/assets/i18n/en.json

@@ -126,7 +126,7 @@
       "download": { "nav": "Download", "header": "{{nav.home.download.nav}}" }
     },
     "api-connections": {
-      "nav": "API Connections",
+      "nav": "API Generation & Connections",
       "api-types": {
         "nav": "API Types",
         "database": {

src/styles.scss

@@ -108,6 +108,12 @@ mat-form-field {
   & .half-width {
     width: calc(50% - 8px);
   }
+  & .fourth-width {
+    width: calc(24.6% - 8px);
+    .small & {
+      width: calc(50% - 8px);
+    }
+  }
   & .dynamic-width {
     width: calc(50% - 8px);
     .small & {