diff --git a/app/views/admin/create/video/index.php b/app/views/admin/create/video/index.php index 2058a23bf85f69f9fb013846eba43f56e0b710a5..868d8e73c30a76286b5c658bb3ff7edfa7ca9cf6 100644 --- a/app/views/admin/create/video/index.php +++ b/app/views/admin/create/video/index.php @@ -36,7 +36,7 @@ $video = '/public/video/default.mp4'; <label for="order" class="text-reg text-black text-xs">Order</label> <input id="order-input" type="number" name="order" placeholder="Video order" class="font-reg text-black text-sm" autocomplete="false" required> - <p id="order-error"></p> + <p id="order-error-v"></p> </div> <div class="bottom-button-container"> diff --git a/app/views/admin/edit/video/index.php b/app/views/admin/edit/video/index.php index 20d9dad3b354b5946eda440fb98faf3b5466474b..98bf8b50e8507609072b585a3189ff744f51f9d4 100644 --- a/app/views/admin/edit/video/index.php +++ b/app/views/admin/edit/video/index.php @@ -53,7 +53,7 @@ $parse_video = explode("/", $video); <label for="order" class="text-reg text-black text-xs">Order</label> <input id="order-input" type="number" name="order" placeholder="Module order" class="font-reg text-black text-sm" autocomplete="false" value="<?= $data["video"]["video_order"] ?>"> - <p id="order-error"></p> + <p id="order-error-v"></p> </div> <div class="bottom-button-container"> diff --git a/public/css/create.css b/public/css/create.css index 372857cbb2890eb5436ca17e2c85f78b2a3a5178..a70b1d69b0fc6ef860148e85d872690efbc5da5d 100644 --- a/public/css/create.css +++ b/public/css/create.css @@ -120,6 +120,13 @@ margin-top: 374px; } +#order-error-v { + color: red; + font-size: 14px; + position: absolute; + margin-top: 394px; +} + /* Button container */ diff --git a/public/js/create-language.js b/public/js/create-language.js index 0e1cfb07370b966149bf3d58404d29a8eadda420..a9e871e9925033ea0defd3ec84fe16b1435796f1 100644 --- a/public/js/create-language.js +++ b/public/js/create-language.js @@ -1,6 +1,5 @@ const createBtn = document.querySelector("#create-btn"); const languageNameInput = document.querySelector("#language-input"); -const form = document.querySelector("#my-form"); document.getElementById('language-input').addEventListener('input', checkLanguage); diff --git a/public/js/create-video.js b/public/js/create-video.js index 5f0878b0a155822016fcda18d289a23905858249..52399aca51858a006ce443afb7f05d95d0a58175 100644 --- a/public/js/create-video.js +++ b/public/js/create-video.js @@ -25,7 +25,7 @@ function checkOrder() { if (order.length < 1) { document.getElementById("order-input").style.borderColor = "red"; - document.getElementById('order-error').innerHTML = "Order cannot be empty"; + document.getElementById('order-error-v').innerHTML = "Order cannot be empty"; } else { const xhr = new XMLHttpRequest(); @@ -36,11 +36,11 @@ function checkOrder() { let response = JSON.parse(this.responseText); if (response.status == "success") { document.getElementById("order-input").style.borderColor = "green"; - document.getElementById('order-error').innerHTML = ""; + document.getElementById('order-error-v').innerHTML = ""; } else { document.getElementById("order-input").style.borderColor = "red"; - document.getElementById('order-error').innerHTML = response.message; + document.getElementById('order-error-v').innerHTML = response.message; } } checkAll(); diff --git a/public/js/edit-video.js b/public/js/edit-video.js index 012daa47ebf33356718722e0a8aa7c203120434d..f8b3a5ec77ccea10a3bb1f7a7d6a5670b284ce68 100644 --- a/public/js/edit-video.js +++ b/public/js/edit-video.js @@ -25,7 +25,7 @@ function checkOrder() { if (order.length < 1) { document.getElementById("order-input").style.borderColor = "red"; - document.getElementById('order-error').innerHTML = "Order cannot be empty"; + document.getElementById('order-error-v').innerHTML = "Order cannot be empty"; } else { const xhr = new XMLHttpRequest(); @@ -36,11 +36,11 @@ function checkOrder() { let response = JSON.parse(this.responseText); if (response.status == "success") { document.getElementById("order-input").style.borderColor = "green"; - document.getElementById('order-error').innerHTML = ""; + document.getElementById('order-error-v').innerHTML = ""; } else { document.getElementById("order-input").style.borderColor = "red"; - document.getElementById('order-error').innerHTML = response.message; + document.getElementById('order-error-v').innerHTML = response.message; } } checkAll();