xb/vs-p
0
0
Fork 0
Code Issues Activity
Files
925024bce136c7b97b0114ae07a37930af850fa3
vs-p/out/panels/views/AircraftView.js

275 lines
9.5 KiB
JavaScript
Raw Normal View History

不再提供模板
2025-11-18 18:45:30 +08:00
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AircraftView = void 0;
// src/panels/views/AircraftView.ts
const BaseView_1 = require("./BaseView");
class AircraftView extends BaseView_1.BaseView {
render(data) {
const aircrafts = data?.aircrafts || [];
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
console.log('AircraftView 渲染数据:', aircrafts);
const aircraftsHtml = aircrafts.map(aircraft => `
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
<tr>
<td>
修复显示bug和项目回读bug
2025-11-21 16:07:48 +08:00
<span class="aircraft-name" data-aircraft-id="${aircraft.id}">🛸 ${aircraft.name}</span>
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
</td>
<td>
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
<span class="clickable" onclick="openAircraftConfig('${aircraft.id}', '${aircraft.projectId}')">配置容器</span>
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
</td>
<td>
不再提供模板
2025-11-18 18:45:30 +08:00
<button class="btn-delete" onclick="deleteAircraft('${aircraft.id}')">删除</button>
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
</td>
</tr>
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
`).join('');
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
return `<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
<title>飞行器配置</title>
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
${this.getStyles()}
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
<style>
.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.back-btn {
background: var(--vscode-input-background);
color: var(--vscode-input-foreground);
border: 1px solid var(--vscode-input-border);
padding: 5px 16px;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
display: flex;
align-items: center;
gap: 6px;
}
.back-btn:hover {
background: var(--vscode-inputOption-hoverBackground);
}
.btn-new {
background: var(--vscode-button-background);
color: var(--vscode-button-foreground);
border: none;
padding: 8px 16px;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
display: flex;
align-items: center;
gap: 6px;
margin: 0 auto; /* 确保按钮在容器内居中 */
}
.btn-new:hover {
background: var(--vscode-button-hoverBackground);
}
.aircraft-name {
cursor: pointer;
padding: 4px 8px;
border-radius: 4px;
transition: background-color 0.2s;
}
.aircraft-name:hover {
background: var(--vscode-input-background);
}
/* 专门为新建按钮的容器添加样式 */
.new-button-container {
text-align: center;
padding: 20px;
}
</style>
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
</head>
<body>
新增加了项目管理页面
2025-11-18 14:03:22 +08:00
<div class="header">
修复显示bug和项目回读bug
2025-11-21 16:07:48 +08:00
<h2>🚀飞行器配置</h2>
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
<button class="back-btn" onclick="goBackToProjects()">← 返回项目</button>
新增加了项目管理页面
2025-11-18 14:03:22 +08:00
</div>
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
<table class="table">
<thead>
<tr>
不再提供模板
2025-11-18 18:45:30 +08:00
<th width="40%">飞行器</th>
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
<th width="40%">配置</th>
<th width="20%">操作</th>
</tr>
</thead>
<tbody>
不再提供模板
2025-11-18 18:45:30 +08:00
${aircraftsHtml}
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
<!-- 修复：使用专门的容器类确保居中 -->
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
<tr>
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
<td colspan="3" class="new-button-container">
不再提供模板
2025-11-18 18:45:30 +08:00
<button class="btn-new" onclick="createNewAircraft()">+ 新建飞行器</button>
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
</td>
</tr>
</tbody>
</table>
<script>
const vscode = acquireVsCodeApi();
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
function openAircraftConfig(aircraftId, projectId) {
vscode.postMessage({
type: 'openAircraftConfig',
aircraftId: aircraftId,
projectId: projectId
});
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
}
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
function goBackToProjects() {
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
vscode.postMessage({
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
type: 'goBackToProjects'
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
});
}
不再提供模板
2025-11-18 18:45:30 +08:00
function createNewAircraft() {
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
showPromptDialog(
不再提供模板
2025-11-18 18:45:30 +08:00
'新建飞行器',
'请输入飞行器名称：',
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
'',
function(name) {
if (name) {
vscode.postMessage({
不再提供模板
2025-11-18 18:45:30 +08:00
type: 'createAircraft',
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
name: name
});
}
}
);
}
不再提供模板
2025-11-18 18:45:30 +08:00
function deleteAircraft(aircraftId) {
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
showConfirmDialog(
'确认删除',
不再提供模板
2025-11-18 18:45:30 +08:00
'确定删除这个飞行器吗？',
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
function() {
vscode.postMessage({
不再提供模板
2025-11-18 18:45:30 +08:00
type: 'deleteAircraft',
aircraftId: aircraftId
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
});
},
function() {
// 用户取消删除
}
);
}
增加了项目回读的功能
2025-11-18 21:14:10 +08:00
// 飞行器名称编辑功能
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('click', function(event) {
if (event.target.classList.contains('aircraft-name')) {
const aircraftNameElement = event.target;
const aircraftId = aircraftNameElement.getAttribute('data-aircraft-id');
const currentName = aircraftNameElement.textContent.trim().split(' ').slice(1).join(' ');
if (aircraftId) {
editAircraftName(aircraftId, currentName);
}
}
});
});
function editAircraftName(aircraftId, currentName) {
showPromptDialog(
'修改飞行器名称',
'请输入新的飞行器名称：',
currentName,
function(newName) {
if (newName && newName !== currentName) {
vscode.postMessage({
type: 'updateAircraftName',
aircraftId: aircraftId,
name: newName
});
}
}
);
新增加了项目管理页面
2025-11-18 14:03:22 +08:00
}
不再提供模板
2025-11-18 18:45:30 +08:00
// 对话框函数
第一次提交vscode插件代码
2025-11-18 09:10:47 +08:00
function showConfirmDialog(title, message, onConfirm, onCancel) {
const overlay = document.createElement('div');
overlay.className = 'modal-overlay';
overlay.id = 'confirmModal';
overlay.innerHTML = \`
<div class="modal-dialog">
<div class="modal-title">\${title}</div>
<div>\${message}</div>
<div class="modal-buttons">
<button class="modal-btn modal-btn-secondary" onclick="closeConfirmDialog(false)">取消</button>
<button class="modal-btn modal-btn-primary" onclick="closeConfirmDialog(true)">确定</button>
</div>
</div>
\`;
document.body.appendChild(overlay);
window.confirmCallback = function(result) {
if (result && onConfirm) {
onConfirm();
} else if (!result && onCancel) {
onCancel();
}
delete window.confirmCallback;
};
}
function closeConfirmDialog(result) {
const modal = document.getElementById('confirmModal');
if (modal) {
modal.remove();
}
if (window.confirmCallback) {
window.confirmCallback(result);
}
}
function showPromptDialog(title, message, defaultValue, onConfirm) {
const overlay = document.createElement('div');
overlay.className = 'modal-overlay';
overlay.id = 'promptModal';
overlay.innerHTML = \`
<div class="modal-dialog">
<div class="modal-title">\${title}</div>
<div>\${message}</div>
<input type="text" id="promptInput" value="\${defaultValue}" style="width: 100%; margin: 10px 0; padding: 6px; background: var(--vscode-input-background); color: var(--vscode-input-foreground); border: 1px solid var(--vscode-input-border);">
<div class="modal-buttons">
<button class="modal-btn modal-btn-secondary" onclick="closePromptDialog(null)">取消</button>
<button class="modal-btn modal-btn-primary" onclick="closePromptDialog(document.getElementById('promptInput').value)">确定</button>
</div>
</div>
\`;
document.body.appendChild(overlay);
setTimeout(() => {
const input = document.getElementById('promptInput');
if (input) {
input.focus();
input.select();
}
}, 100);
window.promptCallback = onConfirm;
}
function closePromptDialog(result) {
const modal = document.getElementById('promptModal');
if (modal) {
modal.remove();
}
if (window.promptCallback) {
window.promptCallback(result);
}
delete window.promptCallback;
}
</script>
</body>
</html>`;
}
不再提供模板
2025-11-18 18:45:30 +08:00
}
exports.AircraftView = AircraftView;
//# sourceMappingURL=AircraftView.js.map
Reference in New Issue Copy Permalink