Spaces:

kaoshaos
/

dealflow-tracker

Running

App Files Files Community

kaoshaos commited on Nov 3, 2025

Commit

74e1ba8

verified ·

1 Parent(s): a6ca940

удали все давай начнем заново

Browse files

Files changed (4) hide show

components/navbar.js +6 -27
index.html +7 -51
script.js +2 -206
style.css +3 -95

components/navbar.js CHANGED Viewed

@@ -3,35 +3,14 @@ class CustomNavbar extends HTMLElement {
         this.attachShadow({ mode: 'open' });
         this.shadowRoot.innerHTML = `
             <style>
-                .navbar {
-                    @apply bg-white border-b border-gray-200 fixed w-full z-10;
-                    height: 60px;
-                }
-                .search-input {
-                    @apply block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm;
                 }
             </style>
-            <nav class="navbar px-4 flex items-center justify-between">
-                <div class="flex items-center">
-                    <button id="sidebarToggle" class="mr-4 text-gray-500 hover:text-gray-600">
-                        <i data-feather="menu"></i>
-                    </button>
-                    <div class="relative">
-                        <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
-                            <i data-feather="search" class="h-4 w-4 text-gray-400"></i>
-                        </div>
-                        <input type="text" class="search-input" placeholder="Search deals, clients, suppliers...">
-                    </div>
-                </div>
-                <div class="flex items-center space-x-4">
-                    <button class="p-1 text-gray-400 hover:text-gray-500">
-                        <i data-feather="bell"></i>
-                    </button>
-                    <div class="flex items-center">
-                        <img class="h-8 w-8 rounded-full" src="http://static.photos/people/200x200/3" alt="User avatar">
-                        <span class="ml-2 text-sm font-medium text-gray-700">Admin</span>
-                    </div>
-                </div>
             </nav>
         `;
     }

         this.attachShadow({ mode: 'open' });
         this.shadowRoot.innerHTML = `
             <style>
+                nav {
+                    background: white;
+                    padding: 1rem;
+                    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                 }
             </style>
+            <nav>
+                <h2 class="text-xl font-bold">DealFlow Tracker</h2>
             </nav>
         `;
     }

index.html CHANGED Viewed

@@ -3,61 +3,17 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>DealFlow Tracker - Sales Management</title>
     <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
-    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
-    <script src="https://unpkg.com/feather-icons"></script>
-    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-    <script src="components/navbar.js"></script>
-    <script src="components/sidebar.js"></script>
-    <script src="components/quick-stats.js"></script>
-    <script src="components/recent-deals.js"></script>
-    <script src="components/sales-chart.js"></script>
-    <script src="components/product-table.js"></script>
-    <script src="components/client-card.js"></script>
 </head>
-<body class="bg-gray-50">
-    <custom-navbar></custom-navbar>
-    <div class="flex">
-        <custom-sidebar></custom-sidebar>
-        <main class="flex-1 p-8">
-            <h1 class="text-3xl font-bold text-gray-800 mb-6">Dashboard</h1>
-            <custom-quick-stats></custom-quick-stats>
-            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-8">
-                <div class="bg-white rounded-lg shadow p-6">
-                    <div class="flex justify-between items-center mb-4">
-                        <h2 class="text-xl font-semibold text-gray-700">Sales Statistics</h2>
-                        <select class="bg-gray-100 border border-gray-300 rounded px-3 py-1 text-sm">
-                            <option>Last 7 days</option>
-                            <option>Last 30 days</option>
-                            <option>Last Quarter</option>
-                            <option>This Year</option>
-                        </select>
-                    </div>
-                    <custom-sales-chart></custom-sales-chart>
-                </div>
-                <div class="bg-white rounded-lg shadow p-6">
-                    <div class="flex justify-between items-center mb-4">
-                        <h2 class="text-xl font-semibold text-gray-700">Recent Deals</h2>
-                        <a href="deals.html" class="text-blue-600 hover:text-blue-800 text-sm flex items-center">
-                            View All <i data-feather="chevron-right" class="w-4 h-4 ml-1"></i>
-                        </a>
-                    </div>
-                    <custom-recent-deals></custom-recent-deals>
-                </div>
-            </div>
-        </main>
     </div>
-    <script>
-        feather.replace();
-    </script>
     <script src="script.js"></script>
-<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DealFlow Tracker</title>
     <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
+<body class="bg-gray-100">
+    <div class="container mx-auto p-4">
+        <h1 class="text-3xl font-bold text-center mb-8">Welcome to DealFlow Tracker</h1>
+        <div class="bg-white rounded-lg shadow p-6 max-w-md mx-auto">
+            <p class="text-center">A fresh start for your sales management system</p>
+        </div>
     </div>
     <script src="script.js"></script>
 </body>
 </html>

script.js CHANGED Viewed

@@ -1,207 +1,3 @@
 document.addEventListener('DOMContentLoaded', function() {
-    // Initialize tooltips
-    const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
-    tooltipTriggerList.map(function (tooltipTriggerEl) {
-        return new bootstrap.Tooltip(tooltipTriggerEl);
-    });
-    // Sample data for charts
-    if (document.getElementById('salesChart')) {
-        const ctx = document.getElementById('salesChart').getContext('2d');
-        const salesChart = new Chart(ctx, {
-            type: 'line',
-            data: {
-                labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
-                datasets: [{
-                    label: 'Sales',
-                    data: [12000, 19000, 15000, 20000, 25000, 22000, 30000],
-                    backgroundColor: 'rgba(59, 130, 246, 0.05)',
-                    borderColor: 'rgba(59, 130, 246, 1)',
-                    borderWidth: 2,
-                    tension: 0.1,
-                    fill: true
-                }]
-            },
-            options: {
-                responsive: true,
-                plugins: {
-                    legend: {
-                        display: false
-                    }
-                },
-                scales: {
-                    y: {
-                        beginAtZero: true,
-                        ticks: {
-                            callback: function(value) {
-                                return '€' + value.toLocaleString();
-                            }
-                        }
-                    }
-                }
-            }
-        });
-    }
-    // Toggle sidebar
-    document.getElementById('sidebarToggle')?.addEventListener('click', function() {
-        const sidebar = document.getElementById('sidebar');
-        sidebar.classList.toggle('-translate-x-full');
-    });
-});
-// Deal creation modal
-function openDealModal() {
-    const modal = document.querySelector('custom-deal-modal').shadowRoot.getElementById('dealModal');
-    modal.classList.remove('hidden');
-    document.body.classList.add('overflow-hidden');
-}
-function closeDealModal() {
-    const modal = document.querySelector('custom-deal-modal').shadowRoot.getElementById('dealModal');
-    modal.classList.add('hidden');
-    document.body.classList.remove('overflow-hidden');
-}
-function createNewDeal() {
-    const client = document.querySelector('custom-deal-modal').shadowRoot.getElementById('client').value;
-    const dealDate = document.querySelector('custom-deal-modal').shadowRoot.getElementById('dealDate').value;
-    const supplier = document.querySelector('custom-deal-modal').shadowRoot.getElementById('supplier').value;
-    const status = document.querySelector('custom-deal-modal').shadowRoot.getElementById('status').value;
-    const notes = document.querySelector('custom-deal-modal').shadowRoot.getElementById('notes').value;
-    if (!client || !dealDate || !supplier || !status) {
-        alert('Пожалуйста, заполните все обязательные поля');
-        return;
-    }
-    // In a real app, you would send this data to the server
-    console.log('Creating new deal:', {
-        client,
-        dealDate,
-        supplier,
-        status,
-        notes
-    });
-    closeDealModal();
-    alert('Новая сделка успешно создана');
-    // You would typically refresh the deal list here
-}
-// Excel import/export functions
-function importExcel() {
-    // TODO: Implement Excel import
-    alert('Excel import functionality will be implemented here');
-}
-function exportExcel() {
-    // TODO: Implement Excel export
-    alert('Excel export functionality will be implemented here');
-}
-// Product table calculations
-function setupProductTable() {
-  document.addEventListener('input', function(e) {
-    if (e.target.classList.contains('purchase-price') ||
-        e.target.classList.contains('qty') ||
-        e.target.classList.contains('margin') ||
-        e.target.classList.contains('sale-price')) {
-      const row = e.target.closest('tr');
-      calculateRowValues(row);
-    }
-  });
-  // Add row button
-  document.getElementById('addRow')?.addEventListener('click', function() {
-    const table = document.querySelector('#productTable tbody');
-    const newRow = document.createElement('tr');
-    newRow.innerHTML = `
-      <td>${table.rows.length + 1}</td>
-      <td><input type="text" value=""></td>
-      <td><input type="number" value="1" class="qty"></td>
-      <td><input type="number" value="0" class="purchase-price"></td>
-      <td>0 ₽</td>
-      <td><input type="number" value="20" class="margin"></td>
-      <td><input type="number" value="0" class="sale-price"></td>
-      <td>0 ₽</td>
-      <td>
-        <select>
-          <option>ООО "Техносила"</option>
-          <option>ИП Петров</option>
-          <option>Компьютерный мир</option>
-        </select>
-      </td>
-      <td><input type="checkbox"></td>
-      <td><button class="text-red-500 hover:text-red-700"><i data-feather="trash-2" class="w-4 h-4"></i></button></td>
-    `;
-    table.appendChild(newRow);
-    feather.replace();
-  });
-  // Apply margin button
-  document.getElementById('applyMargin')?.addEventListener('click', function() {
-    const margin = prompt('Введите процент наценки:', '20');
-    if (margin && !isNaN(margin)) {
-      const rows = document.querySelectorAll('#productTable tbody tr');
-      rows.forEach(row => {
-        const marginInput = row.querySelector('.margin');
-        marginInput.value = margin;
-        calculateRowValues(row);
-      });
-    }
-  });
-  // Delete row
-  document.addEventListener('click', function(e) {
-    if (e.target.closest('button') && e.target.closest('i')?.getAttribute('data-feather') === 'trash-2') {
-      const row = e.target.closest('tr');
-      row.remove();
-      // Renumber rows
-      const rows = document.querySelectorAll('#productTable tbody tr');
-      rows.forEach((row, index) => {
-        row.cells[0].textContent = index + 1;
-      });
-    }
-  });
-}
-function calculateRowValues(row) {
-  const qty = parseFloat(row.querySelector('.qty').value) || 0;
-  const purchasePrice = parseFloat(row.querySelector('.purchase-price').value) || 0;
-  const margin = parseFloat(row.querySelector('.margin').value) || 0;
-  const salePriceInput = row.querySelector('.sale-price');
-  // Calculate purchase total
-  const purchaseTotal = qty * purchasePrice;
-  row.cells[4].textContent = formatCurrency(purchaseTotal);
-  // Calculate sale price if margin changed
-  if (e?.target?.classList?.contains('margin') || e?.target?.classList?.contains('purchase-price')) {
-    const salePrice = purchasePrice * (1 + margin/100) * 1.05; // 5% VAT
-    salePriceInput.value = salePrice.toFixed(2);
-  }
-  // Calculate sale total
-  const salePrice = parseFloat(salePriceInput.value) || 0;
-  const saleTotal = qty * salePrice;
-  row.cells[7].textContent = formatCurrency(saleTotal);
-}
-function formatCurrency(amount) {
-  return new Intl.NumberFormat('ru-RU', {
-    style: 'currency',
-    currency: 'RUB',
-    maximumFractionDigits: 0
-  }).format(amount).replace('₽', '₽');
-}
-// Initialize date pickers
-function initDatePickers() {
-    flatpickr('.datepicker', {
-        dateFormat: 'Y-m-d',
-        allowInput: true
-    });
-}
-// Initialize when page loads
-window.onload = function() {
-    initDatePickers();
-    feather.replace();
-};

 document.addEventListener('DOMContentLoaded', function() {
+    console.log('DealFlow Tracker initialized');
+});

style.css CHANGED Viewed

@@ -1,99 +1,7 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
-* {
-    font-family: 'Inter', sans-serif;
-}
 body {
-    overflow-x: hidden;
-}
-::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-}
-::-webkit-scrollbar-track {
-    background: #f1f1f1;
-}
-::-webkit-scrollbar-thumb {
-    background: #888;
-    border-radius: 3px;
-}
-::-webkit-scrollbar-thumb:hover {
-    background: #555;
-}
-/* Custom transition for sidebar */
-.sidebar-transition {
-    transition: all 0.3s ease-in-out;
-}
-/* Deal status badges */
-.status-badge {
-    @apply px-2 py-1 rounded-full text-xs font-medium;
-}
-.status-active {
-    @apply bg-green-100 text-green-800;
-}
-.status-pending {
-    @apply bg-yellow-100 text-yellow-800;
-}
-.status-completed {
-    @apply bg-blue-100 text-blue-800;
-}
-.status-cancelled {
-    @apply bg-red-100 text-red-800;
-}
-/* Compact table styles */
-.compact-table th {
-    @apply px-3 py-2 text-xs;
-}
-.compact-table td {
-    @apply px-3 py-2 text-sm;
-}
-.compact-table .status-badge {
-    @apply px-1.5 py-0.5 text-xs;
-}
-.compact-table .action-link {
-    @apply text-sm;
-}
-/* Table styles */
-.table-container {
-    @apply overflow-x-auto;
-}
-.table {
-    @apply min-w-full divide-y divide-gray-200;
-}
-.table th {
-    @apply px-6 py-3 bg-gray-50 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
-}
-.table td {
-    @apply px-6 py-4 whitespace-nowrap text-sm text-gray-500;
-}
-/* Form input styles */
-.form-input {
-    @apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm;
-}
-/* Button styles */
-.btn-primary {
-    @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500;
 }
-.btn-secondary {
-    @apply inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500;
 }

 body {
+    font-family: 'Inter', sans-serif;
 }
+.container {
+    max-width: 1200px;
 }