Spaces:

alterzick
/

stock-record-v1

Running

App Files Files Community

alterzick commited on Dec 28, 2025

Commit

bd3a0d4

verified ·

1 Parent(s): 1c9a21d

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +594 -19
prompts.txt +0 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Stock Record V1
-emoji: 📈
-colorFrom: purple
-colorTo: indigo
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: stock-record-v1
+emoji: ⚛️
+colorFrom: blue
+colorTo: gray
 sdk: static
 pinned: false
+tags:
+  - QwenSite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,594 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Stock Analysis Record Application</title>
+    <!-- SheetJS CDN for Excel import/export -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
+    <style>
+        :root {
+            --primary: #007bff;
+            --primary-dark: #0056b3;
+            --success: #28a745;
+            --danger: #dc3545;
+            --warning: #ffc107;
+            --light: #f8f9fa;
+            --dark: #343a40;
+            --gray: #6c757d;
+            --border: #dee2e6;
+        }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #f8f9fa;
+            color: #212529;
+            line-height: 1.5;
+        }
+        h1 {
+            text-align: center;
+            padding: 20px;
+            margin: 0;
+            background-color: var(--primary);
+            color: white;
+            font-size: 1.5rem;
+        }
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 15px;
+        }
+        .tab {
+            display: flex;
+            overflow-x: auto;
+            background-color: white;
+            border-bottom: 1px solid var(--border);
+            margin-bottom: 20px;
+            -webkit-overflow-scrolling: touch;
+        }
+        .tab button {
+            flex: 1;
+            min-width: 150px;
+            background-color: transparent;
+            border: none;
+            outline: none;
+            cursor: pointer;
+            padding: 14px 16px;
+            font-size: 1rem;
+            transition: background-color 0.3s;
+        }
+        .tab button:hover {
+            background-color: #e9ecef;
+        }
+        .tab button.active {
+            background-color: var(--primary);
+            color: white;
+        }
+        .tabcontent {
+            display: none;
+            background-color: white;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        }
+        form label {
+            display: block;
+            margin: 10px 0 5px;
+            font-weight: 600;
+        }
+        input[type="text"], input[type="date"], input[type="number"], input[type="file"], textarea, select {
+            width: 100%;
+            padding: 10px;
+            border: 1px solid var(--border);
+            border-radius: 4px;
+            box-sizing: border-box;
+            font-size: 1rem;
+        }
+        textarea {
+            resize: vertical;
+            min-height: 120px;
+        }
+        #symbol {
+            position: relative;
+        }
+        button[type="submit"], button[type="button"] {
+            background-color: var(--success);
+            color: white;
+            padding: 12px 20px;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 1rem;
+            margin-top: 10px;
+        }
+        button[type="submit"]:hover, button[type="button"]:hover {
+            background-color: #218838;
+        }
+        button.cancel {
+            background-color: var(--gray);
+        }
+        button.cancel:hover {
+            background-color: #5a6268;
+        }
+        button.edit-btn {
+            background-color: var(--primary);
+        }
+        button.edit-btn:hover {
+            background-color: var(--primary-dark);
+        }
+        button.delete-btn {
+            background-color: var(--danger);
+        }
+        button.delete-btn:hover {
+            background-color: #c82333;
+        }
+        button.export-btn {
+            background-color: var(--warning);
+            color: var(--dark);
+        }
+        button.export-btn:hover {
+            background-color: #e0a800;
+        }
+        .actions {
+            display: flex;
+            gap: 10px;
+            flex-wrap: wrap;
+        }
+        .actions button {
+            flex: 1;
+            min-width: 80px;
+            padding: 8px;
+            font-size: 0.9rem;
+        }
+        #filterForm {
+            display: grid;
+            grid-template-columns: 1fr 1fr auto auto;
+            gap: 10px;
+            align-items: end;
+            margin-bottom: 20px;
+        }
+        #filterForm select, #filterForm input {
+            margin: 0;
+        }
+        .import-export {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 10px;
+            margin-bottom: 20px;
+            align-items: center;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+        th {
+            background-color: var(--primary);
+            color: white;
+            text-align: left;
+            padding: 12px;
+            font-size: 0.95rem;
+        }
+        td {
+            padding: 12px;
+            border-bottom: 1px solid var(--border);
+            vertical-align: top;
+        }
+        tr:nth-child(even) {
+            background-color: #f2f2f2;
+        }
+        .comment-field {
+            font-style: italic;
+            color: #555;
+            white-space: pre-wrap;
+            background-color: #f9f9f9;
+            padding: 10px;
+            border-radius: 4px;
+            border-left: 4px solid var(--gray);
+        }
+        .tenets-section {
+            margin-top: 30px;
+            padding: 20px;
+            background-color: #e9f7ef;
+            border-radius: 8px;
+            border-left: 5px solid var(--success);
+        }
+        .tenets-section h3 {
+            margin-top: 0;
+        }
+        .tenets-section ul {
+            padding-left: 20px;
+        }
+        .tenets-section li {
+            margin-bottom: 10px;
+        }
+        @media (max-width: 768px) {
+            h1 {
+                font-size: 1.3rem;
+            }
+            .tab button {
+                font-size: 0.9rem;
+                padding: 12px 10px;
+            }
+            #filterForm {
+                grid-template-columns: 1fr;
+            }
+            table, thead, tbody, th, td, tr {
+                display: block;
+            }
+            thead tr {
+                position: absolute;
+                top: -9999px;
+                left: -9999px;
+            }
+            tr {
+                border: 1px solid var(--border);
+                border-radius: 8px;
+                margin-bottom: 15px;
+                background-color: white;
+                box-shadow: 0 2px 5px rgba(0,0,0,0.05);
+            }
+            td {
+                border: none;
+                position: relative;
+                padding-left: 50%;
+            }
+            td:before {
+                content: attr(data-label);
+                position: absolute;
+                left: 12px;
+                width: 45%;
+                font-weight: 600;
+                white-space: nowrap;
+            }
+            .comment-field {
+                padding-left: 12px;
+                margin-left: -12px;
+                margin-right: -12px;
+                margin-bottom: 10px;
+            }
+            .actions {
+                padding-left: 12px;
+                padding-right: 12px;
+            }
+            .tenets-section {
+                padding: 15px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <h1>Stock Analysis Record Application</h1>
+    <div class="container">
+        <div class="tab">
+            <button class="tablinks active" onclick="openTab(event, 'Input')">Input Record</button>
+            <button class="tablinks" onclick="openTab(event, 'View')">View & Manage Records</button>
+        </div>
+        <div id="Input" class="tabcontent" style="display: block;">
+            <form id="stockForm">
+                <input type="hidden" id="editIndex" value="-1">
+                <label for="symbol">Stock Symbol</label>
+                <input type="text" list="symbolList" id="symbol" required placeholder="Ketik atau pilih symbol yang sudah ada">
+                <datalist id="symbolList">
+                    <!-- Options diisi secara dinamis -->
+                </datalist>
+                <label for="date">Analysis Date</label>
+                <input type="date" id="date" required>
+                <label for="historicalData">Historical Data (Comment)</label>
+                <textarea id="historicalData" rows="6" placeholder="Deskripsikan data historis, pola harga, volume, event penting, dll." required></textarea>
+                <label for="analysis">Analysis Notes (Comment)</label>
+                <textarea id="analysis" rows="6" placeholder="Catatan analisis lengkap: fundamental, technical, sentiment, risiko, dll." required></textarea>
+                <label for="support">Support Level</label>
+                <input type="number" step="0.01" id="support" required>
+                <label for="resistance">Resistance Level</label>
+                <input type="number" step="0.01" id="resistance" required>
+                <label for="mosPrice">MOS Price (Margin of Safety)</label>
+                <input type="number" step="0.01" id="mosPrice" required>
+                <label for="decision">Decision</label>
+                <select id="decision" required>
+                    <option value="">-- Select Decision --</option>
+                    <option value="Buy">Buy</option>
+                    <option value="Sell">Sell</option>
+                    <option value="Hold">Hold</option>
+                    <option value="Watch">Watch</option>
+                    <option value="Avoid">Avoid</option>
+                </select>
+                <button type="submit" id="submitButton">Save Record</button>
+                <button type="button" class="cancel" id="cancelButton" style="display:none;" onclick="cancelEdit()">Cancel Edit</button>
+            </form>
+            <div class="tenets-section">
+                <h3>Tenets & Notes for Stock Screening and Trading Operations</h3>
+                <p>Berikut adalah prinsip-prinsip utama (tenets) yang sering digunakan oleh trader profesional dunia untuk screening dan operasi saham. Gunakan sebagai panduan saat menganalisis.</p>
+                <ul>
+                    <li><strong>Follow the Trend (Trend Following):</strong> "The trend is your friend." Masuk posisi sesuai arah tren utama; jangan melawan tren.</li>
+                    <li><strong>Cut Losses Short, Let Profits Run:</strong> Potong kerugian cepat dengan stop-loss; biarkan keuntungan berjalan.</li>
+                    <li><strong>Risk Management:</strong> Risiko maksimal 1-2% modal per trade; gunakan position sizing yang tepat.</li>
+                    <li><strong>Never Add to a Losing Position:</strong> Jangan rata-rata posisi rugi (averaging down tanpa alasan kuat).</li>
+                    <li><strong>Be Patient and Disciplined:</strong> Tunggu setup berkualitas; ikuti trading plan tanpa emosi.</li>
+                    <li><strong>Value Investing:</strong> Beli saham undervalued dengan margin of safety (Warren Buffett style).</li>
+                    <li><strong>Momentum Trading:</strong> Beli saham yang sedang kuat naik; ikuti momentum.</li>
+                    <li><strong>Mean Reversion:</strong> Beli saat oversold, jual saat overbought; harga cenderung kembali ke rata-rata.</li>
+                    <li><strong>Diversification:</strong> Jangan taruh semua modal di satu saham atau sektor.</li>
+                    <li><strong>Screening Criteria Umum:</strong> Fundamental (P/E rendah, EPS growth tinggi, ROE >15%); Technical (di atas MA 200, RSI >50 untuk tren naik).</li>
+                </ul>
+                <p>Prinsip ini diadaptasi dari trader legendaris seperti Jesse Livermore, Paul Tudor Jones, dan Warren Buffett.</p>
+            </div>
+        </div>
+        <div id="View" class="tabcontent">
+            <form id="filterForm">
+                <div>
+                    <label for="filterSymbol">Filter by Stock Symbol</label>
+                    <input type="text" id="filterSymbol" placeholder="e.g., AAPL">
+                </div>
+                <div>
+                    <label for="filterDecision">Filter by Decision</label>
+                    <select id="filterDecision">
+                        <option value="">-- All Decisions --</option>
+                        <option value="Buy">Buy</option>
+                        <option value="Sell">Sell</option>
+                        <option value="Hold">Hold</option>
+                        <option value="Watch">Watch</option>
+                        <option value="Avoid">Avoid</option>
+                    </select>
+                </div>
+                <div>
+                    <button type="button" onclick="filterRecords()">Apply Filter</button>
+                </div>
+                <div>
+                    <button type="button" onclick="displayRecords()">Clear Filter</button>
+                </div>
+            </form>
+            <div class="import-export">
+                <div>
+                    <label for="importFile">Import from XLSX</label>
+                    <input type="file" id="importFile" accept=".xlsx">
+                </div>
+                <button type="button" onclick="importExcel()">Import Records</button>
+                <button type="button" class="export-btn" onclick="exportToExcel()">Export to XLSX</button>
+            </div>
+            <table id="recordsTable">
+                <thead>
+                    <tr>
+                        <th>Stock Symbol</th>
+                        <th>Analysis Date</th>
+                        <th>Historical Data Comment</th>
+                        <th>Analysis Notes Comment</th>
+                        <th>Support Level</th>
+                        <th>Resistance Level</th>
+                        <th>MOS Price</th>
+                        <th>Decision</th>
+                        <th>Evaluation</th>
+                        <th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <!-- Records will be displayed here -->
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <script>
+        function openTab(evt, tabName) {
+            const tabcontent = document.getElementsByClassName("tabcontent");
+            for (let i = 0; i < tabcontent.length; i++) {
+                tabcontent[i].style.display = "none";
+            }
+            const tablinks = document.getElementsByClassName("tablinks");
+            for (let i = 0; i < tablinks.length; i++) {
+                tablinks[i].className = tablinks[i].className.replace(" active", "");
+            }
+            document.getElementById(tabName).style.display = "block";
+            evt.currentTarget.className += " active";
+            if (tabName === 'View') {
+                displayRecords();
+            }
+        }
+        const form = document.getElementById('stockForm');
+        const tableBody = document.querySelector('#recordsTable tbody');
+        const symbolDatalist = document.getElementById('symbolList');
+        let records = JSON.parse(localStorage.getItem('stockRecords')) || [];
+        const decisionOptions = ["Buy", "Sell", "Hold", "Watch", "Avoid"];
+        function updateSymbolDatalist() {
+            const uniqueSymbols = [...new Set(records.map(r => r.symbol.toUpperCase()))].sort();
+            symbolDatalist.innerHTML = '';
+            uniqueSymbols.forEach(sym => {
+                const option = document.createElement('option');
+                option.value = sym;
+                symbolDatalist.appendChild(option);
+            });
+        }
+        updateSymbolDatalist();
+        function displayRecords(filteredRecords = records) {
+            tableBody.innerHTML = '';
+            if (filteredRecords.length === 0) {
+                const tr = document.createElement('tr');
+                tr.innerHTML = '<td colspan="10" style="text-align:center;padding:20px;">No records found.</td>';
+                tableBody.appendChild(tr);
+                return;
+            }
+            filteredRecords.forEach((record, index) => {
+                const globalIndex = records.indexOf(record);
+                const tr = document.createElement('tr');
+                tr.innerHTML = `
+                    <td data-label="Stock Symbol">${record.symbol}</td>
+                    <td data-label="Analysis Date">${record.date}</td>
+                    <td data-label="Historical Data Comment" class="comment-field">${record.historicalData || '-'}</td>
+                    <td data-label="Analysis Notes Comment" class="comment-field">${record.analysis || '-'}</td>
+                    <td data-label="Support Level">${record.support}</td>
+                    <td data-label="Resistance Level">${record.resistance}</td>
+                    <td data-label="MOS Price">${record.mosPrice}</td>
+                    <td data-label="Decision"><strong>${record.decision}</strong></td>
+                    <td data-label="Evaluation">${evaluateDecision(record)}</td>
+                    <td data-label="Actions" class="actions">
+                        <button class="edit-btn" onclick="editRecord(${globalIndex})">Edit</button>
+                        <button class="delete-btn" onclick="deleteRecord(${globalIndex})">Delete</button>
+                    </td>
+                `;
+                tableBody.appendChild(tr);
+            });
+        }
+        function evaluateDecision(record) {
+            const decision = record.decision;
+            if (decision === 'Buy') return 'This decision suggests potential growth based on the analysis.';
+            if (decision === 'Sell') return 'This decision indicates a need to mitigate risks identified in the analysis.';
+            if (decision === 'Hold') return 'This decision reflects a stable outlook per the provided data.';
+            if (decision === 'Watch') return 'Monitoring recommended for potential future opportunity or risk.';
+            if (decision === 'Avoid') return 'Recommendation to steer clear due to unfavorable conditions.';
+            return 'Decision evaluation not available.';
+        }
+        function editRecord(index) {
+            const record = records[index];
+            document.getElementById('symbol').value = record.symbol;
+            document.getElementById('date').value = record.date;
+            document.getElementById('historicalData').value = record.historicalData;
+            document.getElementById('analysis').value = record.analysis;
+            document.getElementById('support').value = record.support;
+            document.getElementById('resistance').value = record.resistance;
+            document.getElementById('mosPrice').value = record.mosPrice;
+            document.getElementById('decision').value = record.decision;
+            document.getElementById('editIndex').value = index;
+            document.getElementById('submitButton').textContent = 'Update Record';
+            document.getElementById('cancelButton').style.display = 'inline-block';
+            openTab({currentTarget: document.querySelector('[onclick="openTab(event, \'Input\')"]')}, 'Input');
+        }
+        function cancelEdit() {
+            form.reset();
+            document.getElementById('decision').value = "";
+            document.getElementById('editIndex').value = '-1';
+            document.getElementById('submitButton').textContent = 'Save Record';
+            document.getElementById('cancelButton').style.display = 'none';
+        }
+        function deleteRecord(index) {
+            if (confirm('Are you sure you want to delete this record?')) {
+                records.splice(index, 1);
+                localStorage.setItem('stockRecords', JSON.stringify(records));
+                updateSymbolDatalist();
+                displayRecords();
+            }
+        }
+        form.addEventListener('submit', (e) => {
+            e.preventDefault();
+            const editIndex = parseInt(document.getElementById('editIndex').value);
+            const symbolValue = document.getElementById('symbol').value.trim().toUpperCase();
+            const newRecord = {
+                symbol: symbolValue,
+                date: document.getElementById('date').value,
+                historicalData: document.getElementById('historicalData').value.trim(),
+                analysis: document.getElementById('analysis').value.trim(),
+                support: document.getElementById('support').value,
+                resistance: document.getElementById('resistance').value,
+                mosPrice: document.getElementById('mosPrice').value,
+                decision: document.getElementById('decision').value
+            };
+            if (editIndex === -1) {
+                records.push(newRecord);
+            } else {
+                records[editIndex] = newRecord;
+            }
+            localStorage.setItem('stockRecords', JSON.stringify(records));
+            updateSymbolDatalist();
+            cancelEdit();
+            alert(editIndex === -1 ? 'Record saved successfully.' : 'Record updated successfully.');
+            if (document.getElementById('View').style.display === 'block') {
+                displayRecords();
+            }
+        });
+        function filterRecords() {
+            const filterSymbol = document.getElementById('filterSymbol').value.toLowerCase().trim();
+            const filterDecision = document.getElementById('filterDecision').value;
+            const filtered = records.filter(record => {
+                const matchesSymbol = filterSymbol ? record.symbol.toLowerCase().includes(filterSymbol) : true;
+                const matchesDecision = filterDecision ? record.decision === filterDecision : true;
+                return matchesSymbol && matchesDecision;
+            });
+            displayRecords(filtered);
+        }
+        function exportToExcel() {
+            const ws = XLSX.utils.json_to_sheet(records);
+            const wb = XLSX.utils.book_new();
+            XLSX.utils.book_append_sheet(wb, ws, "StockRecords");
+            XLSX.writeFile(wb, "Stock_Analysis_Records.xlsx");
+        }
+        function importExcel() {
+            const fileInput = document.getElementById('importFile');
+            const file = fileInput.files[0];
+            if (!file) {
+                alert('Please select an XLSX file.');
+                return;
+            }
+            const reader = new FileReader();
+            reader.onload = function(e) {
+                const data = e.target.result;
+                const workbook = XLSX.read(data, { type: 'binary' });
+                const sheetName = workbook.SheetNames[0];
+                const importedRecords = XLSX.utils.sheet_to_json(workbook.Sheets[sheetName]);
+                let addedCount = 0;
+                importedRecords.forEach(imp => {
+                    if (imp.symbol && imp.date && imp.historicalData && imp.analysis &&
+                        imp.support !== undefined && imp.resistance !== undefined &&
+                        imp.mosPrice !== undefined && imp.decision &&
+                        decisionOptions.includes(imp.decision)) {
+                        imp.symbol = imp.symbol.toString().trim().toUpperCase();
+                        records.push(imp);
+                        addedCount++;
+                    }
+                });
+                if (addedCount > 0) {
+                    localStorage.setItem('stockRecords', JSON.stringify(records));
+                    updateSymbolDatalist();
+                    displayRecords();
+                    alert(`${addedCount} valid records imported successfully.`);
+                } else {
+                    alert('No valid records found in the imported file.');
+                }
+                fileInput.value = '';
+            };
+            reader.readAsBinaryString(file);
+        }
+        displayRecords();
+    </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-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=alterzick/stock-record-v1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

File without changes