From d76981975476c561e3164f53d48eea305dd9756a Mon Sep 17 00:00:00 2001
From: Stas Medvedev <medvedevsa97@gmail.com>
Date: Thu, 13 Jun 2024 02:39:09 +0300
Subject: =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B8=20=D1=84=D1=80?=
 =?UTF-8?q?=D0=BE=D0=BD=D1=82=D0=B0,=20=D0=BD=D0=BE=D0=B2=D0=B0=D1=8F=20?=
 =?UTF-8?q?=D1=86=D0=B2=D0=B5=D1=82=D0=BE=D0=B2=D0=B0=D1=8F=20=D1=81=D1=85?=
 =?UTF-8?q?=D0=B5=D0=BC=D0=B0=20(=D1=81=D0=B8=D0=BD=D0=B8=D0=B9,=20=D1=81?=
 =?UTF-8?q?=D0=B5=D1=80=D1=8B=D0=B9)=20countdown=20executeCode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/partials/code/index.html | 67 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 templates/partials/code/index.html

(limited to 'templates/partials/code/index.html')

diff --git a/templates/partials/code/index.html b/templates/partials/code/index.html
new file mode 100644
index 0000000..9b39e59
--- /dev/null
+++ b/templates/partials/code/index.html
@@ -0,0 +1,67 @@
+<div class="flex flex-col w-full">
+  <div class="flex flex-wrap p-2">
+    <p class="w-full md:w-min text-nowrap m-auto">Python 3.10 (sandbox)</p>
+      <a 
+        href="https://cgit.yetsam.ru/yetsam.git" 
+        class="text-neutral-400 underline hover:text-secondary-600 decoration-secondary-600 w-full md:w-min text-nowrap m-auto">
+        go to source code (click me)
+      </a>
+
+  </div>
+  
+  {% include 'partials/code/textarea.html' %}
+
+  <div class="flex w-full justify-between p-2">
+    <p class="underline" id="output"></p>
+    <button onclick="clearEditor()" class="bg-secondary-200 hover:bg-secondary-300 px-2 rounded-md ">Очистить</button>
+    <button onclick="executeCode()" class="bg-primary-200 hover:bg-primary-300 px-2 rounded-md">
+      Выполнить
+    </button>
+  </div>
+  <div class="w-full bg-white min-h-20 border-2 p-2" id="code-result">
+    <p class="text-gray-200">Нажмите "Выполнить"</p>
+  </div>
+</div>
+
+<script>
+  function executeCode(){
+    fetch('/restricted_exec',{
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        code: document.codeEditor.getValue()
+      })
+    })
+      .then(response => {
+        response.json()
+          .then(data => {
+            const div = document.getElementById('code-result')
+            div.replaceChildren([])
+            data.forEach(line => {
+              const p = document.createElement('p')
+              p.innerHTML = line
+              div.appendChild(p)
+            })
+
+          })
+      })
+  }
+  function clearEditor(){
+    document.codeEditor.getDoc().setValue('\n'.repeat(15))
+  }
+  let countdown = 4
+  function countdownTimer(){
+    if (countdown > 0){
+      countdown--;
+      document.getElementById('output').innerHTML = `Вывод: (${countdown})`
+      setTimeout(countdownTimer, 1000)
+    } else {
+      document.getElementById('output').innerHTML = `Вывод:`
+      executeCode()
+    }
+  }
+  countdownTimer()
+
+</script>
-- 
cgit v1.2.3