Spaces:

privateuserh
/

privatemnn

Running

App Files Files Community

privateuserh commited on Apr 6

Commit

462bdb0

verified ·

1 Parent(s): 74b7b87

Add 1 files

Browse files

Files changed (1) hide show

index.html +170 -20

index.html CHANGED Viewed

@@ -86,6 +86,38 @@
             border-radius: 4px;
             transition: width 0.5s ease;
         }
     </style>
 </head>
 <body class="bg-gray-900 text-white min-h-screen">
@@ -285,26 +317,24 @@
                                     </select>
                                 </div>
                                 <div>
-                                    <label class="block text-sm font-medium text-gray-400 mb-1">Pool Selection</label>
-                                    <select class="bg-gray-800 border border-gray-700 text-white text-sm rounded-lg focus:ring-bch-primary focus:border-bch-primary block w-full p-2.5">
-                                        <option selected>BCH Pro Pool (Recommended)</option>
-                                        <option value="na">North America Pool</option>
-                                        <option value="eu">Europe Pool</option>
-                                        <option value="asia">Asia Pool</option>
-                                    </select>
                                 </div>
                                 <div>
-                                    <label class="block text-sm font-medium text-gray-400 mb-1">Payout Threshold</label>
-                                    <select class="bg-gray-800 border border-gray-700 text-white text-sm rounded-lg focus:ring-bch-primary focus:border-bch-primary block w-full p-2.5">
-                                        <option value="0.01">0.01 BCH</option>
-                                        <option selected>0.05 BCH</option>
-                                        <option value="0.1">0.1 BCH</option>
-                                        <option value="0.5">0.5 BCH</option>
-                                    </select>
                                 </div>
                             </div>
                             <div class="mt-6">
-                                <button class="gradient-bg text-white px-4 py-2 rounded-md font-medium w-full">
                                     Save Configuration
                                 </button>
                             </div>
@@ -359,11 +389,9 @@
                                         </div>
                                     </div>
                                     <div class="mt-3">
-                                        <div class="bg-gray-700 p-3 rounded-md text-xs font-mono break-all">
-                                            bitcoincash:qz27vk58s8dgs9q0wpegn0pz4v7khe5g5w5w5w5w5w
-                                        </div>
-                                        <button class="mt-2 gradient-bg text-white text-sm px-3 py-1.5 rounded-md font-medium w-full">
-                                            Change Address
                                         </button>
                                     </div>
                                 </div>
@@ -598,6 +626,61 @@
         </div>
     </main>
     <!-- Footer -->
     <footer class="bg-gray-800 border-t border-gray-700">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
@@ -709,6 +792,73 @@
                 });
             }
         }, 3000);
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=privateuserh/privatemnn" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

             border-radius: 4px;
             transition: width 0.5s ease;
         }
+        .floating-btn {
+            position: fixed;
+            bottom: 2rem;
+            right: 2rem;
+            z-index: 50;
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
+        }
+        .modal {
+            transition: opacity 0.3s ease, transform 0.3s ease;
+        }
+        .modal-enter {
+            opacity: 0;
+            transform: translateY(20px);
+        }
+        .modal-enter-active {
+            opacity: 1;
+            transform: translateY(0);
+        }
+        .modal-exit {
+            opacity: 1;
+            transform: translateY(0);
+        }
+        .modal-exit-active {
+            opacity: 0;
+            transform: translateY(20px);
+        }
     </style>
 </head>
 <body class="bg-gray-900 text-white min-h-screen">
                                     </select>
                                 </div>
                                 <div>
+                                    <label class="block text-sm font-medium text-gray-400 mb-1">Pool Address</label>
+                                    <input type="text" id="poolAddress" value="stratum.bchminerpro.com" class="bg-gray-800 border border-gray-700 text-white text-sm rounded-lg focus:ring-bch-primary focus:border-bch-primary block w-full p-2.5">
                                 </div>
                                 <div>
+                                    <label class="block text-sm font-medium text-gray-400 mb-1">Pool Port</label>
+                                    <input type="text" id="poolPort" value="3333" class="bg-gray-800 border border-gray-700 text-white text-sm rounded-lg focus:ring-bch-primary focus:border-bch-primary block w-full p-2.5">
+                                </div>
+                                <div>
+                                    <label class="block text-sm font-medium text-gray-400 mb-1">Username</label>
+                                    <input type="text" id="minerUsername" value="your_miner_username" class="bg-gray-800 border border-gray-700 text-white text-sm rounded-lg focus:ring-bch-primary focus:border-bch-primary block w-full p-2.5">
+                                </div>
+                                <div>
+                                    <label class="block text-sm font-medium text-gray-400 mb-1">Password</label>
+                                    <input type="password" id="minerPassword" value="x" class="bg-gray-800 border border-gray-700 text-white text-sm rounded-lg focus:ring-bch-primary focus:border-bch-primary block w-full p-2.5">
                                 </div>
                             </div>
                             <div class="mt-6">
+                                <button id="saveConfig" class="gradient-bg text-white px-4 py-2 rounded-md font-medium w-full">
                                     Save Configuration
                                 </button>
                             </div>
                                         </div>
                                     </div>
                                     <div class="mt-3">
+                                        <input type="text" id="bchWalletAddress" value="bitcoincash:qz27vk58s8dgs9q0wpegn0pz4v7khe5g5w5w5w5w5w" class="bg-gray-700 p-3 rounded-md text-xs font-mono w-full">
+                                        <button id="updateWallet" class="mt-2 gradient-bg text-white text-sm px-3 py-1.5 rounded-md font-medium w-full">
+                                            Update Address
                                         </button>
                                     </div>
                                 </div>
         </div>
     </main>
+    <!-- Floating Action Button -->
+    <button id="wirelessBtn" class="floating-btn bg-bch-primary hover:bg-bch-dark text-white rounded-full p-4 transition-all duration-300">
+        <i class="fas fa-wifi text-xl"></i>
+    </button>
+    <!-- Wireless Connection Modal -->
+    <div id="wirelessModal" class="fixed inset-0 overflow-y-auto z-50 hidden" aria-labelledby="modal-title" role="dialog" aria-modal="true">
+        <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+            <div class="fixed inset-0 bg-gray-900 bg-opacity-75 transition-opacity" aria-hidden="true"></div>
+            <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
+            <div class="inline-block align-bottom bg-gray-800 rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
+                <div class="px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+                    <div class="sm:flex sm:items-start">
+                        <div class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-bch-primary bg-opacity-20 sm:mx-0 sm:h-10 sm:w-10">
+                            <i class="fas fa-wifi text-bch-primary"></i>
+                        </div>
+                        <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full">
+                            <h3 class="text-lg leading-6 font-medium text-white" id="modal-title">
+                                Connect to Secondary Miner
+                            </h3>
+                            <div class="mt-4 space-y-4">
+                                <div>
+                                    <label for="wifiSSID" class="block text-sm font-medium text-gray-400">WiFi SSID</label>
+                                    <input type="text" id="wifiSSID" class="mt-1 bg-gray-700 border border-gray-600 text-white text-sm rounded-md focus:ring-bch-primary focus:border-bch-primary block w-full p-2.5" placeholder="Enter WiFi network name">
+                                </div>
+                                <div>
+                                    <label for="wifiPassword" class="block text-sm font-medium text-gray-400">WiFi Password</label>
+                                    <input type="password" id="wifiPassword" class="mt-1 bg-gray-700 border border-gray-600 text-white text-sm rounded-md focus:ring-bch-primary focus:border-bch-primary block w-full p-2.5" placeholder="Enter WiFi password">
+                                </div>
+                                <div>
+                                    <label for="minerIP" class="block text-sm font-medium text-gray-400">Miner IP Address</label>
+                                    <input type="text" id="minerIP" class="mt-1 bg-gray-700 border border-gray-600 text-white text-sm rounded-md focus:ring-bch-primary focus:border-bch-primary block w-full p-2.5" placeholder="192.168.1.100">
+                                </div>
+                                <div>
+                                    <label for="minerPort" class="block text-sm font-medium text-gray-400">Miner Port</label>
+                                    <input type="text" id="minerPort" value="4028" class="mt-1 bg-gray-700 border border-gray-600 text-white text-sm rounded-md focus:ring-bch-primary focus:border-bch-primary block w-full p-2.5">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+                    <button id="connectWireless" type="button" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-bch-primary text-base font-medium text-white hover:bg-bch-dark focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-bch-primary sm:ml-3 sm:w-auto sm:text-sm">
+                        Connect
+                    </button>
+                    <button id="cancelWireless" type="button" class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-600 shadow-sm px-4 py-2 bg-gray-700 text-base font-medium text-white hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
+                        Cancel
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
     <!-- Footer -->
     <footer class="bg-gray-800 border-t border-gray-700">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
                 });
             }
         }, 3000);
+        // Update BCH wallet address
+        const updateWallet = document.getElementById('updateWallet');
+        const bchWalletAddress = document.getElementById('bchWalletAddress');
+        updateWallet.addEventListener('click', function() {
+            const newAddress = bchWalletAddress.value.trim();
+            if (newAddress) {
+                alert(`Wallet address updated to:\n${newAddress}`);
+                // In a real app, you would send this to your backend
+            } else {
+                alert('Please enter a valid BCH address');
+            }
+        });
+        // Save mining configuration
+        const saveConfig = document.getElementById('saveConfig');
+        saveConfig.addEventListener('click', function() {
+            const poolAddress = document.getElementById('poolAddress').value;
+            const poolPort = document.getElementById('poolPort').value;
+            const minerUsername = document.getElementById('minerUsername').value;
+            const minerPassword = document.getElementById('minerPassword').value;
+            if (poolAddress && poolPort && minerUsername) {
+                alert(`Mining configuration saved:\nPool: ${poolAddress}:${poolPort}\nUsername: ${minerUsername}`);
+                // In a real app, you would send this to your backend
+            } else {
+                alert('Please fill in all required fields');
+            }
+        });
+        // Wireless connection modal
+        const wirelessBtn = document.getElementById('wirelessBtn');
+        const wirelessModal = document.getElementById('wirelessModal');
+        const cancelWireless = document.getElementById('cancelWireless');
+        const connectWireless = document.getElementById('connectWireless');
+        wirelessBtn.addEventListener('click', function() {
+            wirelessModal.classList.remove('hidden');
+        });
+        cancelWireless.addEventListener('click', function() {
+            wirelessModal.classList.add('hidden');
+        });
+        connectWireless.addEventListener('click', function() {
+            const wifiSSID = document.getElementById('wifiSSID').value;
+            const wifiPassword = document.getElementById('wifiPassword').value;
+            const minerIP = document.getElementById('minerIP').value;
+            const minerPort = document.getElementById('minerPort').value;
+            if (wifiSSID && minerIP) {
+                alert(`Connecting to secondary miner via WiFi:\nSSID: ${wifiSSID}\nMiner IP: ${minerIP}:${minerPort}`);
+                // In a real app, you would initiate the connection here
+                wirelessModal.classList.add('hidden');
+            } else {
+                alert('Please enter at least WiFi SSID and Miner IP');
+            }
+        });
+        // Close modal when clicking outside
+        window.addEventListener('click', function(event) {
+            if (event.target === wirelessModal) {
+                wirelessModal.classList.add('hidden');
+            }
+        });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=privateuserh/privatemnn" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>