-
-
-
- ID
- {{ i | globalSerial }}
-
-
- Device Name
- {{ element?.backup_name }}
-
-
- AVX Name
- {{ element?.avx_name }}
-
-
- VA Name
- {{ element?.va_name }}
-
-
- Action
-
-
-
-
-
-
- No results found.
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+ VA Backups
+
+
+
+
+
+
+ ID
+ {{ i | globalSerial }}
+
+
+ Backup Name
+ {{ element?.backup_name }}
+
+
+ AVX Name
+ {{ element?.avx_name }}
+
+
+ VA Name
+ {{ element?.va_name }}
+
+
+ Action
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ No data available
+
+
+
+
+
+
+
-
-
+
+
+
\ No newline at end of file
Index: /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-backup/avx-va-backup.scss
===================================================================
--- /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-backup/avx-va-backup.scss (revision 2834)
+++ /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-backup/avx-va-backup.scss (working copy)
@@ -0,0 +1,105 @@
+// Page Container
+.avx-page-container {
+ display: flex;
+ flex-direction: column;
+ gap: 16px;
+ padding: 16px;
+ background-color: transparent;
+}
+
+// Action Bar
+.action-bar {
+ display: flex;
+ justify-content: flex-end;
+
+ button {
+ font-weight: 500;
+ }
+}
+
+// Card Styles
+.page-card-1 {
+ width: 100%;
+ border-radius: 8px;
+ background-color: var(--surface-bg); // Theme-aware
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+
+ mat-card-header {
+ background-color: transparent;
+ border-bottom: 1px solid var(--border-color);
+ padding: 16px;
+
+ mat-card-title {
+ font-size: 16px;
+ font-weight: 600;
+ color: var(--primary-color);
+ }
+ }
+
+ mat-card-content {
+ padding: 0;
+ }
+}
+
+// Modern Table Styles
+.modern-table {
+ width: 100%;
+
+ th.mat-header-cell {
+ font-size: 13px;
+ font-weight: 600;
+ color: var(--text-secondary);
+ background-color: var(--table-header-bg);
+ border-bottom: 1px solid var(--border-color);
+ padding: 16px;
+ }
+
+ td.mat-cell {
+ font-size: 13px;
+ color: var(--text-primary);
+ padding: 12px 16px;
+ border-bottom: 1px solid var(--border-color);
+ }
+
+ tr.mat-row:hover {
+ background-color: var(--table-hover);
+ }
+
+ // Primary text column styling
+ .primary-text {
+ font-weight: 500;
+ color: var(--primary-color);
+ }
+}
+
+// Action Buttons
+// Action Buttons
+.row-action {
+ display: flex;
+ gap: 12px;
+ align-items: center;
+
+ button,
+ a {
+ background-color: transparent;
+ }
+}
+
+// Semantic Icon Classes
+.delete-icon {
+ color: var(--warn-color);
+ font-size: 16px;
+}
+
+.primary-icon {
+ color: var(--primary-color);
+ font-size: 16px;
+}
+
+// No data row
+.table-no-data {
+ text-align: center;
+ font-style: italic;
+ color: var(--text-secondary);
+ height: 48px;
+}
\ No newline at end of file
Index: /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-backup/avx-va-backup.ts
===================================================================
--- /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-backup/avx-va-backup.ts (revision 2834)
+++ /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-backup/avx-va-backup.ts (working copy)
@@ -1,15 +1,15 @@
-import {Component, inject, OnInit, ViewChild} from '@angular/core';
-import {SharedModule} from '../../../shared/shared-module';
-import {MatTableDataSource} from '@angular/material/table';
-import {MatPaginator} from '@angular/material/paginator';
-import {MAT_DIALOG_DATA, MatDialog, MatDialogConfig, MatDialogRef} from '@angular/material/dialog';
-import {AvxService} from '../../../services/avx-service';
-import {NotificationService} from '../../../services/notification';
-import {Confirmation} from '../../../services/confirmation';
-import {take} from 'rxjs/operators';
-import {GlobalSerialPipe} from '../../../pipes/global-serial-pipe';
-import {FormBuilder, FormGroup, Validators} from '@angular/forms';
-import {HttpParams} from '@angular/common/http';
+import { Component, inject, OnInit, ViewChild } from '@angular/core';
+import { SharedModule } from '../../../shared/shared-module';
+import { MatTableDataSource } from '@angular/material/table';
+import { MatPaginator } from '@angular/material/paginator';
+import { MAT_DIALOG_DATA, MatDialog, MatDialogConfig, MatDialogRef } from '@angular/material/dialog';
+import { AvxService } from '../../../services/avx-service';
+import { NotificationService } from '../../../services/notification';
+import { Confirmation } from '../../../services/confirmation';
+import { take } from 'rxjs/operators';
+import { GlobalSerialPipe } from '../../../pipes/global-serial-pipe';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { HttpParams } from '@angular/common/http';
@Component({
selector: 'app-avx-va-backup',
@@ -65,7 +65,6 @@
getAVXDeviceBackups(device: any) {
this._avx.getAVXVABackups(device?.id).pipe(take(1)).subscribe({
next: (result: any) => {
- console.log(result);
if (result && result.length > 0) {
result.forEach((backup: any) => {
backup.avx_name = device.name;
@@ -140,8 +139,8 @@
this._confirmation.openConfirmDialog({
title: `Delete ${backupName}?`,
message: confirmMsg,
- confirmButtonText: 'Yes, Delete It',
- cancelButtonText: 'No, Keep It',
+ confirmButtonText: 'Delete',
+ cancelButtonText: 'Cancel',
confirmButtonColor: 'warn',
cancelButtonColor: 'primary'
}).subscribe(result => {
@@ -169,8 +168,6 @@
}
}
})
- } else {
- this._notification.showSuccess('Deletion cancelled.');
}
});
}
@@ -293,6 +290,7 @@
"action": "Import",
"options": {
"url": this.configForm.value?.url,
+ "type": "url",
"user_name": this.configForm.value?.username,
"password": this.configForm.value?.password,
}
@@ -344,7 +342,7 @@
ngOnInit() {
this.configForm = this._fb.group({
- backup_name: [{value: this.data?.backup?.backup_name, disabled: true}, [Validators.required]],
+ backup_name: [{ value: this.data?.backup?.backup_name, disabled: true }, [Validators.required]],
url: [null, [Validators.required]],
username: [null, [Validators.required]],
password: [null, [Validators.required]],
@@ -361,10 +359,13 @@
"action": "Export",
"options": {
"__pk_list": [
- {
- "backup_name": this.data?.backup?.backup_name,
- }
+ JSON.stringify(
+ {
+ "backup_name": this.data?.backup?.backup_name,
+ }
+ )
],
+ "type": "url",
"url": this.configForm?.value?.url,
"user_name": this.configForm?.value?.username,
"password": this.configForm?.value?.password,
@@ -419,7 +420,7 @@
ngOnInit() {
this.configForm = this._fb.group({
- backup_name: [{value: this.data.backup?.backup_name, disabled: true}, [Validators.required]],
+ backup_name: [{ value: this.data.backup?.backup_name, disabled: true }, [Validators.required]],
domain: [0, [Validators.required]],
})
setTimeout(() => {
Index: /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-configuration/avx-va-instance-configuration.html
===================================================================
--- /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-configuration/avx-va-instance-configuration.html (revision 2834)
+++ /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-configuration/avx-va-instance-configuration.html (working copy)
@@ -1,5 +1,10 @@
-
-
-
{{ runningConfig }}
+
+
+
+ Running Configuration
+
+
-
+
\ No newline at end of file
Index: /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-configuration/avx-va-instance-configuration.scss
===================================================================
--- /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-configuration/avx-va-instance-configuration.scss (revision 2834)
+++ /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-configuration/avx-va-instance-configuration.scss (working copy)
@@ -1,18 +1,47 @@
-.wrapped-pre {
- padding: 15px;
- border: 1px solid #ccc;
- overflow-x: auto;
- white-space: pre-wrap;
- word-break: break-word;
- font-family: monospace;
- height: 60vh;
- max-height: 80vh;
- overflow-y: auto;
+.avx-tab-content-container {
+ padding: 16px;
+ background-color: transparent;
}
-.device-config {
- padding: 4px;
+.config-view-container {
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ background-color: white;
border-radius: 8px;
- max-width: 90vw;
- margin: 20px auto;
+ overflow: hidden;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
+
+.config-toolbar {
+ padding: 12px 16px;
+ background-color: #fafafa;
+ border-bottom: 1px solid #eee;
+ display: flex;
+ align-items: center;
+
+ .toolbar-title {
+ font-size: 14px;
+ font-weight: 500;
+ color: #444;
+ }
+}
+
+.config-code-block {
+ background-color: white;
+ padding: 0;
+
+ pre {
+ margin: 0;
+ font-family: 'JetBrains Mono', 'Fira Code', monospace;
+ font-size: 13px;
+ line-height: 1.5;
+ white-space: pre-wrap;
+ word-break: break-all;
+ color: #333;
+ padding: 16px;
+ border: none;
+ max-height: 70vh;
+ overflow-y: auto;
+ }
+}
\ No newline at end of file
Index: /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-details/avx-va-instance-details.scss
===================================================================
--- /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-details/avx-va-instance-details.scss (revision 2834)
+++ /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-details/avx-va-instance-details.scss (working copy)
@@ -0,0 +1,42 @@
+.page-card-1 {
+ width: 100%;
+ border-radius: 0;
+ background-color: transparent;
+ box-shadow: none;
+ font-size: 14px !important;
+
+ mat-card-header {
+ padding: 16px;
+ background-color: var(--surface-bg);
+ border-bottom: 1px solid var(--border-color);
+
+ mat-card-title {
+ font-size: 18px;
+ font-weight: 500;
+ color: var(--text-primary);
+
+ a.back-to-main-page {
+ text-decoration: none;
+ color: var(--primary-color);
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+
+ &:hover {
+ text-decoration: underline;
+ }
+
+ fa-icon {
+ font-size: 16px;
+ }
+ }
+ }
+
+ mat-card-subtitle {
+ margin-top: 8px;
+ font-size: 13px;
+ color: var(--text-secondary);
+ }
+ }
+}
\ No newline at end of file
Index: /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-overview/avx-va-instance-overview.html
===================================================================
--- /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-overview/avx-va-instance-overview.html (revision 2834)
+++ /branches/amp_4_0/src/webui/webui/htdocs/new/src/gui/src/app/components/sub-components/avx-va-instance-overview/avx-va-instance-overview.html (working copy)
@@ -1,9 +1,11 @@
@if (loader2 && !isSNMPEnabled) {
-
Note: To view graph data, please enable the SNMP service first.
+
+
Note: To view graph data, please enable the SNMP service first.
}
@if (loader1 && !isInstanceActive) {
-
Note: Note: Lookslike the VA instance ({{ instanceName }}) is not running.
- Please start it first.
+
+
Note: Note: Lookslike the VA instance ({{ instanceName }}) is not running.
+ Please start it first.
}
@@ -15,7 +17,14 @@
+ @if (hasData1) {
+ } @else {
+
+ No data available
+
+ }
@@ -29,7 +38,14 @@