Perf: Optimize code structure

jumpserver · Dec 30, 2024 · 47b7927 · 47b7927
1 parent 1371a3b
commit 47b7927
Show file tree

Hide file tree

Showing 13 changed files with 704 additions and 769 deletions.
diff --git a/src/app/model.ts b/src/app/model.ts
@@ -376,7 +376,7 @@ export class ConnectOption {
 export class AdminConnectData {
   asset: Asset;
   account: Account;
-  protocol: Protocol;
+  protocol: string;
   input_username: string;
   method: string;
 }

diff --git a/src/app/pages/pages.component.ts b/src/app/pages/pages.component.ts
@@ -4,9 +4,8 @@ import { PagesBlankComponent } from "./blank/blank.component";
 import { PagesReplayComponent } from "./replay/replay.component";
 import { PagesConnectComponent } from "./connect/connect.component";
 import { PagesMonitorComponent } from "./monitor/monitor.component";
-import { PagePamGUIComponent } from "./pam/gui.component/gui.component";
 import { PagesNotFoundComponent } from "./not-found/not-found.component";
-import { PagePamTerminalComponent } from "./pam/terminal.component/terminal.component";
+import { PagePamComponent } from "./pam/pam.component";
 
 export const PagesComponents = [
   PageMainComponent,
@@ -16,6 +15,5 @@ export const PagesComponents = [
   PagesNotFoundComponent,
   PageSftpComponent,
   PagesMonitorComponent,
-  PagePamTerminalComponent,
-  PagePamGUIComponent,
+  PagePamComponent
 ];
diff --git a/src/app/pages/pam/gui.component/gui.component.html b/src/app/pages/pam/gui.component/gui.component.html
diff --git a/src/app/pages/pam/gui.component/gui.component.scss b/src/app/pages/pam/gui.component/gui.component.scss
diff --git a/src/app/pages/pam/pam.component.html b/src/app/pages/pam/pam.component.html
@@ -0,0 +1,140 @@
+<div>
+  <div class="terminal-connect" *ngIf="iframeTerminalURL">
+    <mat-sidenav-container (backdropClick)="closeDrawer()">
+      <mat-sidenav
+        #sidenav
+        position="end"
+        mode="over"
+        class="file-manage-drawer"
+      >
+        <div class="drawer-header">
+          <mat-icon style="cursor: pointer" (click)="closeDrawer()"
+            >close</mat-icon
+          >
+
+          <p>文件管理</p>
+        </div>
+
+        <mat-divider></mat-divider>
+
+        <div class="drawer-manage">
+          <div class="path">
+            <mat-icon>home</mat-icon>
+            <div class="delimiter">/</div>
+          </div>
+        </div>
+      </mat-sidenav>
+
+      <mat-sidenav-content>
+        <mat-card>
+          <mat-card-header style="height: 55px; align-items: center">
+            <mat-card-title> SSH 会话 </mat-card-title>
+
+            <mat-divider [vertical]="true"> </mat-divider>
+
+            <div class="info-section">
+              <div class="top-part">
+                <mat-icon matTooltip="资产信息">dvr</mat-icon>
+                <div class="desc">
+                  <div style="font-weight: 700; margin-right: 5px">
+                    资产信息:
+                  </div>
+                  {{ assetName }}
+                </div>
+              </div>
+
+              <div class="bottom-part">
+                <mat-icon matTooltip="连接时间">date_range</mat-icon>
+
+                <div class="desc">
+                  <div style="font-weight: 700; margin-right: 5px">
+                    连接时间:
+                  </div>
+                  {{ startTime.toLocaleString() }}
+                </div>
+              </div>
+            </div>
+
+            <div class="action-section">
+              <div class="timer-container">
+                <div class="timer">
+                  <div [class.active]="isActive" class="status-dot"></div>
+                  <span>{{ totalConnectTime }}</span>
+                </div>
+              </div>
+
+              <mat-divider [vertical]="true"> </mat-divider>
+
+              <div class="actions">
+                <div class="file-manage action-icon">
+                  <mat-icon
+                    matTooltip="文件管理"
+                    (click)="handleOpenFileManage()"
+                    >folder</mat-icon
+                  >
+                </div>
+
+                <div class="exit action-icon">
+                  <mat-icon matTooltip="退出" (click)="handleCloseConnect()"
+                    >close</mat-icon
+                  >
+                </div>
+              </div>
+            </div>
+          </mat-card-header>
+        </mat-card>
+
+        <mat-card
+          style="
+            margin: 20px;
+            height: calc(100% - 130px);
+            background-color: #f7f8f9;
+          "
+        >
+          <mat-card-content style="height: 100%">
+            <elements-iframe #iFrame [src]="iframeTerminalURL" [origin]="'pam'">
+            </elements-iframe>
+          </mat-card-content>
+        </mat-card>
+      </mat-sidenav-content>
+    </mat-sidenav-container>
+  </div>
+
+  <div class="sftp-connect" *ngIf="iframeSFTPURL">
+    <div class="timer-container">
+      <div class="timer">
+        <div [class.active]="isActive" class="status-dot"></div>
+        <span>{{ totalConnectTime }}</span>
+      </div>
+    </div>
+
+    <div class="action-icons" [class.show]="showActionIcons">
+      <div class="close-icon" (click)="handleCloseConnect()">
+        <mat-icon matTooltip="退出">close</mat-icon>
+      </div>
+    </div>
+
+    <pages-sftp></pages-sftp>
+  </div>
+
+  <div class="pam-gui" *ngIf="iframeRDPURL">
+    <div class="timer-container">
+      <div class="timer">
+        <div [class.active]="isActive" class="status-dot"></div>
+        <span>{{ totalConnectTime }}</span>
+      </div>
+    </div>
+
+    <div class="action-icons" [class.show]="showActionIcons">
+      <div class="close-icon" (click)="handleCloseConnect()">
+        <mat-icon matTooltip="退出">close</mat-icon>
+      </div>
+    </div>
+
+    <elements-iframe
+      *ngIf="iframeRDPURL"
+      [src]="iframeRDPURL"
+      [origin]="'pam'"
+    ></elements-iframe>
+  </div>
+</div>