vm logs key mock

src/app/vm/container/vm-detail.container.ts

@@ -54,6 +54,7 @@ const vmDescriptionKey = 'csui.vm.description';
       [vm]="vm$ | async"
       (statsUpdated)="updateStats($event)"
     ></cs-statistics>
+    <cs-vm-logs-secret-key></cs-vm-logs-secret-key>
   `,
 })
 export class VmDetailContainerComponent implements OnInit {

src/app/vm/vm-sidebar/vm-logs-secret-key/vm-logs-secret-key.component.html

@@ -0,0 +1,31 @@
+<mat-card>
+  <mat-card-header>
+    <mat-card-title>
+      <h2>VM logs key</h2>
+    </mat-card-title>
+  </mat-card-header>
+  <mat-card-content>
+    <cs-input-group class="full-width-input">
+      <mat-form-field class="full-width-input" cs-input-group-textbox>
+        <input matInput [value]="'9378535y32hr9823h832f832fg23fg23'" readonly>
+      </mat-form-field>
+      <cs-clipboard-button
+        cs-input-group-button
+        [value]="'9378535y32hr9823h832f832fg23fg23'"
+        tooltipPosition="below"
+      ></cs-clipboard-button>
+      <button
+        cs-input-group-button
+        mat-icon-button
+        class="mat-icon-button"
+        (click)="onRefresh()"
+      >
+        <mat-icon class="mdi-replay"></mat-icon>
+      </button>
+    </cs-input-group>
+
+    <a class="truncate" target="_blank" [href]="apiUrl">
+      http://link_to_docs
+    </a>
+  </mat-card-content>
+</mat-card>

src/app/vm/vm-sidebar/vm-logs-secret-key/vm-logs-secret-key.component.ts

@@ -0,0 +1,20 @@
+import { Component } from '@angular/core';
+import { filter, onErrorResumeNext } from 'rxjs/operators';
+
+import { DialogService } from '../../../dialog/dialog-service/dialog.service';
+
+@Component({
+  selector: 'cs-vm-logs-secret-key',
+  templateUrl: 'vm-logs-secret-key.component.html',
+  styleUrls: ['vm-logs-secret-key.component.scss'],
+})
+export class VmLogsSecretKeyComponent {
+  constructor(private dialogService: DialogService) {}
+
+  public onRefresh(): void {
+    this.dialogService.confirm({ message: 'Are you sure you want to regenerate this key?' }).pipe(
+      onErrorResumeNext(),
+      filter(Boolean),
+    );
+  }
+}

src/app/vm/vm.module.ts

@@ -91,6 +91,7 @@ import { ServiceOfferingDetailsComponent } from './vm-sidebar/vm-detail/service-
 import { SshKeypairComponent } from './vm-sidebar/vm-detail/ssh/ssh-keypair.component';
 import { VmDetailTemplateComponent } from './vm-sidebar/vm-detail/template/vm-detail-template.component';
 import { VmDetailComponent } from './vm-sidebar/vm-detail/detail/vm-detail.component';
+import { VmLogsSecretKeyComponent } from './vm-sidebar/vm-logs-secret-key/vm-logs-secret-key.component';
 import { VmSidebarComponent } from './vm-sidebar/vm-sidebar.component';
 import { VmTagsComponent } from './vm-sidebar/vm-tags/vm-tags.component';
 import { ServiceOfferingSelectorComponent } from './vm-creation/components/service-offering-selector/service-offering-selector.component';
@@ -207,6 +208,7 @@ import { VmCreationAffinityGroupManagerComponent } from './vm-creation/component
     ServiceOfferingSelectorComponent,
     InstallationSourceDialogComponent,
     VmPasswordComponent,
+    VmLogsSecretKeyComponent,
   ],
   providers: [VmActionsService, VmService, SshAccessService, HttpAccessService, VncAccessService],
   entryComponents: [