733 lines
39 KiB
JavaScript
733 lines
39 KiB
JavaScript
var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
var _, done = false;
|
|
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
var context = {};
|
|
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
if (kind === "accessor") {
|
|
if (result === void 0) continue;
|
|
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
if (_ = accept(result.get)) descriptor.get = _;
|
|
if (_ = accept(result.set)) descriptor.set = _;
|
|
if (_ = accept(result.init)) initializers.unshift(_);
|
|
}
|
|
else if (_ = accept(result)) {
|
|
if (kind === "field") initializers.unshift(_);
|
|
else descriptor[key] = _;
|
|
}
|
|
}
|
|
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
done = true;
|
|
};
|
|
var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
|
|
var useValue = arguments.length > 2;
|
|
for (var i = 0; i < initializers.length; i++) {
|
|
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
}
|
|
return useValue ? value : void 0;
|
|
};
|
|
import { DeesElement, customElement, html, css, cssManager, property, } from '@design.estate/dees-element';
|
|
let SzPlatformServiceDetailView = (() => {
|
|
let _classDecorators = [customElement('sz-platform-service-detail-view')];
|
|
let _classDescriptor;
|
|
let _classExtraInitializers = [];
|
|
let _classThis;
|
|
let _classSuper = DeesElement;
|
|
let _service_decorators;
|
|
let _service_initializers = [];
|
|
let _service_extraInitializers = [];
|
|
let _logs_decorators;
|
|
let _logs_initializers = [];
|
|
let _logs_extraInitializers = [];
|
|
let _actionLoading_decorators;
|
|
let _actionLoading_initializers = [];
|
|
let _actionLoading_extraInitializers = [];
|
|
var SzPlatformServiceDetailView = class extends _classSuper {
|
|
static { _classThis = this; }
|
|
static {
|
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
_service_decorators = [property({ type: Object })];
|
|
_logs_decorators = [property({ type: Array })];
|
|
_actionLoading_decorators = [property({ type: Boolean })];
|
|
__esDecorate(this, null, _service_decorators, { kind: "accessor", name: "service", static: false, private: false, access: { has: obj => "service" in obj, get: obj => obj.service, set: (obj, value) => { obj.service = value; } }, metadata: _metadata }, _service_initializers, _service_extraInitializers);
|
|
__esDecorate(this, null, _logs_decorators, { kind: "accessor", name: "logs", static: false, private: false, access: { has: obj => "logs" in obj, get: obj => obj.logs, set: (obj, value) => { obj.logs = value; } }, metadata: _metadata }, _logs_initializers, _logs_extraInitializers);
|
|
__esDecorate(this, null, _actionLoading_decorators, { kind: "accessor", name: "actionLoading", static: false, private: false, access: { has: obj => "actionLoading" in obj, get: obj => obj.actionLoading, set: (obj, value) => { obj.actionLoading = value; } }, metadata: _metadata }, _actionLoading_initializers, _actionLoading_extraInitializers);
|
|
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
SzPlatformServiceDetailView = _classThis = _classDescriptor.value;
|
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
}
|
|
static demo = () => html `
|
|
<div style="padding: 24px; max-width: 1000px;">
|
|
<sz-platform-service-detail-view
|
|
.service=${{
|
|
id: '1',
|
|
name: 'MongoDB',
|
|
type: 'mongodb',
|
|
status: 'running',
|
|
version: '7.0.4',
|
|
host: 'localhost',
|
|
port: 27017,
|
|
credentials: { username: 'admin', password: '••••••••' },
|
|
config: { replicaSet: 'rs0', authEnabled: true },
|
|
metrics: { cpu: 12, memory: 45, storage: 23, connections: 8 },
|
|
}}
|
|
.logs=${[
|
|
{ timestamp: '2024-01-20 14:30:22', level: 'info', message: 'Connection accepted from 127.0.0.1:54321' },
|
|
{ timestamp: '2024-01-20 14:30:20', level: 'info', message: 'Index build completed on collection users' },
|
|
{ timestamp: '2024-01-20 14:30:15', level: 'warn', message: 'Slow query detected: 1.2s on collection orders' },
|
|
{ timestamp: '2024-01-20 14:30:10', level: 'info', message: 'Checkpoint complete' },
|
|
]}
|
|
></sz-platform-service-detail-view>
|
|
</div>
|
|
`;
|
|
#service_accessor_storage = __runInitializers(this, _service_initializers, null);
|
|
get service() { return this.#service_accessor_storage; }
|
|
set service(value) { this.#service_accessor_storage = value; }
|
|
#logs_accessor_storage = (__runInitializers(this, _service_extraInitializers), __runInitializers(this, _logs_initializers, []));
|
|
get logs() { return this.#logs_accessor_storage; }
|
|
set logs(value) { this.#logs_accessor_storage = value; }
|
|
#actionLoading_accessor_storage = (__runInitializers(this, _logs_extraInitializers), __runInitializers(this, _actionLoading_initializers, false));
|
|
get actionLoading() { return this.#actionLoading_accessor_storage; }
|
|
set actionLoading(value) { this.#actionLoading_accessor_storage = value; }
|
|
static styles = [
|
|
cssManager.defaultStyles,
|
|
css `
|
|
:host {
|
|
display: block;
|
|
}
|
|
|
|
.header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.header-info {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 16px;
|
|
}
|
|
|
|
.service-icon {
|
|
width: 56px;
|
|
height: 56px;
|
|
background: ${cssManager.bdTheme('#f4f4f5', '#27272a')};
|
|
border-radius: 12px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.service-icon svg {
|
|
width: 28px;
|
|
height: 28px;
|
|
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
}
|
|
|
|
.service-details {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
}
|
|
|
|
.service-name {
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
}
|
|
|
|
.service-meta {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
font-size: 14px;
|
|
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
}
|
|
|
|
.status-badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 4px 10px;
|
|
border-radius: 9999px;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.status-badge.running {
|
|
background: ${cssManager.bdTheme('#dcfce7', 'rgba(34, 197, 94, 0.2)')};
|
|
color: ${cssManager.bdTheme('#16a34a', '#22c55e')};
|
|
}
|
|
|
|
.status-badge.stopped {
|
|
background: ${cssManager.bdTheme('#f4f4f5', '#27272a')};
|
|
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
}
|
|
|
|
.status-badge.error {
|
|
background: ${cssManager.bdTheme('#fee2e2', 'rgba(239, 68, 68, 0.2)')};
|
|
color: ${cssManager.bdTheme('#dc2626', '#ef4444')};
|
|
}
|
|
|
|
.status-dot {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 50%;
|
|
background: currentColor;
|
|
}
|
|
|
|
.header-actions {
|
|
display: flex;
|
|
gap: 8px;
|
|
}
|
|
|
|
.action-button {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 8px 14px;
|
|
background: ${cssManager.bdTheme('#ffffff', '#09090b')};
|
|
border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
|
|
border-radius: 6px;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
cursor: pointer;
|
|
transition: all 200ms ease;
|
|
}
|
|
|
|
.action-button:hover:not(:disabled) {
|
|
background: ${cssManager.bdTheme('#f4f4f5', '#18181b')};
|
|
}
|
|
|
|
.action-button:disabled {
|
|
opacity: 0.6;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.action-button svg {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.action-button.danger {
|
|
color: ${cssManager.bdTheme('#dc2626', '#ef4444')};
|
|
border-color: ${cssManager.bdTheme('#fee2e2', 'rgba(239, 68, 68, 0.3)')};
|
|
}
|
|
|
|
.action-button.danger:hover:not(:disabled) {
|
|
background: ${cssManager.bdTheme('#fee2e2', 'rgba(239, 68, 68, 0.2)')};
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
|
|
.section {
|
|
background: ${cssManager.bdTheme('#ffffff', '#09090b')};
|
|
border: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.section.full-width {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.section-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 14px 16px;
|
|
border-bottom: 1px solid ${cssManager.bdTheme('#e4e4e7', '#27272a')};
|
|
background: ${cssManager.bdTheme('#f4f4f5', '#18181b')};
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.section-title svg {
|
|
width: 16px;
|
|
height: 16px;
|
|
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
}
|
|
|
|
.section-content {
|
|
padding: 16px;
|
|
}
|
|
|
|
.info-row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 10px 0;
|
|
border-bottom: 1px solid ${cssManager.bdTheme('#f4f4f5', '#27272a')};
|
|
}
|
|
|
|
.info-row:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.info-label {
|
|
font-size: 13px;
|
|
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
}
|
|
|
|
.info-value {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
font-family: monospace;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.copy-button {
|
|
padding: 4px;
|
|
background: transparent;
|
|
border: none;
|
|
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
cursor: pointer;
|
|
border-radius: 4px;
|
|
transition: all 200ms ease;
|
|
}
|
|
|
|
.copy-button:hover {
|
|
background: ${cssManager.bdTheme('#f4f4f5', '#27272a')};
|
|
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
}
|
|
|
|
.metrics-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 12px;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.metrics-grid {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
}
|
|
|
|
.metric-card {
|
|
text-align: center;
|
|
padding: 12px;
|
|
background: ${cssManager.bdTheme('#f4f4f5', '#18181b')};
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.metric-value {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
}
|
|
|
|
.metric-label {
|
|
font-size: 12px;
|
|
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.progress-bar {
|
|
height: 4px;
|
|
background: ${cssManager.bdTheme('#e4e4e7', '#27272a')};
|
|
border-radius: 2px;
|
|
margin-top: 8px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.progress-fill {
|
|
height: 100%;
|
|
border-radius: 2px;
|
|
transition: width 300ms ease;
|
|
}
|
|
|
|
.progress-fill.low {
|
|
background: ${cssManager.bdTheme('#22c55e', '#22c55e')};
|
|
}
|
|
|
|
.progress-fill.medium {
|
|
background: ${cssManager.bdTheme('#eab308', '#eab308')};
|
|
}
|
|
|
|
.progress-fill.high {
|
|
background: ${cssManager.bdTheme('#ef4444', '#ef4444')};
|
|
}
|
|
|
|
.log-container {
|
|
background: ${cssManager.bdTheme('#18181b', '#09090b')};
|
|
border-radius: 6px;
|
|
padding: 12px;
|
|
max-height: 300px;
|
|
overflow-y: auto;
|
|
font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;
|
|
font-size: 12px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.log-entry {
|
|
display: flex;
|
|
gap: 12px;
|
|
padding: 4px 0;
|
|
}
|
|
|
|
.log-timestamp {
|
|
color: #71717a;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.log-level {
|
|
flex-shrink: 0;
|
|
width: 50px;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.log-level.info {
|
|
color: #60a5fa;
|
|
}
|
|
|
|
.log-level.warn {
|
|
color: #fbbf24;
|
|
}
|
|
|
|
.log-level.error {
|
|
color: #f87171;
|
|
}
|
|
|
|
.log-level.debug {
|
|
color: #a1a1aa;
|
|
}
|
|
|
|
.log-message {
|
|
color: #fafafa;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.config-item {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 8px 0;
|
|
border-bottom: 1px solid ${cssManager.bdTheme('#f4f4f5', '#27272a')};
|
|
}
|
|
|
|
.config-item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.config-key {
|
|
font-size: 13px;
|
|
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
}
|
|
|
|
.config-value {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: ${cssManager.bdTheme('#18181b', '#fafafa')};
|
|
}
|
|
|
|
.config-value.true {
|
|
color: ${cssManager.bdTheme('#16a34a', '#22c55e')};
|
|
}
|
|
|
|
.config-value.false {
|
|
color: ${cssManager.bdTheme('#dc2626', '#ef4444')};
|
|
}
|
|
|
|
.empty-state {
|
|
text-align: center;
|
|
padding: 40px 20px;
|
|
color: ${cssManager.bdTheme('#71717a', '#a1a1aa')};
|
|
}
|
|
`,
|
|
];
|
|
render() {
|
|
if (!this.service) {
|
|
return html `<div class="empty-state">No service selected</div>`;
|
|
}
|
|
return html `
|
|
<div class="header">
|
|
<div class="header-info">
|
|
<div class="service-icon">
|
|
${this.renderServiceIcon()}
|
|
</div>
|
|
<div class="service-details">
|
|
<div class="service-name">${this.service.name}</div>
|
|
<div class="service-meta">
|
|
<span class="status-badge ${this.service.status}">
|
|
<span class="status-dot"></span>
|
|
${this.service.status.charAt(0).toUpperCase() + this.service.status.slice(1)}
|
|
</span>
|
|
<span>Version ${this.service.version}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header-actions">
|
|
${this.service.status === 'running' ? html `
|
|
<button class="action-button" ?disabled=${this.actionLoading} @click=${() => this.handleRestart()}>
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="23 4 23 10 17 10"></polyline>
|
|
<polyline points="1 20 1 14 7 14"></polyline>
|
|
<path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path>
|
|
</svg>
|
|
Restart
|
|
</button>
|
|
<button class="action-button danger" ?disabled=${this.actionLoading} @click=${() => this.handleStop()}>
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="6" y="6" width="12" height="12" rx="1"></rect>
|
|
</svg>
|
|
Stop
|
|
</button>
|
|
` : html `
|
|
<button class="action-button" ?disabled=${this.actionLoading} @click=${() => this.handleStart()}>
|
|
<svg viewBox="0 0 24 24" fill="currentColor">
|
|
<polygon points="5,3 19,12 5,21"></polygon>
|
|
</svg>
|
|
Start
|
|
</button>
|
|
`}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid">
|
|
<!-- Connection Info -->
|
|
<div class="section">
|
|
<div class="section-header">
|
|
<div class="section-title">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
|
|
<path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
|
|
</svg>
|
|
Connection
|
|
</div>
|
|
</div>
|
|
<div class="section-content">
|
|
<div class="info-row">
|
|
<span class="info-label">Host</span>
|
|
<span class="info-value">
|
|
${this.service.host}
|
|
<button class="copy-button" @click=${() => this.copyToClipboard(this.service.host)}>
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
|
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
|
|
</svg>
|
|
</button>
|
|
</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">Port</span>
|
|
<span class="info-value">${this.service.port}</span>
|
|
</div>
|
|
${this.service.credentials?.username ? html `
|
|
<div class="info-row">
|
|
<span class="info-label">Username</span>
|
|
<span class="info-value">
|
|
${this.service.credentials.username}
|
|
<button class="copy-button" @click=${() => this.copyToClipboard(this.service.credentials.username)}>
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
|
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
|
|
</svg>
|
|
</button>
|
|
</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">Password</span>
|
|
<span class="info-value">••••••••</span>
|
|
</div>
|
|
` : ''}
|
|
${this.service.credentials?.accessKey ? html `
|
|
<div class="info-row">
|
|
<span class="info-label">Access Key</span>
|
|
<span class="info-value">
|
|
${this.service.credentials.accessKey}
|
|
<button class="copy-button" @click=${() => this.copyToClipboard(this.service.credentials.accessKey)}>
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
|
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
|
|
</svg>
|
|
</button>
|
|
</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">Secret Key</span>
|
|
<span class="info-value">••••••••</span>
|
|
</div>
|
|
` : ''}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Configuration -->
|
|
<div class="section">
|
|
<div class="section-header">
|
|
<div class="section-title">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<circle cx="12" cy="12" r="3"></circle>
|
|
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
|
|
</svg>
|
|
Configuration
|
|
</div>
|
|
</div>
|
|
<div class="section-content">
|
|
${Object.entries(this.service.config).map(([key, value]) => html `
|
|
<div class="config-item">
|
|
<span class="config-key">${this.formatConfigKey(key)}</span>
|
|
<span class="config-value ${typeof value === 'boolean' ? (value ? 'true' : 'false') : ''}">${this.formatConfigValue(value)}</span>
|
|
</div>
|
|
`)}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Metrics -->
|
|
${this.service.metrics ? html `
|
|
<div class="section full-width">
|
|
<div class="section-header">
|
|
<div class="section-title">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<line x1="18" y1="20" x2="18" y2="10"></line>
|
|
<line x1="12" y1="20" x2="12" y2="4"></line>
|
|
<line x1="6" y1="20" x2="6" y2="14"></line>
|
|
</svg>
|
|
Resource Usage
|
|
</div>
|
|
</div>
|
|
<div class="section-content">
|
|
<div class="metrics-grid">
|
|
<div class="metric-card">
|
|
<div class="metric-value">${this.service.metrics.cpu}%</div>
|
|
<div class="metric-label">CPU</div>
|
|
<div class="progress-bar">
|
|
<div class="progress-fill ${this.getProgressClass(this.service.metrics.cpu)}" style="width: ${this.service.metrics.cpu}%"></div>
|
|
</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-value">${this.service.metrics.memory}%</div>
|
|
<div class="metric-label">Memory</div>
|
|
<div class="progress-bar">
|
|
<div class="progress-fill ${this.getProgressClass(this.service.metrics.memory)}" style="width: ${this.service.metrics.memory}%"></div>
|
|
</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-value">${this.service.metrics.storage}%</div>
|
|
<div class="metric-label">Storage</div>
|
|
<div class="progress-bar">
|
|
<div class="progress-fill ${this.getProgressClass(this.service.metrics.storage)}" style="width: ${this.service.metrics.storage}%"></div>
|
|
</div>
|
|
</div>
|
|
${this.service.metrics.connections !== undefined ? html `
|
|
<div class="metric-card">
|
|
<div class="metric-value">${this.service.metrics.connections}</div>
|
|
<div class="metric-label">Connections</div>
|
|
</div>
|
|
` : ''}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
` : ''}
|
|
|
|
<!-- Logs -->
|
|
<div class="section full-width">
|
|
<div class="section-header">
|
|
<div class="section-title">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="4 17 10 11 4 5"></polyline>
|
|
<line x1="12" y1="19" x2="20" y2="19"></line>
|
|
</svg>
|
|
Logs
|
|
</div>
|
|
</div>
|
|
<div class="section-content">
|
|
<div class="log-container">
|
|
${this.logs.length > 0 ? this.logs.map(log => html `
|
|
<div class="log-entry">
|
|
<span class="log-timestamp">${log.timestamp}</span>
|
|
<span class="log-level ${log.level}">${log.level}</span>
|
|
<span class="log-message">${log.message}</span>
|
|
</div>
|
|
`) : html `
|
|
<div style="color: #71717a; text-align: center; padding: 20px;">No logs available</div>
|
|
`}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
}
|
|
renderServiceIcon() {
|
|
const type = this.service?.type;
|
|
switch (type) {
|
|
case 'mongodb':
|
|
return html `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>`;
|
|
case 'minio':
|
|
return html `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M21 16.5c0 .38-.21.71-.53.88l-7.9 4.44c-.16.12-.36.18-.57.18-.21 0-.41-.06-.57-.18l-7.9-4.44A.991.991 0 0 1 3 16.5v-9c0-.38.21-.71.53-.88l7.9-4.44c.16-.12.36-.18.57-.18.21 0 .41.06.57.18l7.9 4.44c.32.17.53.5.53.88v9z"/></svg>`;
|
|
case 'clickhouse':
|
|
return html `<svg viewBox="0 0 24 24" fill="currentColor"><rect x="2" y="2" width="6" height="20"/><rect x="9" y="7" width="6" height="15"/><rect x="16" y="12" width="6" height="10"/></svg>`;
|
|
case 'redis':
|
|
return html `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>`;
|
|
default:
|
|
return html `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect><rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect><line x1="6" y1="6" x2="6.01" y2="6"></line><line x1="6" y1="18" x2="6.01" y2="18"></line></svg>`;
|
|
}
|
|
}
|
|
getProgressClass(value) {
|
|
if (value < 50)
|
|
return 'low';
|
|
if (value < 80)
|
|
return 'medium';
|
|
return 'high';
|
|
}
|
|
formatConfigKey(key) {
|
|
return key.replace(/([A-Z])/g, ' $1').replace(/^./, str => str.toUpperCase());
|
|
}
|
|
formatConfigValue(value) {
|
|
if (typeof value === 'boolean')
|
|
return value ? 'Enabled' : 'Disabled';
|
|
return String(value);
|
|
}
|
|
copyToClipboard(text) {
|
|
navigator.clipboard.writeText(text);
|
|
this.dispatchEvent(new CustomEvent('copy', { detail: text, bubbles: true, composed: true }));
|
|
}
|
|
handleStart() {
|
|
this.dispatchEvent(new CustomEvent('start', { detail: this.service, bubbles: true, composed: true }));
|
|
}
|
|
handleStop() {
|
|
this.dispatchEvent(new CustomEvent('stop', { detail: this.service, bubbles: true, composed: true }));
|
|
}
|
|
handleRestart() {
|
|
this.dispatchEvent(new CustomEvent('restart', { detail: this.service, bubbles: true, composed: true }));
|
|
}
|
|
constructor() {
|
|
super(...arguments);
|
|
__runInitializers(this, _actionLoading_extraInitializers);
|
|
}
|
|
static {
|
|
__runInitializers(_classThis, _classExtraInitializers);
|
|
}
|
|
};
|
|
return SzPlatformServiceDetailView = _classThis;
|
|
})();
|
|
export { SzPlatformServiceDetailView };
|
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3otcGxhdGZvcm0tc2VydmljZS1kZXRhaWwtdmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9zei1wbGF0Zm9ybS1zZXJ2aWNlLWRldGFpbC12aWV3LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLGFBQWEsRUFDYixJQUFJLEVBQ0osR0FBRyxFQUNILFVBQVUsRUFDVixRQUFRLEdBRVQsTUFBTSw2QkFBNkIsQ0FBQztJQXNDeEIsMkJBQTJCOzRCQUR2QyxhQUFhLENBQUMsaUNBQWlDLENBQUM7Ozs7c0JBQ0EsV0FBVzs7Ozs7Ozs7OzsyQ0FBbkIsU0FBUSxXQUFXOzs7O21DQTBCekQsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7eUNBR3pCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUw1QiwwS0FBZ0IsT0FBTyw2QkFBUCxPQUFPLHlGQUF1QztZQUc5RCxpS0FBZ0IsSUFBSSw2QkFBSixJQUFJLG1GQUEyQjtZQUcvQyw0TEFBZ0IsYUFBYSw2QkFBYixhQUFhLHFHQUFrQjtZQWpDakQsNktBMnBCQzs7OztRQTFwQlEsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7OzttQkFHZDtZQUNULEVBQUUsRUFBRSxHQUFHO1lBQ1AsSUFBSSxFQUFFLFNBQVM7WUFDZixJQUFJLEVBQUUsU0FBUztZQUNmLE1BQU0sRUFBRSxTQUFTO1lBQ2pCLE9BQU8sRUFBRSxPQUFPO1lBQ2hCLElBQUksRUFBRSxXQUFXO1lBQ2pCLElBQUksRUFBRSxLQUFLO1lBQ1gsV0FBVyxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUs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
|