Правки2

Lab3/index.html

@@ -39,8 +39,7 @@
     <div class = "container col text-center">
         <span class = "mainSt">Новости</span>
         <div class="text-center d-flex justify-content-end">
-            <button class="btn btn-primary w-auto" type="button" onclick ="location.href='admin.html';">
-            Админ Панель</button>
+            
         </div>
     </div>
 </header>
@@ -49,6 +48,8 @@
     <div class="btn-group text-center" role="group">
         <button id="items-add" class="btn btn-info">
             Добавить новость</button>
+        <button class="btn btn-primary w-auto" type="button" onclick ="location.href='admin.html';">
+            Панель админа</button>
     </div>
 </div>
 </main>

Lab3/js/lines.js

@@ -268,6 +268,7 @@ async function UpdateNew(div1, item) {
     const div3 = document.createElement("div");
     div3.setAttribute("class", "rectNews d-flex flex-column");
     const image = document.createElement("img");
+    image.setAttribute("class", "rectNew");
     image.setAttribute("src", item.image);
     image.setAttribute("width", "100%");
     image.setAttribute("alt", item.name);
@@ -298,53 +299,6 @@ export async function UpdateNews() {
             console.info("Form on Submit231");
             event.preventDefault();
             event.stopPropagation();
-            // drawLinesTable();
-            // if (!cntrls.form.checkValidity()) {
-            //     return;
-            // }
-            // linesForm();
-            // let imageBase64 = "";
-            // // Получение выбранного пользователем изображения в виде base64 строки
-            // // Если пользователь ничего не выбрал, то не нужно сохранять в БД
-            // // дефолтное изображение
-            // if (cntrls.imagePreview.src !== imagePlaceholder) {
-            //     // Загрузка содержимого атрибута src тэга img с id image-preview
-            //     // Здесь выполняется HTTP запрос с типом GET
-            //     console.info("imagePreview.src");
-            //     console.info(cntrls.imagePreview.src);
-            //     const result = await fetch(cntrls.imagePreview.src);
-            //     // Получение из HTTP-ответа бинарного содержимого
-            //     const blob = await result.blob();
-            //     // Получение base64 строки для файла
-            //     // Здесь выполняется Promise из функции readFile
-            //     // Promise позволяет писать линейный код для работы с асинхронными методами
-            //     // без использования обработчиков (callback) с помощью await
-            //     imageBase64 = await readFile(blob);
-            // }
-            // // получение id строки для редактирования
-            // // это значение содержится в скрытом input
-            // const currentId = cntrls.lineId.value;
-            // // если значение id не задано,
-            // // то необходимо выполнить добавление записи
-            // // иначе обновление записи
-            // if (!currentId) {
-            //     await addLine(
-            //         cntrls.itemDate.value,
-            //         cntrls.itemName.value,
-            //         cntrls.itemDescription.value,
-            //         imageBase64,
-            //     );
-            // } else {
-            //     await editLine(
-            //         currentId,
-            //         cntrls.itemDate.value,
-            //         cntrls.itemName.value,
-            //         cntrls.itemDescription.value,
-            //         imageBase64,
-            //     );
-            // }
-            // // после выполнения добавления/обновления модальное окно скрывается
-            // hideUpdateModal();
         });
         UpdateNew(div1, item);
         document.body.appendChild(div1);

Lab3/page3.html

@@ -37,27 +37,26 @@
             </div>
         </nav>
     </header>
-<main class="container p-2 text-center">
-    <footer class=" headStyleNavBar footer mt-5 d-flex flex-shrink-0 justify-content-center align-items-center">
-        Адреса: ул. Северный Венец, 32; ул. Андрея Блаженного, 3
-    </footer>
-    <label class = "mainSt d-flex justify-content-center" for="direction">
-        Направление</label>
-<input class = "justify-content-md-center mb-3 w-50"
-  type="search"
-  id="direction"
-  name="direction"
-  required>
+    <main class="container p-2 text-center">
+        <label class = "mainSt d-flex justify-content-center" for="direction">
+            Направление</label>
+    <input class = "justify-content-md-center w-50"
+      type="search"
+      id="direction"
+      name="direction"
+      required>
         
-    <div class="table-direction row justify-content-center">
-        <table id = "items-table" class="table table-spired col-lg2 w-75">
-            <thead>
-                <th scope = "col" class = "w-25">Код</th>
-                <th scope = "col" id="numb" class ="w-50">Направление</th>
-                <th scope = "col" class ="w-25">Кафедра</th>
-                <th scope = "col" class = "w-75">Предметы(ЕГЭ) по выбору</th>
-            </thead>
-            <tbody>
+        <div class="tbb1 p-3 table-responsive-md mt-4 row justify-content-start">
+            <table class="table col-lg2 w-50">
+                <thead>
+                <tr>
+                    <th class = "w-25">Код</th>
+                    <th class ="w-50">Направление</th>
+                    <th class ="w-25">Кафедра</th>
+                    <th class = "w-75">Предметы(ЕГЭ) по выбору</th>
+                </tr>
+                </thead>
+                <tbody>
                 <tr>
                     <td>01.03.04</td>
                     <td>Мат. Моделирование</td>
@@ -76,18 +75,12 @@
                     <td>Измерительно-вычислительные комплексы</td>
                     <td>Информатика, физика</td>
                 </tr>
-            </tbody>
-        </table>
-    </div>
-</main>
-<script type="module">
-    import validation from "./js/validation";
-    import { linesForm } from "./js/lines";
-
-    document.addEventListener('DOMContentLoaded', () => {
-        validation();
-        linesForm();
-    });
-</script>
-</body>
-</html>
+                </tbody>
+            </table>
+        </div>
+    </main>
+    <footer class=" headStyleNavBar footer mt-5 d-flex flex-shrink-0 justify-content-center align-items-center">
+        Адреса: ул. Северный Венец, 32; ул. Андрея Блаженного, 3
+    </footer>
+    </body>
+    </html>

Lab3/style.css

@@ -107,6 +107,10 @@ header nav {
     margin-top: 9px;
     margin-bottom:25px;
 }
+.rectNew{
+    border-radius: 15px;
+    border: 2px #2582A3 solid;
+}
 .rectNewsInvisible{
     width: 5px;
     height: 50px;