-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/styles.css b/public/styles.css
index 7499e85..6b05548 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -533,6 +533,8 @@ button, input, select {
.form-field input[type='text'],
.form-field input[type='password'],
+.form-field input[type='number'],
+.form-field input[type='url'],
.form-field input[type='datetime-local'],
.form-field select,
.form-fieldset input[type='text'] {
@@ -555,6 +557,8 @@ button, input, select {
.form-field input[type='text'],
.form-field input[type='password'],
+.form-field input[type='number'],
+.form-field input[type='url'],
.form-field input[type='datetime-local'] {
background-image: none;
padding-right: 12px;
@@ -676,6 +680,62 @@ button, input, select {
flex-wrap: wrap;
}
+.form-row-2col {
+ display: grid;
+ grid-template-columns: 1fr auto;
+ gap: 10px;
+ align-items: start;
+}
+
+.form-row-2col .form-field--port {
+ width: 90px;
+}
+
+.form-field textarea {
+ width: 100%;
+ padding: 9px 12px;
+ border: 1px solid var(--border);
+ border-radius: var(--radius-sm);
+ background: var(--surface);
+ color: var(--text);
+ transition: border-color 150ms;
+ font-size: 12px;
+ font-family: 'IBM Plex Mono', monospace;
+ resize: vertical;
+}
+
+.form-field textarea:focus {
+ outline: none;
+ border-color: var(--accent);
+}
+
+.form-field .checkbox-row {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ cursor: pointer;
+ font-size: 14px;
+}
+
+.form-field .checkbox-row input[type='checkbox'] {
+ width: 15px;
+ height: 15px;
+ cursor: pointer;
+}
+
+.storage-type-badge {
+ display: inline-block;
+ font-size: 11px;
+ font-weight: 700;
+ padding: 2px 7px;
+ border-radius: 4px;
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ background: var(--accent-muted, #e8f0fe);
+ color: var(--accent, #4a6cf7);
+ vertical-align: middle;
+}
+
/* --- Profiles list --------------------------------------- */
.profiles-list {
display: grid;
diff --git a/src/server.js b/src/server.js
index d098f7b..5bac235 100644
--- a/src/server.js
+++ b/src/server.js
@@ -265,6 +265,10 @@ async function main() {
return;
}
resolvedBackupDir = loc.directory;
+ if (!resolvedBackupDir && loc.type && loc.type !== 'local') {
+ response.status(400).json({ error: 'O tipo de armazenamento selecionado (remoto) ainda não suporta execução de backup. Utilize um local do tipo "Local".' });
+ return;
+ }
}
if (!resolvedBackupDir) {
@@ -552,14 +556,55 @@ async function main() {
app.post('/api/storage-locations', authMiddleware, async (request, response) => {
try {
const payload = request.body || {};
- if (!payload.name || !payload.directory) {
- response.status(400).json({ error: 'Informe nome e diretorio do local de armazenamento.' });
+ if (!payload.name) {
+ response.status(400).json({ error: 'Informe o nome do local de armazenamento.' });
return;
}
+
+ const type = payload.type || 'local';
+ const validTypes = ['local', 'ftp', 'sftp', 'webdav', 'google-drive'];
+ if (!validTypes.includes(type)) {
+ response.status(400).json({ error: 'Tipo de armazenamento inválido.' });
+ return;
+ }
+
+ if (type === 'local' && !payload.directory) {
+ response.status(400).json({ error: 'Informe o diretório para armazenamento local.' });
+ return;
+ }
+ if ((type === 'ftp' || type === 'sftp') && (!payload.host || !payload.username)) {
+ response.status(400).json({ error: 'Informe host e usuário para FTP/SFTP.' });
+ return;
+ }
+ if (type === 'webdav' && !payload.url) {
+ response.status(400).json({ error: 'Informe a URL do servidor WebDAV.' });
+ return;
+ }
+ if (type === 'google-drive' && (!payload.clientId || !payload.clientSecret || !payload.refreshToken)) {
+ response.status(400).json({ error: 'Informe Client ID, Client Secret e Refresh Token para Google Drive.' });
+ return;
+ }
+
+ const existing = payload.id ? await store.listStorageLocations().then((l) => l.find((x) => x.id === payload.id)) : null;
+
const location = await store.saveStorageLocation({
id: payload.id,
name: payload.name.trim(),
- directory: payload.directory.trim(),
+ createdAt: existing?.createdAt,
+ type,
+ directory: payload.directory?.trim() || null,
+ host: payload.host?.trim() || null,
+ port: payload.port ? Number(payload.port) : null,
+ username: payload.username?.trim() || null,
+ password: payload.password || null,
+ remotePath: payload.remotePath?.trim() || null,
+ passive: payload.passive !== undefined ? Boolean(payload.passive) : null,
+ privateKey: payload.privateKey || null,
+ url: payload.url?.trim() || null,
+ clientId: payload.clientId?.trim() || null,
+ clientSecret: payload.clientSecret || null,
+ refreshToken: payload.refreshToken || null,
+ folderId: payload.folderId?.trim() || null,
});
response.status(payload.id ? 200 : 201).json(location);
} catch (error) {
diff --git a/src/store.js b/src/store.js
index 971a674..3fd10d0 100644
--- a/src/store.js
+++ b/src/store.js
@@ -152,7 +152,26 @@ class JsonStore {
const location = {
id: input.id || randomUUID(),
name: input.name,
- directory: input.directory,
+ type: input.type || 'local',
+ // local
+ directory: input.directory || null,
+ // ftp / sftp
+ host: input.host || null,
+ port: input.port != null ? Number(input.port) : null,
+ username: input.username || null,
+ password: input.password || null,
+ remotePath: input.remotePath || null,
+ // ftp only
+ passive: input.passive != null ? Boolean(input.passive) : null,
+ // sftp only
+ privateKey: input.privateKey || null,
+ // webdav
+ url: input.url || null,
+ // google-drive
+ clientId: input.clientId || null,
+ clientSecret: input.clientSecret || null,
+ refreshToken: input.refreshToken || null,
+ folderId: input.folderId || null,
updatedAt: now,
createdAt: input.createdAt || now,
};
+ 
@@ -18,11 +18,23 @@
> ⚠️ **AVISO CRÍTICO:** Aplicação em estágio inicial de desenvolvimento. Não use em produção — há risco de perda de dados.
-Versão atual: **0.1.4**
+Versão atual: **0.2.1**
---
-## � Changelog### [0.2.0] — 2026-05-11
+## 📋 Changelog
+
+### [0.2.1] — 2026-05-12
+
+#### Adicionado
+- **Novos tipos de Storage Location:** além do armazenamento local, agora é possível cadastrar destinos remotos: **FTP**, **SFTP**, **WebDAV** e **Google Drive**.
+- **Campos dinâmicos por tipo de storage:** o modal de criação/edição de Storage Location exibe apenas os campos relevantes ao tipo selecionado (host, porta, usuário, senha, caminho remoto, modo passivo, chave privada SSH, URL WebDAV, credenciais OAuth Google Drive).
+- **Badge de tipo na listagem:** cada Storage Location exibe um badge colorido com seu tipo (Local, FTP, SFTP, WebDAV, Google Drive) e o endereço de destino na tabela.
+- **Dropdown de profile atualizado:** o seletor de Storage Location nos Backup Profiles passa a exibir o tipo de cada location junto ao nome.
+
+---
+
+### [0.2.0] — 2026-05-11
#### Adicionado
- **Aba Source (Origens):** nova aba acima de Storage Locations para gerenciar origens de conexão Docker, com suporte a Unix socket, conexão direta (TCP porta 2375) e Docker Agent
diff --git a/package.json b/package.json
index e4701cf..1546360 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "dockerbackup-app",
- "version": "0.2.0",
+ "version": "0.2.1",
"description": "Aplicacao web para backup e restauracao de volumes Docker",
"main": "src/server.js",
"scripts": {
diff --git a/public/app.js b/public/app.js
index 7aba611..e6a7408 100644
--- a/public/app.js
+++ b/public/app.js
@@ -95,6 +95,22 @@ const elements = {
storageLocationDir: document.querySelector('#storageLocationDir'),
storageLocationIdField: document.querySelector('#storageFormId'),
storageLocationsList: document.querySelector('#storageLocationsList'),
+ // storage type fields
+ storageHost: document.querySelector('#storageHost'),
+ storagePort: document.querySelector('#storagePort'),
+ storageUsername: document.querySelector('#storageUsername'),
+ storagePassword: document.querySelector('#storagePassword'),
+ storageRemotePath: document.querySelector('#storageRemotePath'),
+ storagePassive: document.querySelector('#storagePassive'),
+ storagePrivateKey: document.querySelector('#storagePrivateKey'),
+ storageWebdavUrl: document.querySelector('#storageWebdavUrl'),
+ storageWebdavUsername: document.querySelector('#storageWebdavUsername'),
+ storageWebdavPassword: document.querySelector('#storageWebdavPassword'),
+ storageWebdavRemotePath: document.querySelector('#storageWebdavRemotePath'),
+ storageGdriveClientId: document.querySelector('#storageGdriveClientId'),
+ storageGdriveClientSecret: document.querySelector('#storageGdriveClientSecret'),
+ storageGdriveRefreshToken: document.querySelector('#storageGdriveRefreshToken'),
+ storageGdriveFolderId: document.querySelector('#storageGdriveFolderId'),
sourceFormModal: document.querySelector('#sourceFormModal'),
sourceForm: document.querySelector('#sourceForm'),
sourceFormId: document.querySelector('#sourceFormId'),
@@ -196,14 +212,39 @@ function renderStorageLocationsList() {
return;
}
+ const STORAGE_TYPE_LABELS = {
+ 'local': 'Local',
+ 'ftp': 'FTP',
+ 'sftp': 'SFTP',
+ 'webdav': 'WebDAV',
+ 'google-drive': 'Google Drive',
+ };
+
+ function storageLocationSummary(loc) {
+ const type = loc.type || 'local';
+ if (type === 'local') return `