From ed351b35edfb00bcb5edec2b4f6c3f8077ae594d Mon Sep 17 00:00:00 2001 From: asandikci Date: Sun, 31 Dec 2023 10:06:34 +0300 Subject: [PATCH] update and merge with old local code database --- .gitignore | 1 + README.md | 19 ---- assets/css/main.css | 23 ++++- assets/css/main.css.map | 2 +- assets/css/not_scss.css | 10 +++ assets/images/bagis-qr.png | Bin 0 -> 553 bytes assets/js/old_main.js | 178 +++++++++++++++++++++++++++++++++++-- assets/js/old_stopwatch.js | 21 ++++- assets/pop.mp3 | Bin 0 -> 5996 bytes assets/scss/main.scss | 25 +++++- dev.html | 55 +++++++++--- index.html | 127 +++++++++++++++++++++++--- 12 files changed, 396 insertions(+), 65 deletions(-) create mode 100644 .gitignore delete mode 100644 README.md create mode 100644 assets/css/not_scss.css create mode 100644 assets/images/bagis-qr.png create mode 100644 assets/pop.mp3 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..751553b --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +*.bak diff --git a/README.md b/README.md deleted file mode 100644 index 2fce6f8..0000000 --- a/README.md +++ /dev/null @@ -1,19 +0,0 @@ -# Smart Board Screen Background for general and educational usage -Development demo: https://tahta.iflpanel.com -Aktif Olarak İzmir Fen Lisesi Bilgisayarları için geliştirilmektedir. - -## Similar Apps -- [Digiscreen](https://ladigitale.dev/digiscreen/) / [DigiTools](https://ladigitale.dev/digitools/) - -## Development -- SmartScreen currently under in heavy development. Please see Issues, PRs and Project Page for more information - - \ No newline at end of file diff --git a/assets/css/main.css b/assets/css/main.css index 136d240..0898364 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -45,6 +45,9 @@ section#top { height: 100px; } section#top .class { + display: flex; + flex-direction: column; + column-gap: 10px; margin: 5px; min-width: 20vw; margin-right: auto; @@ -64,10 +67,21 @@ section#top .clock #time { justify-content: center; font-size: 80px; } -section#top .settings-box { +section#top .toolbox { min-width: 20vw; margin-left: auto; text-align: right; + display: block; +} +section#top .toolbox button { + height: 30px; + width: 30px; + line-height: 20px; +} +section#top .settings-box { + min-width: min-content; + margin-left: 0; + text-align: right; } section#top .settings-box button { height: 30px; @@ -84,7 +98,8 @@ section#top .settings-box #settings { section#top .settings-box #settings form { display: flex; flex-direction: column; - position: relative; + position: absolute; + min-width: 10vw; background-color: grey; } section#top .settings-box #settings form .cell { @@ -236,14 +251,14 @@ section#mid #timers #stopwatch { flex-direction: column; } section#mid #timers #stopwatch .timer { - font-size: 100px; + font-size: 150px; display: flex; align-self: center; } section#mid #timers #stopwatch .timer .min, section#mid #timers #stopwatch .timer .sec, section#mid #timers #stopwatch .timer .msec { - width: 10vw; + width: 12vw; } section#mid #timers #timer { display: none; diff --git a/assets/css/main.css.map b/assets/css/main.css.map index dff5235..54b2ece 100644 --- a/assets/css/main.css.map +++ b/assets/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/_animation.scss","../scss/_button.scss"],"names":[],"mappings":";AAAA;ACAA;AAEA;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADZJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAMA;EACE;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAWZ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGE;EACE;EACA;EACA;;AAEA;EAEE;EACA;;AEnKV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,YACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EAEA;;AAOF;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA,YACE;;AAGJ;EACE;;AAGF;EACE;EACA,YACE;;AAGJ;EACE;EACA;;AAGF;EACE;EACA,YACE;;AAGJ;EACE;EACA;;AAGF;EACE;;AAKA;AAAA;AAAA;EAGE;EACA;;AAGF;EACE;;AAUF;AAAA;AAAA;EAIE;EACA;;AAGF;EACE;;AFwDM;EACE;EACA;;AAOR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAKN;EACE;EACA;;AAEA;EACE;;AAMN;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/_animation.scss","../scss/_button.scss"],"names":[],"mappings":";AAAA;ACAA;AAEA;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ADZJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAMA;EACE;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAWZ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGE;EACE;EACA;EACA;;AAEA;EAEE;EACA;;AEpLV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,YACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EAEA;;AAOF;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA,YACE;;AAGJ;EACE;;AAGF;EACE;EACA,YACE;;AAGJ;EACE;EACA;;AAGF;EACE;EACA,YACE;;AAGJ;EACE;EACA;;AAGF;EACE;;AAKA;AAAA;AAAA;EAGE;EACA;;AAGF;EACE;;AAUF;AAAA;AAAA;EAIE;EACA;;AAGF;EACE;;AFyEM;EACE;EACA;;AAOR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;AAKN;EACE;EACA;;AAEA;EACE;;AAMN;EACE;EACA;;AAGF;EACE;EACA;;AAMJ;EACE;;AAEA;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA","file":"main.css"} \ No newline at end of file diff --git a/assets/css/not_scss.css b/assets/css/not_scss.css new file mode 100644 index 0000000..1991330 --- /dev/null +++ b/assets/css/not_scss.css @@ -0,0 +1,10 @@ +.timer-action-button { + color: white; + background-color: #097a8b; + border-radius: 10px; + padding: 10px; + margin: 10px; + border-bottom-color: #0b147a; + border-right-color: #0b147a; + border-style: ridge; +} \ No newline at end of file diff --git a/assets/images/bagis-qr.png b/assets/images/bagis-qr.png new file mode 100644 index 0000000000000000000000000000000000000000..dc5a0797b0174502d9823e2db150108df520c024 GIT binary patch literal 553 zcmV+^0@nSBP)FLm<0tJrrcut7pvhuQ35z552rcOp*v7e?Xdb^=U~9oLdwp+xQ<~Dp-tL zDTwnxHPSg8%@HmG;Y4W3_wr`ZFN1hio4nO!dvDHfgBK_EEKcv2DhZehR4fibi-S&O z*8xA+`zXn2I1j4YM-`y|q8b#$=$nekzy?(iG~pB~6L?rIGbn&pq;2#*A}H@;^nwb| z0$1Mqk)h9QA5{Prz^{Xv0fGmY98v&B zky)4A+CTx~JdDYYm&FV%sRPVi1TCX464+<+O$BhxqVs$ySPq7fdy)ZMHVmGK+$Z&U zxnfBIU_G;*s+^I#+_|d&OrMdxa3XT)itL*Tv?+t_XPoLI|72io9e_eS1~`H;duR&`8HtZt=DZ|DDninDxT rFC-ZVC!S%)+Qw= 24 && curMin <= 30)) { + if (curHour == 12 && (curMin >= 24 && curMin <= 30) && FlagExtras == 1) { document.getElementById("time").style.color = "red"; document.getElementById("rainbow").style.display = "inherit"; } else { @@ -97,6 +101,77 @@ function toggleAnimations() { } +function toggleExtra() { + let chx = document.getElementById("chx-closeExtra"); + if (chx.checked) { + FlagExtras = 0; + } else { + FlagExtras = 1; + } + updateExtras(); + +} + +function toggleTools() { + let chx = document.getElementById("chx-closeTools"); + if (chx.checked) { + FlagTools = 0; + } else { + FlagTools = 1; + } + updateToolVisibility(); +} + +function toggleFullscreen() { + let chx = document.getElementById("chx-fullscreen"); + if (chx.checked) { + FlagFullscreen = 1; + } else { + FlagFullscreen = 0; + } + updateFullscreen(); +} + +function toggleLargenClock() { + let chx = document.getElementById("chx-largenClock"); + if (chx.checked) { + FlagLargenClock = 1; + } else { + FlagLargenClock = 0; + } + updateClockSize(); +} + +function toggleExamMode() { + let chx = document.getElementById("chx-examMode"); + if (chx.checked) { + document.getElementById("chx-largenClock").checked = true; + document.getElementById("chx-closeExtra").checked = true; + document.getElementById("chx-clockSecond").checked = true; + document.getElementById("chx-closeTools").checked = true; + // document.getElementById("chx-fullscreen").checked = true; + // toggleFullscreen(); + // FIXME Try, if not works open new tab and make fullscreen automatically, when exiting fullscreen actually close tab !!! + toggleExtra(); + toggleLargenClock(); + toggleClockSeconds(); + toggleTools(); + document.getElementById("header-note").style.display = "block"; + } else { + document.getElementById("chx-largenClock").checked = false; + document.getElementById("chx-closeExtra").checked = false; + document.getElementById("chx-clockSecond").checked = false; + document.getElementById("chx-closeTools").checked = false; + // document.getElementById("chx-fullscreen").checked = false; + // toggleFullscreen(); + toggleExtra(); + toggleLargenClock(); + toggleClockSeconds(); + toggleTools(); + document.getElementById("header-note").style.display = "none"; + } +} + // ----------------------------------------- // UTILITIES // @@ -117,23 +192,108 @@ function hideMidAll(...except) { }); } -/** type: id, class - * - * name: id or class name +/** + * @param type id, class + * @param name id or class name + * @param display display type */ -function toggleItem(type, name) { +function toggleItem(type, name, display = "default") { switch (type) { case "id": - let item = document.getElementById(name); - if (item.style.display == "flex") { + + // TODO AUTO display type recognizer, do not require to type display type + + var targetDisplay = "flex"; + switch (display) { + case "absolute": + targetDisplay = "absolute"; + break; + case "block": + targetDisplay = "block"; + break; + default: + break; + } + + var item = document.getElementById(name); + if (item.style.display == targetDisplay) { item.style.display = "none"; } else { - item.style.display = "flex"; + item.style.display = targetDisplay; } break; - default: console.error("no toggle item except ids!"); break; } +} + +function updateFullscreen() { + var elem = document.documentElement; + if (FlagFullscreen) { + console.warn("FULLSCREEN"); + /* View in fullscreen */ + + if (elem.requestFullscreen) { + elem.requestFullscreen(); + } else if (elem.webkitRequestFullscreen) { /* Safari */ + elem.webkitRequestFullscreen(); + } else if (elem.msRequestFullscreen) { /* IE11 */ + elem.msRequestFullscreen(); + } + + } else { + /* Close fullscreen */ + + if (document.exitFullscreen) { + document.exitFullscreen(); + } else if (document.webkitExitFullscreen) { /* Safari */ + document.webkitExitFullscreen(); + } else if (document.msExitFullscreen) { /* IE11 */ + document.msExitFullscreen(); + } + + } +} + +function updateToolVisibility() { + var item = document.getElementsByClassName("settings-box")[0]; + if (FlagTools) { + document.getElementById("toolbox").style.display = "block"; + item.style.marginLeft = "0px"; + item.style.minWidth = "min-content"; + } else { + hideMidAll(); + document.getElementById("toolbox").style.display = "none"; + item.style.marginLeft = "auto"; + item.style.minWidth = "20vw"; + } +} + +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"; + } + } +} + +function updateClockSize() { + let clock = document.getElementById("time"); + let top = document.getElementById("top"); + if (FlagLargenClock) { + document.getElementById("clock-divider").style.display = "none"; + clock.style.fontSize="200px"; + top.style.height="max-content"; + + } else { + document.getElementById("clock-divider").style.display = "block"; + clock.style.fontSize="80px"; + top.style.height="100px"; + } } \ No newline at end of file diff --git a/assets/js/old_stopwatch.js b/assets/js/old_stopwatch.js index 1f51c49..393dadb 100644 --- a/assets/js/old_stopwatch.js +++ b/assets/js/old_stopwatch.js @@ -11,9 +11,9 @@ tick(); // NOT OPTIMIZED, place in start switch var t = setInterval(tick, 10); +const sleep = ms => new Promise(r => setTimeout(r, ms)); - -function Stopwatch(action) { +async function Stopwatch(action) { switch (action) { case "start": console.log("start function started"); @@ -22,11 +22,28 @@ function Stopwatch(action) { curAction = "increase"; tick(); previousAction = "start"; + document.getElementById("start-cro").style.color = "greenyellow"; + document.getElementById("start-cro").style.borderTopColor = "greenyellow"; + document.getElementById("start-cro").style.borderLeftColor = "greenyellow"; + await sleep(200); + document.getElementById("start-cro").style.color = "grey"; + document.getElementById("start-cro").style.borderTopColor = "grey"; + document.getElementById("start-cro").style.borderLeftColor = "grey"; break; case "stop": curAction = "stop"; tick(); previousAction = "stop"; + document.getElementById("stop-cro").style.color = "red"; + document.getElementById("stop-cro").style.borderTopColor = "red"; + document.getElementById("stop-cro").style.borderLeftColor = "red"; + await sleep(200); + document.getElementById("stop-cro").style.color = "white"; + document.getElementById("stop-cro").style.borderTopColor = "white"; + document.getElementById("stop-cro").style.borderLeftColor = "white"; + document.getElementById("start-cro").style.color = "white"; + document.getElementById("start-cro").style.borderTopColor = "white"; + document.getElementById("start-cro").style.borderLeftColor = "white"; break; default: diff --git a/assets/pop.mp3 b/assets/pop.mp3 new file mode 100644 index 0000000000000000000000000000000000000000..6a9260f010cfb7c2f5092494fa7415225b439cf4 GIT binary patch literal 5996 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 literal 0 HcmV?d00001 diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 752a40f..4df982e 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -38,6 +38,9 @@ section { height: 100px; .class { + display: flex; + flex-direction: column; + column-gap: 10px; margin: 5px; min-width: 20vw; margin-right: auto; @@ -62,10 +65,23 @@ section { } } - .settings-box { + .toolbox { min-width: 20vw; margin-left: auto; text-align: right; + display: block; + + button { + height: 30px; + width: 30px; + line-height: 20px; + } + } + + .settings-box { + min-width: min-content; + margin-left: 0; + text-align: right; button { height: 30px; @@ -84,7 +100,8 @@ section { form { display: flex; flex-direction: column; - position: relative; + position: absolute; + min-width: 10vw; background-color: grey; .cell { @@ -182,14 +199,14 @@ section { flex-direction: column; .timer { - font-size: 100px; + font-size: 150px; display: flex; align-self: center; .min, .sec, .msec { - width: 10vw; + width: 12vw; } } } diff --git a/dev.html b/dev.html index 308e187..d7778ba 100644 --- a/dev.html +++ b/dev.html @@ -13,8 +13,9 @@ - - + + + DEV VERSION | iflpanel Tahta @@ -170,22 +171,50 @@ -
+
+

+
+ + + +
+
-
- - - - - - - - - + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index f13f0a7..1c5ef8a 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,9 @@ - + + + iflpanel Tahta @@ -22,16 +24,30 @@
- 12 - C +
+ 12 / + C +
+
+ +

  👈 + Geliştirme sürecine destek verin
      (Sıradaki: )

+
+
-

12.00

-
+
+
+
+
+
@@ -48,12 +64,32 @@
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
+
@@ -69,6 +105,15 @@ +
@@ -86,10 +131,10 @@
- - + +
@@ -97,7 +142,7 @@
00.00.00
-

yapım aşamasında: geriye doğru sayma özelliği

+

Şu anda yapım aşamasında
sınav salonundaki akıllı tahta için 100% doğru kronometre

@@ -115,8 +160,64 @@
- - + + + + \ No newline at end of file