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,20 +425,20 @@
<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> </div>
<!-- Migration Tab --> <!-- Database Connections Tab -->
<div id="tab-migration" class="tab-content active"> <div id="tab-connections" class="tab-content active">
<!-- Connection Status -->
<div class="section"> <div class="section">
<h2>📡 Database Connections</h2> <h2>📡 Database Connections</h2>
<div class="connection-status"> <div class="connection-status">
@ -467,7 +467,10 @@
</div> </div>
<button class="btn btn-secondary" onclick="testConnections()">Test Connections</button> <button class="btn btn-secondary" onclick="testConnections()">Test Connections</button>
</div> </div>
</div>
<!-- Migration Tab -->
<div id="tab-migration" class="tab-content">
<!-- Statistics --> <!-- Statistics -->
<div class="section"> <div class="section">
<h2>📊 Statistics</h2> <h2>📊 Statistics</h2>