feat: hide extra itemsalso add new todo

iflpanel/tahta/assets/js/old_main.js

@@ -4,6 +4,7 @@
 var FlagSecond = 0;
 var FlagSettings = 0;
 var FlagTimers = 1;
+var FlagExtras = 1;
 var MidItems = ["timers", "stopwatch", "timer", "yemek-listesi", "animations"]
 
 // RUN FUNCTIONS ON START
@@ -97,6 +98,17 @@ function toggleAnimations() {
 }
 
 
+function toggleExtra() {
+  let chx = document.getElementById("chx-closeExtra");
+  if (chx.checked) {
+    FlagExtras = 0;
+  } else {
+    FlagExtras = 1;
+  }
+  updateExtras();
+
+}
+
 // ----------------------------------------- 
 //  UTILITIES
 // 
@@ -136,4 +148,17 @@ function toggleItem(type, name) {
       console.error("no toggle item except ids!");
       break;
   }
+}
+
+function updateExtras() {
+  var arr = document.getElementsByClassName("extraItem");
+  for (let i = 0; i < arr.length; i++) {
+    const element = arr[i];
+    if (FlagExtras) {
+      element.style.display = "inherit";
+    }
+    else {
+      element.style.display = "none";
+    }
+  }
 }

iflpanel/tahta/index.html

@@ -43,7 +43,7 @@
         <span class="grade">12</span> /
         <span class="branch">C</span>
       </div>
-      <div style="display:flex; align-content: center; align-items: center; margin-top: 10px;">
+      <div style="display:flex; align-content: center; align-items: center; margin-top: 10px;" class="extraItem">
         <a href="https://asandikci.com/bagis/" target="_blank"><img src="assets/images/bagis-qr.png" width="50"></a>
         <p style="align-self: center; font-style: normal; text-align: center; font-size: small;"> &nbsp; &#x1F448;
           Geliştirme sürecine destek verin<br>&nbsp; &nbsp; &nbsp; (Sıradaki: <span style="width: min-content; font-size: x-small;"id="sirada-yapilacaklar"></span>) </p>
@@ -72,8 +72,8 @@
             <label for="chx-devVersion">Geliştirici Sürümü</label>
           </div>
           <div class="cell">
-            <input type="checkbox" id="chx-secureTimeMode">
+            <input type="checkbox" id="chx-closeExtra" onchange="toggleExtra()">
-            <label for="chx-timerMsec">Ekstra Güvenli Mod (WIP)</label>
+            <label for="chx-devVersion">Ekstra Bildirimleri Kapatın</label>
           </div>
         </form>
       </div>

public-data.json

@@ -5,8 +5,9 @@
       {
         "100": [
           "Tahta Arkaplanı - Güvenli Saat ve Kronometre",
-          "Tahta Arkaplanı - Ders Programı Menüsü",
+          "Tahta Arkaplanı - Ders Programı Menüsü (her sınıf için ayrı!)",
-          "Tahta Arkaplanı - Yeni Tuş Düzeni"
+          "Tahta Arkaplanı - Yeni Tuş Düzeni",
+          "Tahta Arkaplanı - Kronometre için Dakika/Saat ayrımı"
         ]
       },
       {