mini fix constructor

kidcode/mainapp/static/mainapp/css/styles.css

@@ -239,16 +239,17 @@ a{
   left: -350px; /* Начальная позиция скрытого сайдбара */
   width: 350px;
   height: 100%;
-  background-color: #22231E;
+  background-color: #4E4D4D;
   color: white;
   transition: left 0.3s ease;
   z-index: 5; /* Сайдбар будет под шапкой, но выше основного контента */
   padding-top: 20px;
 
 }
 
-.sidebar h1{
-  padding: 10px;
+#sidebar.active h1{
+  margin: 10px;
+  text-align: center;
 }
 
 /* Ссылки в сайдбаре */
@@ -645,4 +646,8 @@ form.change{
   display: flex;
   flex-direction: column;
   overflow: auto;
+}
+
+.chapter-container{
+  border: #ffffff 1px solid;
 }

kidcode/mainapp/static/mainapp/js/gamefield.js

@@ -35,6 +35,44 @@ document.addEventListener('DOMContentLoaded', () => {
     let maxHoles = parseInt(holeInput.value, 10) || 0;
     let maxBlocks = parseInt(blockInput.value, 10) || 0;
 
+
+        const manualButton = document.getElementById('manualButton');
+        const manualForm = document.getElementById('manualForm');
+
+        autoButton.addEventListener('click', () => {
+            manualForm.style.display = 'none'; // Скрываем ручную форму
+            savemanual.id = 'saveauto';
+            generateButton.style.display = 'block';
+            canvas.width = null;
+            canvas.height = null;
+            ctx.clearRect(0, 0, canvas.width, canvas.height);
+        });
+
+        // manualButton.addEventListener('click', () => {
+        //     manualForm.style.display = 'block'; // Показываем ручную форму
+        //     saveauto.id = 'savemanual';
+        //     generateButton.style.display = 'none';
+        //     canvas.width = null;
+        //     canvas.height = null;
+        //     ctx.clearRect(0, 0, canvas.width, canvas.height);
+        // });
+        manualButton.addEventListener('click', () => {
+            // Показываем ручную форму
+            manualForm.style.display = 'block';
+
+            // Скрываем кнопку генерации
+            generateButton.style.display = 'none';
+            saveauto.id = 'savemanual';
+            // Очищаем Canvas
+            ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+
+
+            // Устанавливаем новый идентификатор через атрибут data
+            saveauto.setAttribute('data-mode', 'manual');
+        });
+
+
     // Слушатели для обновления лимитов при изменении полей ввода
     cubeInput.addEventListener('input', () => {
         maxCubes = parseInt(cubeInput.value, 10) || 0;

kidcode/mainapp/static/mainapp/js/scripts.js

@@ -23,6 +23,8 @@ function loadChapters() {
                 const a = document.createElement('a');
                 a.textContent = chapter;
                 a.href = '#';
+                li.className = 'chapter-container';
+                a.className = 'dropdown-toggle';
                 a.onclick = () => loadLevels(chapter);
 
                 li.appendChild(a);

kidcode/mainapp/templates/mainapp/constructor.html

@@ -61,7 +61,6 @@ <h2 class="h2-settings">Текст задания</h2>
 
     <div class="buttons">
         <button type="submit" class="main" id = "savemanual">Сохранить</button>
-        <button type="submit" class="main" id = "saveauto" style="display: none;">Сохранить</button>
         <button type="reset" class="clear">Очистить</button>
         <button type = "button" class="reset" id = "generateButton" style="display: none;">Сгенерировать</button>
     </div>
@@ -72,7 +71,6 @@ <h2 class="h2-settings">Текст задания</h2>
         const autoButton = document.getElementById('autoButton');
         const manualButton = document.getElementById('manualButton');
         const savemanual = document.getElementById('savemanual');
-        const saveauto = document.getElementById('saveauto');
         const generateButton = document.getElementById('generateButton'); 
 
 
@@ -81,15 +79,13 @@ <h2 class="h2-settings">Текст задания</h2>
 
         autoButton.addEventListener('click', () => {
             manualForm.style.display = 'none'; // Скрываем ручную форму
-            saveauto.style.display = 'block';
-            savemanual.style.display = 'none';
+            savemanual.id = 'saveauto';
             generateButton.style.display = 'block';
         });
 
         manualButton.addEventListener('click', () => {
             manualForm.style.display = 'block'; // Показываем ручную форму
-            saveauto.style.display = 'none';
-            savemanual.style.display = 'block';
+            saveauto.id = 'savemanual';
             generateButton.style.display = 'none';
         });
     });

kidcode/templates/base.html

@@ -16,8 +16,10 @@
 
                 <div id="sidebar">
                     <h1>Выберите задание</h1>
+                    <div class = "all_chapter-container" >
                     <ul id="chapter-list"></ul>
                 </div>
+                </div>
 
                 <a href="{% url 'users:login'%}"><img src="{% static 'mainapp/images/pixel-last.png' %}" alt="logo" class = "logo"></a>
                 <p class = "logo_name">KidCode</p>