PhotonCoreV2/discussions.html at main · CreatorPoints/PhotonCoreV2 · 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
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">
<head>
     <!-- Secret Guard - MUST be first script, blocks rendering -->
    <script src="secret-guard.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discussions — Photon Core</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" type="image/png" href="Photon_Core.png">
    <!-- Firebase - ALL 5 SCRIPTS -->
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-auth-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-firestore-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-database-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-storage-compat.js"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
</head>
<body>

    <div id="app" class="app">
        <aside class="sidebar">
            <div class="sidebar-header">
                <div class="logo-small">⚡</div>
                <span class="logo-text">Photon Core</span>
            </div>
            <nav class="sidebar-nav">
                <a href="dashboard.html" class="nav-item" data-tab="dashboard"><span class="nav-icon">🏠</span><span class="nav-label">Dashboard</span></a>
                <a href="discussions.html" class="nav-item active" data-tab="discussions"><span class="nav-icon">💬</span><span class="nav-label">Discussions</span></a>
                <a href="files.html" class="nav-item" data-tab="files"><span class="nav-icon">📁</span><span class="nav-label">Files</span></a>
                <a href="ai.html" class="nav-item" data-tab="ai"><span class="nav-icon">🤖</span><span class="nav-label">AI Assistant</span></a>
                <a href="members.html" class="nav-item" data-tab="members"><span class="nav-icon">👥</span><span class="nav-label">Members</span></a>
            </nav>
            <div class="sidebar-footer">
                <div class="user-info">
                    <div class="user-avatar" id="user-avatar">?</div>
                    <div class="user-details">
                        <span class="user-name" id="user-name">Loading...</span>
                        <span class="user-role">Member</span>
                    </div>
                </div>
                <button id="btn-sign-out" class="btn-icon" title="Sign Out">🚪</button>
            </div>
        </aside>

        <main class="main-content">
            <header class="top-header">
                <div class="header-left">
                    <button id="mobile-menu-btn" class="btn-icon mobile-only">☰</button>
                    <h2 id="page-title">Discussions</h2>
                </div>
                <div class="header-right">
                    <div class="online-count-badge">
                        <span class="status-dot online"></span>
                        <span id="online-count">0</span> online
                    </div>
                </div>
            </header>

            <div class="content-area">
                <section id="tab-discussions" class="tab-content active">
                    <div class="tab-header">
                        <h2>💬 Discussions</h2>
                        <p>Talk about games, ideas, projects — shared with all members in real-time.</p>
                    </div>
                    <div class="discussion-container">
                        <div class="discussion-compose">
                            <input type="text" id="discussion-title" placeholder="Topic title" class="input">
                            <textarea id="discussion-body" placeholder="Share your thoughts..." class="textarea" rows="3"></textarea>
                            <div class="compose-actions">
                                <select id="discussion-category" class="select">
                                    <option value="general">💭 General</option>
                                    <option value="game-design">🎮 Game Design</option>
                                    <option value="art">🎨 Art & Assets</option>
                                    <option value="code">💻 Code & Tech</option>
                                    <option value="marketing">📢 Marketing</option>
                                    <option value="bugs">🐛 Bugs & Issues</option>
                                </select>
                                <button id="btn-post-discussion" class="btn btn-primary">Post</button>
                            </div>
                        </div>
                        <div class="discussion-filters">
                            <button class="filter-btn active" data-filter="all">All</button>
                            <button class="filter-btn" data-filter="general">💭</button>
                            <button class="filter-btn" data-filter="game-design">🎮</button>
                            <button class="filter-btn" data-filter="art">🎨</button>
                            <button class="filter-btn" data-filter="code">💻</button>
                            <button class="filter-btn" data-filter="bugs">🐛</button>
                        </div>
                        <div id="discussions-list" class="discussions-list">
                            <div class="empty-state"><span class="empty-icon">💬</span><p>No discussions yet.</p></div>
                        </div>
                    </div>
                </section>
            </div>
        </main>
    </div>

    <div id="toast-container" class="toast-container"></div>
     <script src="members-list.js"></script>
<script src="auth-guard.js"></script>

    <script src="config.js"></script>
    <script src="auth.js"></script>
    <script src="presence.js"></script>
    <script src="discussions.js"></script>
    <script src="files.js"></script>
    <script src="ai.js"></script>
    <script src="ui.js"></script>
    <script src="boot.js"></script>
</body>
</html>