|
|
@@ -4,7 +4,7 @@ let userBasics = JSON.parse(localStorage.getItem('user_profile')) || [];
|
|
|
|
|
|
|
|
|
//userBasics = JSON.parse(userBasics);
|
|
|
-if(userBasics !== [] || typeOf(userBasics) !== 'string'){
|
|
|
+if(userBasics.length > 0 || typeof(userBasics) !== 'string'){
|
|
|
$('.userName').html(`<h2 class="user-name text-white mt-lg-3 mt-xl-1 fw-bold">Hi ${userBasics.user_info.userName}</h2>`);
|
|
|
}
|
|
|
|
|
|
@@ -167,24 +167,12 @@ $(".next").click(function () {
|
|
|
xhr.onreadystatechange = function () {
|
|
|
if (xhr.readyState === 4) {
|
|
|
responseOBJ = JSON.parse(xhr.responseText);
|
|
|
- if (responseOBJ.msg=='ok')
|
|
|
- {
|
|
|
+ console.log(responseOBJ);
|
|
|
Swal.fire({
|
|
|
- title: "Data Submitted Successfully!",
|
|
|
- icon: 'success',
|
|
|
- text: 'We are working on your video! It might take minutes to get your video.',
|
|
|
+ icon: 'info',
|
|
|
+ text: responseOBJ.msg.eng,
|
|
|
confirmButtonColor: '#3085d6',
|
|
|
- });
|
|
|
- }
|
|
|
- else{
|
|
|
- Swal.fire({
|
|
|
- title: "Oops! Some error occurred!",
|
|
|
- icon: 'error',
|
|
|
- text: responseOBJ.msg,
|
|
|
- confirmButtonColor: '#3085d6',
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
+ });
|
|
|
}
|
|
|
};
|
|
|
var data = renderXHR_data(dataOBJ)
|
|
|
@@ -348,31 +336,40 @@ function load_data() {
|
|
|
|
|
|
}
|
|
|
|
|
|
-var subtitleInputs = document.querySelector(".subtitle-inputs");
|
|
|
-var sublineInputs = document.querySelector(".subline-inputs");
|
|
|
-var imgInputs = document.querySelector(".img-inputs");
|
|
|
+// var subtitleInputs = document.querySelector(".subtitle-inputs");
|
|
|
+// var sublineInputs = document.querySelector(".subline-inputs");
|
|
|
+// var imgInputs = document.querySelector(".img-inputs");
|
|
|
+
|
|
|
let length = 5;
|
|
|
function initial() {
|
|
|
for (let i = 0; i < length; i++) {
|
|
|
- rendertxtBlock(i + 1);
|
|
|
- renderimgBlock(i + 1);
|
|
|
- renderSublineBlock(i +1);
|
|
|
+ // rendertxtBlock(i + 1);
|
|
|
+ // renderimgBlock(i + 1);
|
|
|
+ // renderSublineBlock(i +1);
|
|
|
+ renderInputSec(i+1);
|
|
|
}
|
|
|
console.log(document.querySelectorAll(".txtsrc").length + 1);
|
|
|
}
|
|
|
|
|
|
initial();
|
|
|
|
|
|
-var addbtn = document.querySelector(".add");
|
|
|
+/* var addbtn = document.querySelector(".add");
|
|
|
var addimgbtn = document.querySelector(".addimg");
|
|
|
var addSubline = document.querySelector('.add-subline');
|
|
|
|
|
|
addbtn.addEventListener('click', addtxtBlock);
|
|
|
addimgbtn.addEventListener('click', addimgBlock);
|
|
|
-addSubline.addEventListener('click', addsubBlock);
|
|
|
+addSubline.addEventListener('click', addsubBlock); */
|
|
|
+
|
|
|
+var addsecbtn = document.querySelector(".addsec");
|
|
|
+addsecbtn.addEventListener('click', addsecBlock);
|
|
|
|
|
|
+function addsecBlock() {
|
|
|
+ let newsecIdx = document.querySelectorAll(".input-sec").length + 1;
|
|
|
+ renderInputSec(newsecIdx);
|
|
|
+}
|
|
|
|
|
|
-function addtxtBlock() {
|
|
|
+/* function addtxtBlock() {
|
|
|
let newIdx = document.querySelectorAll(".txtsrc").length + 1;
|
|
|
rendertxtBlock(newIdx);
|
|
|
}
|
|
|
@@ -385,7 +382,7 @@ function addsubBlock() {
|
|
|
function addimgBlock() {
|
|
|
let newimgIdx = document.querySelectorAll(".imgsrc").length + 1;
|
|
|
renderimgBlock(newimgIdx);
|
|
|
-}
|
|
|
+} */
|
|
|
|
|
|
function rendertxtBlock(i) {
|
|
|
var txtinput = document.createElement("input");
|
|
|
@@ -428,3 +425,63 @@ function renderimgBlock(i) {
|
|
|
imgInputs.appendChild(imguploadlabel);
|
|
|
$('input[type=file]').on('change', prepareUpload);
|
|
|
}
|
|
|
+
|
|
|
+function renderInputSec(i) {
|
|
|
+ var input_sec = document.createElement('div');
|
|
|
+ var img_box = document.createElement('div');
|
|
|
+
|
|
|
+ input_sec.classList.add('input-sec', `input-sec${i}`, 'p-3', 'mb-3', 'text-end');
|
|
|
+ img_box.classList.add('img-box');
|
|
|
+
|
|
|
+ // subtitle input
|
|
|
+ var subtitleinput = document.createElement("input");
|
|
|
+ subtitleinput.setAttribute('type', 'text');
|
|
|
+ subtitleinput.setAttribute('name', `s${i}`);
|
|
|
+ subtitleinput.classList.add('subsrc', `subsrc${i}`);
|
|
|
+ subtitleinput.value = "";
|
|
|
+ subtitleinput.setAttribute('placeholder', `Subtitle`);
|
|
|
+ input_sec.appendChild(subtitleinput);
|
|
|
+
|
|
|
+ // text input
|
|
|
+ var txtinput = document.createElement("input");
|
|
|
+ txtinput.setAttribute('type', 'text');
|
|
|
+ txtinput.setAttribute('name', `t${i}`);
|
|
|
+ txtinput.classList.add('txtsrc', `txtsrc${i}`);
|
|
|
+ txtinput.value = "";
|
|
|
+ txtinput.setAttribute('placeholder', `Line`);
|
|
|
+ input_sec.appendChild(txtinput);
|
|
|
+
|
|
|
+ // img url input
|
|
|
+ var imginput = document.createElement("input");
|
|
|
+ imginput.setAttribute('type', 'text');
|
|
|
+ imginput.setAttribute('name', `m${i}`);
|
|
|
+ imginput.classList.add('imgsrc', `imgsrc${i}`);
|
|
|
+ imginput.value = "";
|
|
|
+ imginput.setAttribute('placeholder', 'https://example.com/4VKBo9w.png');
|
|
|
+ img_box.appendChild(imginput);
|
|
|
+
|
|
|
+ // img upload input
|
|
|
+ var imgupload = document.createElement("input");
|
|
|
+ imgupload.setAttribute('id', `img${i}`);
|
|
|
+ imgupload.setAttribute('type', `file`);
|
|
|
+ imgupload.classList.add('img_uploader', 'img_up');
|
|
|
+ imgupload.style.display = "none";
|
|
|
+ img_box.appendChild(imgupload);
|
|
|
+
|
|
|
+ // img upload label
|
|
|
+ var imguploadlabel = document.createElement("label");
|
|
|
+ imguploadlabel.setAttribute('for', `img${i}`);
|
|
|
+ imguploadlabel.classList.add('upload-btn');
|
|
|
+ // imguploadlabel.textContent = 'Upload';
|
|
|
+ imguploadlabel.setAttribute('set-lan', `html:upload_file`);
|
|
|
+ img_box.appendChild(imguploadlabel);
|
|
|
+ imgupload.addEventListener('change', prepareUpload);
|
|
|
+
|
|
|
+ // preview image
|
|
|
+ // var imgPreBox = document.createElement("div");
|
|
|
+ // imgPreBox.classList.add('upload-cta');
|
|
|
+ // img_box.appendChild(imgPreBox);
|
|
|
+
|
|
|
+ input_sec.appendChild(img_box);
|
|
|
+ document.querySelector('.img-inputTest').append(input_sec);
|
|
|
+}
|
huai-sian