901 lines
13 KiB
JavaScript
901 lines
13 KiB
JavaScript
//data-table
|
|
|
|
//window.$ = window.jquery = require('./node_modules/jquery');
|
|
|
|
//window.dt = require('./node_modules/datatables.net')();
|
|
|
|
window.$('#register-recent').DataTable({
|
|
|
|
scrollX: true,
|
|
|
|
});
|
|
|
|
window.$('#register-recent1').DataTable({
|
|
|
|
scrollX: true,
|
|
|
|
});
|
|
|
|
window.$('#suggested-product').DataTable({
|
|
|
|
scrollX: true,
|
|
|
|
});
|
|
|
|
window.$('#suggested-product1').DataTable({
|
|
|
|
scrollX: true,
|
|
|
|
});
|
|
|
|
window.$('#currently').DataTable({
|
|
|
|
scrollX: true,
|
|
|
|
});
|
|
|
|
$("#recipes-popbtn-four").on("click", function () {
|
|
// investNowUrl = '{{route("investNow")}}';
|
|
// invest_Url = "{{route('investNow')}}";
|
|
// alert(invest_Url);
|
|
$.ajax({
|
|
url : '/invest-now',
|
|
// url : "{{route('investNow',"+$(this).data('product-id')+")}}",
|
|
// url : invest_Url,
|
|
type: 'get',
|
|
data : {
|
|
product_id : $(this).data('product-id')
|
|
},
|
|
// data : $(this).data('product-id'),
|
|
dataType : 'json',
|
|
success: function (result) {
|
|
// console.log("result",result);
|
|
|
|
// console.log("result",result.status);
|
|
// return result.status;
|
|
// alert('hello');
|
|
if(result.status == 201)
|
|
{
|
|
$('#login-pop-up').modal('show');
|
|
}
|
|
if(result.status == 403){
|
|
$('#blocked_modal_message').html(result.message);
|
|
$('#blocked_modal').modal('show');
|
|
}
|
|
if(result.status == 200) {
|
|
|
|
// console.log("Hii 2000000")
|
|
// $('#view_details').modal('hide');
|
|
// $('#recipes-pop-four').modal('show');
|
|
$('#investmodal-pop').modal('show');
|
|
}
|
|
if(result.status == 400){
|
|
toastr.warning(result.message);
|
|
}
|
|
if(result.status == 401)
|
|
{
|
|
// alert(result.message);
|
|
// alert('hello');
|
|
$('#kyc_message').html(result.message);
|
|
$('#complete_kyc_modal').modal('show');
|
|
}
|
|
}
|
|
});
|
|
});
|
|
$("#recipes-pop-four-close").on("click", function (){
|
|
// console.log("Inside Close Tag")
|
|
$('#recipes-pop-four').modal('hide');
|
|
})
|
|
|
|
//data-table
|
|
|
|
// pagination
|
|
|
|
$("#pagination-demo").twbsPagination({
|
|
|
|
totalPages: 10,
|
|
|
|
visiblePages: 5,
|
|
|
|
next: "Next",
|
|
|
|
prev: "Prev",
|
|
|
|
onPageClick: function (event, page) {
|
|
|
|
$("#page-content").text("Page " + page) + " content here";
|
|
|
|
}
|
|
|
|
});
|
|
|
|
// pagination
|
|
|
|
//progressbar
|
|
|
|
|
|
|
|
window.onload = function () {
|
|
|
|
if (
|
|
|
|
document.querySelectorAll(".progress").length > 0 &&
|
|
|
|
document.querySelectorAll(".progress [data-progress]").length > 0
|
|
|
|
) {
|
|
|
|
document
|
|
|
|
.querySelectorAll(".progress [data-progress]")
|
|
|
|
.forEach((x) => AnimateProgress(x));
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
function AnimateProgress(el) {
|
|
|
|
el.className = "animate-progress";
|
|
|
|
el.setAttribute(
|
|
|
|
"style",
|
|
|
|
`--animate-progress:${el.getAttribute("data-progress")}%;`
|
|
|
|
);
|
|
|
|
// After this the CSS make its magic
|
|
|
|
}
|
|
|
|
|
|
|
|
//progressbar
|
|
|
|
$('.client_says').slick({
|
|
|
|
dots: true,
|
|
|
|
infinite: true,
|
|
|
|
speed: 300,
|
|
|
|
slidesToShow: 3,
|
|
|
|
slidesToScroll: 3,
|
|
|
|
responsive: [
|
|
|
|
{
|
|
|
|
breakpoint: 1024,
|
|
|
|
settings: {
|
|
|
|
slidesToShow: 3,
|
|
|
|
slidesToScroll: 3,
|
|
|
|
infinite: true,
|
|
|
|
dots: true
|
|
|
|
}
|
|
|
|
},
|
|
|
|
{
|
|
|
|
breakpoint: 601,
|
|
|
|
settings: {
|
|
|
|
slidesToShow: 2,
|
|
|
|
slidesToScroll: 2
|
|
|
|
}
|
|
|
|
},
|
|
|
|
{
|
|
|
|
breakpoint: 480,
|
|
|
|
settings: {
|
|
|
|
slidesToShow: 1,
|
|
|
|
slidesToScroll: 1
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$('.more-inner').slick({
|
|
|
|
dots: true,
|
|
|
|
infinite: true,
|
|
|
|
speed: 3000,
|
|
|
|
slidesToShow: 3,
|
|
|
|
slidesToScroll: 3,
|
|
|
|
responsive: [
|
|
|
|
{
|
|
|
|
breakpoint: 1024,
|
|
|
|
settings: {
|
|
|
|
slidesToShow: 3,
|
|
|
|
slidesToScroll: 3,
|
|
|
|
infinite: true,
|
|
|
|
dots: true
|
|
|
|
}
|
|
|
|
},
|
|
|
|
{
|
|
|
|
breakpoint: 600,
|
|
|
|
settings: {
|
|
|
|
slidesToShow: 2,
|
|
|
|
slidesToScroll: 2
|
|
|
|
}
|
|
|
|
},
|
|
|
|
{
|
|
|
|
breakpoint: 480,
|
|
|
|
settings: {
|
|
|
|
slidesToShow: 1,
|
|
|
|
slidesToScroll: 1
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('#testimonial_sliders').slick({
|
|
|
|
dots: true,
|
|
// arrow: true,
|
|
infinite: true,
|
|
// speed: 1000,
|
|
// autoplay: true,
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// pie-chart
|
|
|
|
function sliceSize(dataNum, dataTotal) {
|
|
|
|
return (dataNum / dataTotal) * 360;
|
|
|
|
}
|
|
|
|
function addSlice(sliceSize, pieElement, offset, sliceID, color) {
|
|
|
|
$(pieElement).append("<div class='slice " + sliceID + "'><span></span></div>");
|
|
|
|
var offset = offset - 1;
|
|
|
|
var sizeRotation = -179 + sliceSize;
|
|
|
|
$("." + sliceID).css({
|
|
|
|
"transform": "rotate(" + offset + "deg) translate3d(0,0,0)"
|
|
|
|
});
|
|
|
|
$("." + sliceID + " span").css({
|
|
|
|
"transform": "rotate(" + sizeRotation + "deg) translate3d(0,0,0)",
|
|
|
|
"background-color": color
|
|
|
|
});
|
|
|
|
}
|
|
|
|
function iterateSlices(sliceSize, pieElement, offset, dataCount, sliceCount, color) {
|
|
|
|
var sliceID = "s" + dataCount + "-" + sliceCount;
|
|
|
|
var maxSize = 179;
|
|
|
|
if (sliceSize <= maxSize) {
|
|
|
|
addSlice(sliceSize, pieElement, offset, sliceID, color);
|
|
|
|
} else {
|
|
|
|
addSlice(maxSize, pieElement, offset, sliceID, color);
|
|
|
|
iterateSlices(sliceSize - maxSize, pieElement, offset + maxSize, dataCount, sliceCount + 1, color);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function createPie(dataElement, pieElement) {
|
|
|
|
var listData = [];
|
|
|
|
$(dataElement + " span").each(function () {
|
|
|
|
listData.push(Number($(this).html()));
|
|
|
|
});
|
|
|
|
var listTotal = 0;
|
|
|
|
for (var i = 0; i < listData.length; i++) {
|
|
|
|
listTotal += listData[i];
|
|
|
|
}
|
|
|
|
var offset = 0;
|
|
|
|
var color = [
|
|
|
|
"#a25656",
|
|
|
|
"#ccc7c6",
|
|
|
|
"#008000",
|
|
|
|
"#000000",
|
|
|
|
"#4130b0",
|
|
|
|
"#ffff00",
|
|
|
|
"#225555"
|
|
|
|
];
|
|
|
|
for (var i = 0; i < listData.length; i++) {
|
|
|
|
var size = sliceSize(listData[i], listTotal);
|
|
|
|
iterateSlices(size, pieElement, offset, i, 0, color[i]);
|
|
|
|
$(dataElement + " li:nth-child(" + (i + 1) + ")").css("border-color", color[i]);
|
|
|
|
offset += size;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
createPie(".pieID.legend", ".pieID.pie");
|
|
|
|
|
|
|
|
|
|
|
|
// aos-anim
|
|
|
|
AOS.init();
|
|
|
|
// aos-anim
|
|
|
|
//otp
|
|
|
|
const inputs = document.querySelectorAll("otp-field2 input");
|
|
|
|
|
|
|
|
inputs.forEach((input, index) => {
|
|
|
|
input.dataset.index = index;
|
|
|
|
input.addEventListener("keyup", handleOtp);
|
|
|
|
input.addEventListener("paste", handleOnPasteOtp);
|
|
|
|
});
|
|
|
|
|
|
|
|
function handleOtp(e) {
|
|
|
|
const input = e.target;
|
|
|
|
let value = input.value;
|
|
|
|
let isValidInput = value.match(/[0-9a-z]/gi);
|
|
|
|
input.value = "";
|
|
|
|
input.value = isValidInput ? value[0] : "";
|
|
|
|
|
|
|
|
let fieldIndex = input.dataset.index;
|
|
|
|
if (fieldIndex < inputs.length - 1 && isValidInput) {
|
|
|
|
input.nextElementSibling.focus();
|
|
|
|
}
|
|
|
|
|
|
|
|
if (e.key === "Backspace" && fieldIndex > 0) {
|
|
|
|
input.previousElementSibling.focus();
|
|
|
|
}
|
|
|
|
|
|
|
|
if (fieldIndex == inputs.length - 1 && isValidInput) {
|
|
|
|
submit();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function handleOnPasteOtp(e) {
|
|
|
|
const data = e.clipboardData.getData("text");
|
|
|
|
const value = data.split("");
|
|
|
|
if (value.length === inputs.length) {
|
|
|
|
inputs.forEach((input, index) => (input.value = value[index]));
|
|
|
|
submit();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function submit() {
|
|
|
|
console.log("Submitting...");
|
|
|
|
// 👇 Entered OTP
|
|
|
|
let otp = "";
|
|
|
|
inputs.forEach((input) => {
|
|
|
|
otp += input.value;
|
|
|
|
input.disabled = true;
|
|
|
|
input.classList.add("disabled");
|
|
|
|
});
|
|
|
|
console.log(otp);
|
|
|
|
// 👉 Call API below
|
|
|
|
}
|
|
|
|
|
|
|
|
//otp
|
|
|
|
|
|
|
|
//lets start
|
|
|
|
const pages = document.querySelectorAll(".page");
|
|
|
|
const translateAmount = 100;
|
|
|
|
let translate = 0;
|
|
|
|
|
|
|
|
slide = (direction) => {
|
|
|
|
direction === "next"
|
|
|
|
? (translate -= translateAmount)
|
|
|
|
: (translate += translateAmount);
|
|
|
|
|
|
|
|
pages.forEach(
|
|
|
|
(pages) => (pages.style.transform = `translateX(${translate}%)`)
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
//lets start
|
|
|
|
//accordion
|
|
|
|
// var acc = document.getElementsByClassName("accordion");
|
|
|
|
// var i;
|
|
|
|
|
|
|
|
// for (i = 0; i < acc.length; i++) {
|
|
|
|
// acc[i].onclick = function() {
|
|
|
|
// this.classList.toggle("active");
|
|
|
|
// this.nextElementSibling.classList.toggle("show");
|
|
|
|
// };
|
|
|
|
// }
|
|
|
|
//accordion
|
|
|
|
// update password
|
|
|
|
const togglePassword = document.querySelector('#togglePassword');
|
|
|
|
const password = document.querySelector('#c-pwd');
|
|
|
|
|
|
|
|
togglePassword.addEventListener('click', function (e) {
|
|
|
|
console.log("clicked");
|
|
|
|
// toggle the type attribute
|
|
|
|
const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
|
|
|
|
password.setAttribute('type', type);
|
|
|
|
// toggle the eye slash icon
|
|
|
|
this.classList.toggle('far fa-eye');
|
|
|
|
});
|
|
|
|
// update password
|
|
|
|
//upload image
|
|
|
|
function ekUpload() {
|
|
|
|
function Init() {
|
|
|
|
console.log("Upload Initialised");
|
|
|
|
|
|
|
|
var fileSelect = document.getElementById("file-upload"),
|
|
|
|
fileDrag = document.getElementById("file-drag"),
|
|
|
|
submitButton = document.getElementById("submit-button");
|
|
|
|
|
|
|
|
fileSelect.addEventListener("change", fileSelectHandler, false);
|
|
|
|
|
|
|
|
// Is XHR2 available?
|
|
|
|
var xhr = new XMLHttpRequest();
|
|
|
|
if (xhr.upload) {
|
|
|
|
// File Drop
|
|
|
|
fileDrag.addEventListener("dragover", fileDragHover, false);
|
|
|
|
fileDrag.addEventListener("dragleave", fileDragHover, false);
|
|
|
|
fileDrag.addEventListener("drop", fileSelectHandler, false);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function fileDragHover(e) {
|
|
|
|
var fileDrag = document.getElementById("file-drag");
|
|
|
|
|
|
|
|
e.stopPropagation();
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
|
|
fileDrag.className =
|
|
|
|
e.type === "dragover" ? "hover" : "modal-body file-upload";
|
|
|
|
}
|
|
|
|
|
|
|
|
function fileSelectHandler(e) {
|
|
|
|
// Fetch FileList object
|
|
|
|
var files = e.target.files || e.dataTransfer.files;
|
|
|
|
|
|
|
|
// Cancel event and hover styling
|
|
|
|
fileDragHover(e);
|
|
|
|
|
|
|
|
// Process all File objects
|
|
|
|
for (var i = 0, f; (f = files[i]); i++) {
|
|
|
|
parseFile(f);
|
|
|
|
uploadFile(f);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Output
|
|
|
|
function output(msg) {
|
|
|
|
// Response
|
|
|
|
var m = document.getElementById("messages");
|
|
|
|
m.innerHTML = msg;
|
|
|
|
}
|
|
|
|
|
|
|
|
function parseFile(file) {
|
|
|
|
console.log(file.name);
|
|
|
|
output("<strong>" + encodeURI(file.name) + "</strong>");
|
|
|
|
|
|
|
|
// var fileType = file.type;
|
|
|
|
// console.log(fileType);
|
|
|
|
var imageName = file.name;
|
|
|
|
|
|
|
|
var isGood = /\.(?=gif|jpg|png|jpeg)/gi.test(imageName);
|
|
|
|
if (isGood) {
|
|
|
|
document.getElementById("start").classList.add("hidden");
|
|
|
|
document.getElementById("response").classList.remove("hidden");
|
|
|
|
document.getElementById("notimage").classList.add("hidden");
|
|
|
|
// Thumbnail Preview
|
|
|
|
document.getElementById("file-image").classList.remove("hidden");
|
|
|
|
document.getElementById("file-image").src = URL.createObjectURL(file);
|
|
|
|
} else {
|
|
|
|
document.getElementById("file-image").classList.add("hidden");
|
|
|
|
document.getElementById("notimage").classList.remove("hidden");
|
|
|
|
document.getElementById("start").classList.remove("hidden");
|
|
|
|
document.getElementById("response").classList.add("hidden");
|
|
|
|
document.getElementById("file-upload-form").reset();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function setProgressMaxValue(e) {
|
|
|
|
var pBar = document.getElementById("file-progress");
|
|
|
|
|
|
|
|
if (e.lengthComputable) {
|
|
|
|
pBar.max = e.total;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function updateFileProgress(e) {
|
|
|
|
var pBar = document.getElementById("file-progress");
|
|
|
|
|
|
|
|
if (e.lengthComputable) {
|
|
|
|
pBar.value = e.loaded;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function uploadFile(file) {
|
|
|
|
var xhr = new XMLHttpRequest(),
|
|
|
|
fileInput = document.getElementById("class-roster-file"),
|
|
|
|
pBar = document.getElementById("file-progress"),
|
|
|
|
fileSizeLimit = 1024; // In MB
|
|
|
|
if (xhr.upload) {
|
|
|
|
// Check if file is less than x MB
|
|
|
|
if (file.size <= fileSizeLimit * 1024 * 1024) {
|
|
|
|
// Progress bar
|
|
|
|
pBar.style.display = "inline";
|
|
|
|
xhr.upload.addEventListener("loadstart", setProgressMaxValue, false);
|
|
|
|
xhr.upload.addEventListener("progress", updateFileProgress, false);
|
|
|
|
|
|
|
|
// File received / failed
|
|
|
|
xhr.onreadystatechange = function (e) {
|
|
|
|
if (xhr.readyState == 4) {
|
|
|
|
// Everything is good!
|
|
|
|
// progress.className = (xhr.status == 200 ? "success" : "failure");
|
|
|
|
// document.location.reload(true);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
// Start upload
|
|
|
|
xhr.open(
|
|
|
|
"POST",
|
|
|
|
document.getElementById("file-upload-form").action,
|
|
|
|
true
|
|
|
|
);
|
|
|
|
xhr.setRequestHeader("X-File-Name", file.name);
|
|
|
|
xhr.setRequestHeader("X-File-Size", file.size);
|
|
|
|
xhr.setRequestHeader("Content-Type", "multipart/form-data");
|
|
|
|
xhr.send(file);
|
|
|
|
} else {
|
|
|
|
output("Please upload a smaller file (< " + fileSizeLimit + " MB).");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Check for the various File API support.
|
|
|
|
if (window.File && window.FileList && window.FileReader) {
|
|
|
|
Init();
|
|
|
|
} else {
|
|
|
|
document.getElementById("file-drag").style.display = "none";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
ekUpload();
|
|
|
|
|
|
|
|
//upload image
|
|
|