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> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magento Category Migration Tool</title> <title>Magento Migration Tool</title>
<style> <style>
* { * {
margin: 0; margin: 0;
@ -425,49 +425,52 @@
<body> <body>
<div class="container"> <div class="container">
<div class="header"> <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> <p>Migrate categories from Magento 1 to Magento 2 with multi-store support</p>
</div> </div>
<div class="content"> <div class="content">
<!-- Tabs --> <!-- Tabs -->
<div class="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('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> </div>
<!-- Migration Tab --> <!-- Migration Tab -->
<div id="tab-migration" class="tab-content active"> <div id="tab-migration" class="tab-content">
<!-- 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>
<!-- Statistics --> <!-- Statistics -->
<div class="section"> <div class="section">
<h2>📊 Statistics</h2> <h2>📊 Statistics</h2>