Spaces:
Paused
Paused
File size: 2,092 Bytes
390f720 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 |
import { Component, Inject } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
@Component({
selector: 'app-version-edit-dialog',
standalone: true,
imports: [CommonModule, MatDialogModule, MatButtonModule, MatIconModule],
template: `
<h2 mat-dialog-title>Manage Versions - {{ data.project.name }}</h2>
<mat-dialog-content>
<div class="version-management-placeholder">
<mat-icon>construction</mat-icon>
<h3>Version Management Coming Soon</h3>
<p>This feature will allow you to:</p>
<ul>
<li>Create new versions from existing ones</li>
<li>Edit unpublished versions</li>
<li>Publish versions to production</li>
<li>Compare versions side by side</li>
<li>Manage intents and parameters</li>
</ul>
</div>
</mat-dialog-content>
<mat-dialog-actions align="end">
<button mat-button (click)="close()">Close</button>
</mat-dialog-actions>
`,
styles: [`
mat-dialog-content {
min-width: 600px;
min-height: 400px;
}
.version-management-placeholder {
text-align: center;
padding: 60px 20px;
mat-icon {
font-size: 64px;
width: 64px;
height: 64px;
color: #666;
margin-bottom: 20px;
}
h3 {
color: #333;
margin-bottom: 16px;
}
p {
color: #666;
margin-bottom: 20px;
}
ul {
text-align: left;
max-width: 400px;
margin: 0 auto;
color: #666;
li {
margin-bottom: 8px;
}
}
}
`]
})
export default class VersionEditDialogComponent {
constructor(
public dialogRef: MatDialogRef<VersionEditDialogComponent>,
@Inject(MAT_DIALOG_DATA) public data: any
) {}
close() {
this.dialogRef.close(false);
}
} |