From b469627d968461d2e786910f3585911be103ecef Mon Sep 17 00:00:00 2001
From: bewe <93899302+bernarduswillson@users.noreply.github.com>
Date: Mon, 9 Oct 2023 13:25:31 +0700
Subject: [PATCH] style: video
---
app/views/admin/create/video/index.php | 2 +-
app/views/admin/edit/video/index.php | 2 +-
public/css/create.css | 7 +++++++
public/js/create-language.js | 1 -
public/js/create-video.js | 6 +++---
public/js/edit-video.js | 6 +++---
6 files changed, 15 insertions(+), 9 deletions(-)
diff --git a/app/views/admin/create/video/index.php b/app/views/admin/create/video/index.php
index 2058a23..868d8e7 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 20d9dad..98bf8b5 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 372857c..a70b1d6 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 0e1cfb0..a9e871e 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 5f0878b..52399ac 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 012daa4..f8b3a5e 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();
--
GitLab