predictor-app/index.html at main · alex-nomeza/predictor-app · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aviator Predictor Dashboard</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<main class="app">
    <header class="top-nav panel">
        <div class="brand-block">
            <span class="brand-logo">MAEJOR</span>
            <span class="brand-sub">Predictor App</span>
        </div>
        <nav class="main-menu">
            <a href="aviator.html" class="menu-item">AVIATOR</a>
            <a href="index.html" class="menu-item active">COSMOS</a>
            <a href="jetx.html" class="menu-item">JET X</a>
            <a href="docs/index.html?file=mode-emploi-fr.md" class="menu-item">MODE D'EMPLOI</a>
            <a href="docs/index.html" class="menu-item">DOCS</a>
        </nav>
    </header>

    <section class="panel intro-panel">
        <h1 class="intro-title">Dashboard COSMOS</h1>
        <p class="intro-lead">Parcours simple: saisir les 3 donnees, calculer, puis lire la projection des 3 tours.</p>
        <ol class="guide-steps">
            <li>Entrez l'heure, le resultat precedent et le decimal.</li>
            <li>Cliquez sur "Calculer la prediction" (raccourci <kbd>Ctrl</kbd> + <kbd>Entrer</kbd>).</li>
            <li>Analysez la confiance, les probabilites et l'historique.</li>
        </ol>
        <div class="quick-badges">
            <span class="quick-badge">Mode: COSMOS</span>
            <span class="quick-badge">Projection: 3 tours</span>
            <span class="quick-badge">Seuil: x1.50</span>
        </div>
    </section>

    <section class="dashboard-grid">
        <div class="column column-left">
            <section class="panel">
                <h2>Entrees</h2>
                <div class="form-grid">
                    <label>
                        Heure dernier crash (hh:mm:ss)
                        <input type="text" id="inputLastTime" placeholder="hh:mm:ss" maxlength="8" inputmode="numeric">
                    </label>
                    <label>
                        Resultat precedent
                        <input type="text" id="inputResult" placeholder="ex: 4.12">
                    </label>
                    <label>
                        Decimal (10 chiffres)
                        <input type="text" id="inputDec" maxlength="10" inputmode="numeric" placeholder="ex: 4808686729">
                    </label>
                </div>
                <div class="actions">
                    <button id="predictBtn">Calculer la prediction</button>
                    <button id="resetBtn" class="alt" type="button">Reinitialiser</button>
                </div>
                <p class="helper-line">Astuce: les champs sont normalises automatiquement (heure, decimal et resultat).</p>
            </section>
        </div>

        <div class="column column-center">
            <section class="panel prediction-panel">
                <h2>Prediction</h2>
                <div class="prediction-main">
                    <strong class="prediction-time" id="predictedTimeValue">--:--:--</strong>
                </div>
                <div class="result-stats">
                    <span>Min: <strong id="minResultValue">x--</strong></span>
                    <span>Moy: <strong id="avgResultValue">x--</strong></span>
                    <span>Max: <strong id="maxResultValue">x--</strong></span>
                </div>
                <div class="result-stats">
                    <span>P(>x1.50): <strong id="probNext150">--%</strong></span>
                    <span>P(3 tours): <strong id="probThree150">--%</strong></span>
                    <span>Confiance: <strong id="modelConfidence">--%</strong></span>
                </div>
                <div class="intervals-box">
                    <div class="intervals-title">3 tours possibles > x1.50 (minimum, moyenne, maximum)</div>
                    <div id="highIntervalsList" class="intervals-list"></div>
                </div>
                <div class="details">
                    <a href="resume-calcul.html">Voir le resume calcul detaille</a>
                </div>
            </section>
        </div>

        <div class="column column-right">
            <section class="panel history-panel">
                <div class="history-header">
                    <h2>Historique</h2>
                    <button id="clearHistoryBtn" class="danger">Effacer</button>
                </div>
                <div id="historiqueContainer" class="history-list"></div>
            </section>
        </div>
    </section>
</main>
<footer class="app-footer">by Alex Maejor</footer>

<script src="js/cosmos-algorithms.js"></script>
<script src="js/cosmos-app.js"></script>
</body>
</html>