Database-for-multiple-schools/index.html at master · FIII-Development/Database-for-multiple-schools · 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
114
115
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="google-site-verification" content="1BfnQwDtKHTHXmcIDoh-Cz4c2UldhWrq4QXNCqaD7qw" />
    <title>FIII-DB | Database Tugas Sekolah</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="https://i.imgur.com/P2ySQX2.png" type="image/png">
    <link rel="manifest" href="manifest.json">

    <script>
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('sw.js')
          .then(() => console.log("Service Worker Registered"))
          .catch((err) => console.log("Service Worker Failed", err));
      }
    </script>
</head>
<body>

<div class="header">
    <h2>Portal Tugas Mandiri</h2>

    <div id="header-profile-trigger">
        <div id="header-avatar">
        </div>
    </div>
</div>

<div class="container" id="login-page">
    <div style="background: #fff3cd; color: #856404; padding: 10px; border-radius: 5px; margin-bottom: 15px; font-size: 0.8rem; border: 1px solid #ffeeba;">
        <strong>Sistem Pembelajaran Mandiri:</strong> Situs ini digunakan khusus untuk tugas siswa. Ini bukan situs resmi pemerintah atau bank.
    </div>
    <h3>Akses Database Terpadu</h3>

    <label>Nama panggilan Siswa:</label>
    <input type="text" id="user-input" placeholder="Masukkan nama sesuai absen...">

    <label>Classroom Key (Token):</label>
    <input type="text" id="key-input" placeholder="Masukkan kode akses..." style="text-transform: uppercase;">

    <label style="font-weight:bold;">Verifikasi CAPTCHA:</label>
    <div class="g-recaptcha" data-sitekey="6LfV4oksAAAAAP9wLUl3U5AEOgLGkpRfBMYmfXm5"></div>

    <button id="login-btn">📂 Lihat PR </button>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <label class="Disclaimer">Disclaimer: Website ini bukan website resmi</label>
</div>

<div class="container" id="public-homework">
    <h3 id="school-view-title">Daftar tugas</h3>
    <p id="date-info" style="font-size: 11px; color: #1a4a7a; font-weight: bold;"></p>
    <table class="homework-table">
        <thead>
            <tr><th>Mata Pelajaran</th><th>Tugas</th><th>Status</th></tr>
        </thead>
        <tbody id="homework-list">
    </tbody>
    </table>
    <button onclick="location.reload()" style="margin-top:20px; background-color: #6c757d;">Keluar Sistem</button>
</div>

<div class="container" id="homework-reply">
    <h3>Apa yang orang katakan tentang tugas ini</h3>

    <div id="comments-list">
        <div class="container comment" id="Comment1" data-pin="true">
            <label>Azfar:</label>
            <p>
                Aturan komen PR: <br>
                1. Jangan komen dengan kata-kata yang tidak jelas <br>
                2. Jangan gunakan bahasa kasar <br>
                3. Jangan membahas hal yang tidak relevan dengan tugas <br>
                4. Jangan membahas hal yang bersifat pribadi <br>
            </p>
        </div>
    </div>

    <div id="comment-form">
       <input type="text" id="comment-input" placeholder="Masukkan balasan tugas..." />
    </div>
</div>

<div id="profile-editor">
    <label id="profile-name">profile name</label>

    <hr style="border: 0; border-top: 1px solid #eee; margin: 10px 0;">

    <a href="profile.html" class="menu-item">
        Full Profile <span style="float: right;">&#10138;</span>
    </a>
    <br>
    <a href="settings.html" class="menu-item">Account Settings <span style="float: right;">&#10138;</span></a>

    <hr style="border: 0; border-top: 1px solid #eee; margin: 10px 0;">

    <a onclick="location.reload()" style="color: #c0392b; font-weight: bold;" cursor="pointer">Sign Out</a>
</div>

<footer style="text-align: center; margin-top: 20px; font-size: 0.75rem; color: #666;">
  Halaman ini dikelola oleh Azfar Reynard Wanadi untuk keperluan pendidikan.<br>
  Pertanyaan? Hubungi melalui Portfolio di GitHub Pages.
</footer>

<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-database.js"></script>

<script src="firebase.js"></script>

<script src="app.js"></script>

</body>
</html>