PRIMEIRO ENVIO
This commit is contained in:
@@ -0,0 +1,297 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pt-BR">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CloneWeb Pro - Clonagem Profissional de Sites</title>
|
||||
<link rel="stylesheet" href="styles-new.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Sidebar -->
|
||||
<aside class="sidebar">
|
||||
<div class="logo">
|
||||
<i class="fas fa-clone"></i>
|
||||
<h1>CloneWeb Pro</h1>
|
||||
</div>
|
||||
|
||||
<nav class="nav-menu">
|
||||
<a href="#" class="nav-item active" data-page="dashboard">
|
||||
<i class="fas fa-home"></i>
|
||||
<span>Dashboard</span>
|
||||
</a>
|
||||
<a href="#" class="nav-item" data-page="new-clone">
|
||||
<i class="fas fa-plus-circle"></i>
|
||||
<span>Nova Clonagem</span>
|
||||
</a>
|
||||
<a href="#" class="nav-item" data-page="history">
|
||||
<i class="fas fa-history"></i>
|
||||
<span>Histórico</span>
|
||||
</a>
|
||||
<a href="#" class="nav-item" data-page="settings">
|
||||
<i class="fas fa-cog"></i>
|
||||
<span>Configurações</span>
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div class="theme-toggle">
|
||||
<i class="fas fa-moon"></i>
|
||||
<span>Modo Escuro</span>
|
||||
<label class="switch">
|
||||
<input type="checkbox" id="themeToggle">
|
||||
<span class="slider"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main class="main-content">
|
||||
<!-- Header -->
|
||||
<header class="header">
|
||||
<div class="header-left">
|
||||
<h2 id="pageTitle">Dashboard</h2>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<div class="status-indicator" id="serviceStatus">
|
||||
<span class="status-dot"></span>
|
||||
<span class="status-text">Verificando...</span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Dashboard Page -->
|
||||
<div class="page active" id="dashboard">
|
||||
<div class="stats-grid">
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
|
||||
<i class="fas fa-globe"></i>
|
||||
</div>
|
||||
<div class="stat-content">
|
||||
<h3 id="totalSites">0</h3>
|
||||
<p>Sites Clonados</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
|
||||
<i class="fas fa-database"></i>
|
||||
</div>
|
||||
<div class="stat-content">
|
||||
<h3 id="totalSize">0 MB</h3>
|
||||
<p>Espaço Utilizado</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);">
|
||||
<i class="fas fa-clock"></i>
|
||||
</div>
|
||||
<div class="stat-content">
|
||||
<h3 id="lastClone">Nunca</h3>
|
||||
<p>Última Clonagem</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="stat-card">
|
||||
<div class="stat-icon" style="background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
</div>
|
||||
<div class="stat-content">
|
||||
<h3 id="successRate">100%</h3>
|
||||
<p>Taxa de Sucesso</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="recent-clones">
|
||||
<div class="section-header">
|
||||
<h3>Sites Clonados Recentemente</h3>
|
||||
<button class="btn btn-secondary btn-sm" onclick="refreshDashboard()">
|
||||
<i class="fas fa-sync-alt"></i> Atualizar
|
||||
</button>
|
||||
</div>
|
||||
<div id="recentClonesList" class="clones-list">
|
||||
<!-- Será preenchido dinamicamente -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- New Clone Page -->
|
||||
<div class="page" id="new-clone">
|
||||
<div class="clone-form-container">
|
||||
<div class="form-card">
|
||||
<h3>Nova Clonagem de Site</h3>
|
||||
<p class="form-description">Insira a URL do site que deseja clonar e configure as opções avançadas.</p>
|
||||
|
||||
<form id="cloneForm">
|
||||
<div class="form-group">
|
||||
<label for="cloneUrl">
|
||||
<i class="fas fa-link"></i> URL do Site
|
||||
</label>
|
||||
<input
|
||||
type="url"
|
||||
id="cloneUrl"
|
||||
class="form-control"
|
||||
placeholder="https://exemplo.com.br"
|
||||
required
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>
|
||||
<i class="fas fa-sliders-h"></i> Configurações Avançadas
|
||||
</label>
|
||||
<div class="advanced-options">
|
||||
<div class="option-row">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" id="includeImages" checked>
|
||||
<span>Incluir Imagens</span>
|
||||
</label>
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" id="includeCSS" checked>
|
||||
<span>Incluir CSS</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="option-row">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" id="includeJS" checked>
|
||||
<span>Incluir JavaScript</span>
|
||||
</label>
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" id="convertLinks" checked>
|
||||
<span>Converter Links</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="depthLevel">
|
||||
<i class="fas fa-layer-group"></i> Profundidade de Clonagem
|
||||
</label>
|
||||
<div class="slider-container">
|
||||
<input type="range" id="depthLevel" min="1" max="5" value="3" class="slider-input">
|
||||
<span class="slider-value" id="depthValue">3 níveis</span>
|
||||
</div>
|
||||
<small>Controla quantas páginas vinculadas serão clonadas</small>
|
||||
</div>
|
||||
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary btn-lg">
|
||||
<i class="fas fa-download"></i> Iniciar Clonagem
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Progress Card -->
|
||||
<div class="progress-card" id="progressCard" style="display: none;">
|
||||
<h3>Clonagem em Andamento</h3>
|
||||
<div class="progress-info">
|
||||
<div class="progress-status">
|
||||
<i class="fas fa-spinner fa-spin"></i>
|
||||
<span id="progressMessage">Iniciando clonagem...</span>
|
||||
</div>
|
||||
<div class="progress-bar-container">
|
||||
<div class="progress-bar" id="progressBar"></div>
|
||||
</div>
|
||||
<div class="progress-stats">
|
||||
<span><i class="fas fa-file"></i> <span id="filesDownloaded">0</span> arquivos</span>
|
||||
<span><i class="fas fa-hdd"></i> <span id="sizeDownloaded">0 MB</span></span>
|
||||
<span><i class="fas fa-clock"></i> <span id="timeElapsed">0s</span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- History Page -->
|
||||
<div class="page" id="history">
|
||||
<div class="section-header">
|
||||
<h3>Histórico de Clonagens</h3>
|
||||
<div class="header-actions">
|
||||
<button class="btn btn-secondary btn-sm" onclick="refreshHistory()">
|
||||
<i class="fas fa-sync-alt"></i> Atualizar
|
||||
</button>
|
||||
<button class="btn btn-danger btn-sm" onclick="clearHistory()">
|
||||
<i class="fas fa-trash"></i> Limpar Histórico
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="history-list" id="historyList">
|
||||
<!-- Será preenchido dinamicamente -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Settings Page -->
|
||||
<div class="page" id="settings">
|
||||
<div class="settings-container">
|
||||
<div class="settings-section">
|
||||
<h3><i class="fas fa-cog"></i> Configurações Gerais</h3>
|
||||
|
||||
<div class="setting-item">
|
||||
<div class="setting-info">
|
||||
<h4>Diretório de Saída</h4>
|
||||
<p>Local onde os sites clonados serão salvos</p>
|
||||
</div>
|
||||
<div class="setting-control">
|
||||
<input type="text" class="form-control" value="M:\CLONEWEB\cloned-sites" readonly>
|
||||
<button class="btn btn-secondary btn-sm">
|
||||
<i class="fas fa-folder-open"></i> Abrir
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="setting-item">
|
||||
<div class="setting-info">
|
||||
<h4>Timeout de Requisição</h4>
|
||||
<p>Tempo máximo de espera por arquivo (segundos)</p>
|
||||
</div>
|
||||
<div class="setting-control">
|
||||
<input type="number" class="form-control" value="30" min="10" max="120">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="setting-item">
|
||||
<div class="setting-info">
|
||||
<h4>Tentativas de Download</h4>
|
||||
<p>Número de tentativas para arquivos que falharem</p>
|
||||
</div>
|
||||
<div class="setting-control">
|
||||
<input type="number" class="form-control" value="3" min="1" max="10">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-section">
|
||||
<h3><i class="fas fa-ban"></i> Exclusões</h3>
|
||||
|
||||
<div class="setting-item">
|
||||
<div class="setting-info">
|
||||
<h4>Domínios Excluídos</h4>
|
||||
<p>Domínios que não serão clonados (um por linha)</p>
|
||||
</div>
|
||||
<div class="setting-control">
|
||||
<textarea class="form-control" rows="5" placeholder="facebook.com twitter.com instagram.com"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-actions">
|
||||
<button class="btn btn-primary">
|
||||
<i class="fas fa-save"></i> Salvar Configurações
|
||||
</button>
|
||||
<button class="btn btn-secondary">
|
||||
<i class="fas fa-undo"></i> Restaurar Padrões
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="app-new.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user