updated tiles and reordered tabs

This commit is contained in:
Chris Rosenau 2025-11-08 14:27:19 -07:00
parent d77dc30267
commit 8f6137dcbf
1 changed files with 37 additions and 34 deletions

View File

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magento Category Migration Tool</title>
<title>Magento Migration Tool</title>
<style>
* {
margin: 0;
@ -425,49 +425,52 @@
<body>
<div class="container">
<div class="header">
<h1>🛒 Magento Category Migration</h1>
<h1>🛒 Magento Migration</h1>
<p>Migrate categories from Magento 1 to Magento 2 with multi-store support</p>
</div>
<div class="content">
<!-- Tabs -->
<div class="tabs">
<button class="tab active" onclick="switchTab('migration', this)">Migration</button>
<button class="tab active" onclick="switchTab('connections', this)">Database Connections</button>
<button class="tab" onclick="switchTab('categories', this)">Category Trees</button>
<button class="tab" onclick="switchTab('migration', this)">Category Migration</button>
</div>
<!-- Database Connections Tab -->
<div id="tab-connections" class="tab-content active">
<div class="section">
<h2>📡 Database Connections</h2>
<div class="connection-status">
<div>
<strong>Magento 1:</strong>
<span class="status-badge {{ $connectionTest['magento1'] ? 'success' : 'error' }}">
{{ $connectionTest['magento1'] ? '✓ Connected' : '✗ Failed' }}
</span>
@if(!$connectionTest['magento1'] && isset($connectionTest['magento1_error']))
<div style="color: #721c24; margin-top: 5px; font-size: 0.9em;">
{{ $connectionTest['magento1_error'] }}
</div>
@endif
</div>
<div>
<strong>Magento 2:</strong>
<span class="status-badge {{ $connectionTest['magento2'] ? 'success' : 'error' }}">
{{ $connectionTest['magento2'] ? '✓ Connected' : '✗ Failed' }}
</span>
@if(!$connectionTest['magento2'] && isset($connectionTest['magento2_error']))
<div style="color: #721c24; margin-top: 5px; font-size: 0.9em;">
{{ $connectionTest['magento2_error'] }}
</div>
@endif
</div>
</div>
<button class="btn btn-secondary" onclick="testConnections()">Test Connections</button>
</div>
</div>
<!-- Migration Tab -->
<div id="tab-migration" class="tab-content active">
<!-- Connection Status -->
<div class="section">
<h2>📡 Database Connections</h2>
<div class="connection-status">
<div>
<strong>Magento 1:</strong>
<span class="status-badge {{ $connectionTest['magento1'] ? 'success' : 'error' }}">
{{ $connectionTest['magento1'] ? '✓ Connected' : '✗ Failed' }}
</span>
@if(!$connectionTest['magento1'] && isset($connectionTest['magento1_error']))
<div style="color: #721c24; margin-top: 5px; font-size: 0.9em;">
{{ $connectionTest['magento1_error'] }}
</div>
@endif
</div>
<div>
<strong>Magento 2:</strong>
<span class="status-badge {{ $connectionTest['magento2'] ? 'success' : 'error' }}">
{{ $connectionTest['magento2'] ? '✓ Connected' : '✗ Failed' }}
</span>
@if(!$connectionTest['magento2'] && isset($connectionTest['magento2_error']))
<div style="color: #721c24; margin-top: 5px; font-size: 0.9em;">
{{ $connectionTest['magento2_error'] }}
</div>
@endif
</div>
</div>
<button class="btn btn-secondary" onclick="testConnections()">Test Connections</button>
</div>
<div id="tab-migration" class="tab-content">
<!-- Statistics -->
<div class="section">
<h2>📊 Statistics</h2>