VC-HB3-Accelerator/DLE
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

ваше сообщение коммита

Browse Source
This commit is contained in:
Alex
2025-07-09 02:03:33 +03:00
parent 81dced1f11
commit 78054c26fb
8 changed files with 319 additions and 12188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
frontend/src/views/settings/WebSshSettingsView.vue
View File

@@ -44,157 +44,6 @@ sudo bash webssh-agent/install.sh</code></pre>
<button @click="checkAgent" class="check-btn">Проверить</button>
<div v-if="copied" class="copied-indicator">Скопировано!</div>
</div>
<!-- Форма публикации всегда доступна -->
<div>
<!-- Статус подключения -->
<div class="connection-status">
<div class="status-indicator" :class="{ 'active': isConnected, 'inactive': !isConnected }"></div>
<span class="status-text">{{ connectionStatus }}</span>
<button v-if="isConnected" @click="disconnectTunnel" class="disconnect-btn">Отключить</button>
</div>
<!-- Форма настроек -->
<form @submit.prevent="handleSubmit" class="tunnel-form">
<div class="form-section">
<h3>Настройки домена</h3>
<div class="form-group">
<label for="domain">Домен *</label>
<input
id="domain"
v-model="form.domain"
type="text"
placeholder="example.com"
required
:disabled="isConnected"
/>
</div>
<div class="form-group">
<label for="email">Email для SSL *</label>
<input
id="email"
v-model="form.email"
type="email"
placeholder="admin@example.com"
required
:disabled="isConnected"
/>
</div>
</div>
<div class="form-section">
<h3>Настройки SSH сервера</h3>
<div class="form-group">
<label for="sshHost">SSH Host/IP *</label>
<input
id="sshHost"
v-model="form.sshHost"
type="text"
placeholder="192.168.1.100 или server.example.com"
required
:disabled="isConnected"
/>
</div>
<div class="form-group">
<label for="sshUser">SSH Пользователь *</label>
<input
id="sshUser"
v-model="form.sshUser"
type="text"
placeholder="root"
required
:disabled="isConnected"
/>
</div>
<div class="form-group">
<label for="sshKey">SSH Приватный ключ *</label>
<textarea
id="sshKey"
v-model="form.sshKey"
placeholder="-----BEGIN OPENSSH PRIVATE KEY-----
...
-----END OPENSSH PRIVATE KEY-----"
rows="6"
required
:disabled="isConnected"
></textarea>
</div>
</div>
<div class="form-section advanced-section">
<h3>Дополнительные настройки</h3>
<div class="form-row">
<div class="form-group">
<label for="localPort">Локальный порт</label>
<input
id="localPort"
v-model="form.localPort"
type="number"
min="1"
max="65535"
:disabled="isConnected"
/>
</div>
<div class="form-group">
<label for="serverPort">Порт сервера</label>
<input
id="serverPort"
v-model="form.serverPort"
type="number"
min="1"
max="65535"
:disabled="isConnected"
/>
</div>
<div class="form-group">
<label for="sshPort">SSH порт</label>
<input
id="sshPort"
v-model="form.sshPort"
type="number"
min="1"
max="65535"
:disabled="isConnected"
/>
</div>
</div>
</div>
<div class="form-actions">
<button
type="submit"
:disabled="isLoading || isConnected"
class="publish-btn"
>
{{ isLoading ? 'Настройка...' : 'Опубликовать' }}
</button>
<button
type="button"
@click="resetForm"
:disabled="isLoading || isConnected"
class="reset-btn"
>
Сбросить
</button>
</div>
</form>
<!-- Лог операций -->
<div class="operation-log" v-if="logs.length > 0">
<h3>Лог операций</h3>
<div class="log-container">
<div
v-for="(log, index) in logs"
:key="index"
class="log-entry"
:class="log.type"
>
<span class="log-time">{{ formatTime(log.timestamp) }}</span>
<span class="log-message">{{ log.message }}</span>
</div>
</div>
</div>
</div>
</div>
</template>