Changes in my account and order details..

Este commit está contenido en:
2023-04-27 11:20:16 +05:30
padre 6e1b99ea3a
commit 8938f48ee4
Se han modificado 11 ficheros con 1084 adiciones y 323 borrados
+14 -4
Ver fichero
@@ -1,5 +1,5 @@
//let SERVERNAME = 'https://anwi.bizgaze.app';
let SERVERNAME = 'https://beta.bizgaze.app';
let SERVERNAME = 'http://beta.bizgaze.com';
const STAT = 'b276960fddf84e8cb63de6e32d31529b';
@@ -23,6 +23,16 @@ async function getStatAPIService(url,data={}){
return response;
}
async function getStatAPIService(url,data={}){
const config = {
url,
method: "get",
};
let response = await axios(config);
return response;
}
async function postStatAPIService(url,data={}){
let config = {
url,
@@ -45,7 +55,7 @@ async function postAPIService(url,data={}){
method:'post',
data:data,
headers: {
'Authorization': `Basic fffe5440-5be6-4c07-876f-113c13de7382`,
'Authorization': `Basic b67607dd-283e-478e-b2cf-35736e8bad69`,
'Content-Type': 'application/json'
},
}
@@ -61,7 +71,7 @@ async function postAPIServiceLocal(url,data={}){
method:'post',
data:JSON.stringify(data ),
headers: {
'Authorization': `Basic fffe5440-5be6-4c07-876f-113c13de7382`,
'Authorization': `Basic b67607dd-283e-478e-b2cf-35736e8bad69`,
'Content-Type': 'application/json'
},
}
@@ -75,7 +85,7 @@ async function getAPIServiceLocal(url){
method:'get',
headers: {
'Authorization': `Basic fffe5440-5be6-4c07-876f-113c13de7382`,
'Authorization': `Basic b67607dd-283e-478e-b2cf-35736e8bad69`,
'Content-Type': 'application/json'
},
}
+303
Ver fichero
@@ -0,0 +1,303 @@
async function addressDetails() {
debugger;
getbillinginfoBind();
let addr_phone=$('#phonenumber');
let addr_addrline =$('#addressdes');
let addr_zip =$('#zipcode');
function getbillinginfoBind() {
return new Promise(async (resolve, reject) => {
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
console.log(cookieRes);
const { errorMsg, isError, response } =
await API_SERVICES_ACTIONS.getAPIService(
`apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
);
let res = JSON.parse(response.result);
debugger;
console.log(res);
res = res[res.length - 1];
debugger
$('#Profile_User_name').val(res.organizationname)
$('#Profile_Phone_num').val(res.phonenumber)
let Profileusername =$('#Profile_User_name').val()
let Profileuserphone=$('#Profile_Phone_num').val()
$('.overview_user_name').html(Profileusername);
$('.overview_user_phone').html(Profileuserphone);
if (res.cityid == "0") {
$(".profile_Address").html(
`<div class=User_address><button class="btn btn-outline-primary create_address" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg> ADD NEW ADDRESS</button></div>`
);
$(".address_edit").hide();
$(".create_address").on("click", function () {
debugger
$(this).hide();
$('.saveaddress').hide()
$(".addresslist").show();
$(".Createaddress").show();
getCountryStateCurrency();
});
$('.Createaddress').on('click',async function(){
if(addr_phone.val() == "" || addr_zip.val() == "" || addr_addrline.val() == ""){
// toastr.error('Required Feilds are Empty!');
if(addr_phone.val() == '' || addr_phone.val().length <10){
addr_phone.addClass("is-invalid");
}
else{
addr_phone.removeClass("is-invalid");
}
if(addr_zip.val() == '' || addr_zip.val().length < 6){
addr_zip.addClass("is-invalid");
}
else{
addr_zip.removeClass("is-invalid");
}
if(addr_addrline.val() == ''){
addr_addrline.addClass("is-invalid");
} else{
addr_addrline.removeClass("is-invalid");
}
}
else{
$(".addresslist").hide();
$(".profile_Address").show();
$(".address_edit").show();
$(".address_edit_cancel").hide();
await createBillingForm()
await getbillinginfoBind();
}
})
} else {
$(".profile_Address").html(
`<div class=User_address><address><p><strong class="text-capitalize">${res.organizationname}</strong><p>${res.addressline},${res.cityname}<br>${res.statename},${res.zipcode}<p>Mobile: ${res.phonenumber}</address></div>`
);
}
resolve();
});
} debugger
$(".address_edit").on("click", function () {
$(this).hide();
$(".profile_Address").hide();
$(".addresslist").show();
$(".address_edit_cancel").show();
getCountryStateCurrency();
});
$(".address_edit_cancel").on("click", function () {
$(this).hide();
$(".addresslist").hide();
$(".profile_Address").show();
$(".address_edit").show();
});
$(".saveaddress")
.off("click")
.click(async function () {
debugger
if(addr_phone.val() == "" || addr_zip.val() == "" || addr_addrline.val() == ""){
// toastr.error('Required Feilds are Empty!');
if(addr_phone.val() == '' || addr_phone.val().length <10){
addr_phone.addClass("is-invalid");
}
else{
addr_phone.removeClass("is-invalid");
}
if(addr_zip.val() == '' || addr_zip.val().length < 6){
addr_zip.addClass("is-invalid");
}
else{
addr_zip.removeClass("is-invalid");
}
if(addr_addrline.val() == ''){
addr_addrline.addClass("is-invalid");
} else{
addr_addrline.removeClass("is-invalid");
}
}
else{
$(".addresslist").hide();
$(".profile_Address").show();
$(".address_edit").show();
$(".address_edit_cancel").hide();
$('.spinner-border').removeClass('d-none')
$('.saveaddress').find('span').addClass('d-none')
await AddresssaveForm();
$('.spinner-border').addClass('d-none')
$('.saveaddress').find('span').removeClass('d-none')
await getbillinginfoBind();
}
});
async function getCountryStateCurrency() {
const countryRes = await API_SERVICES_ACTIONS.getAPIService(
"apis/v4/bizgaze/integrations/products/getcountry"
);
if (countryRes.isError) {
alert("something went wrong");
console.log(countryRes);
return;
}
let countryData = JSON.parse(countryRes.response.result);
console.log(countryData, "country");
for (let i = 0; i < countryData.length; i++) {
if (countryData[i].countryname.toLowerCase() === "india") {
countryID = countryData[i].countryid;
countrynameData = countryData[i].countryname;
break;
}
}
const stateRes = await API_SERVICES_ACTIONS.getAPIService(
`apis/v4/bizgaze/integrations/products/getcities/countryid/${countryID}`
);
if (stateRes.isError) {
alert("something went wrong");
console.log(stateRes, "state");
return;
}
let stateData = JSON.parse(stateRes.response.result);
console.log(stateData, "state");
$("#state").html("");
console.log("start");
let html = "";
statesList = stateData;
for (let i = 0; i < stateData.length; i++) {
html += `<option value="${stateData[i].cityid}" data-id="${stateData[i].cityid}">${stateData[i].cityname}</option>`;
}
$("#state").append(html);
$("#state").select2({
placeholder: "Select a City",
allowClear: true,
});
const currencyRes = await API_SERVICES_ACTIONS.getAPIService(
"apis/v4/bizgaze/integrations/products/getcurrencies"
);
if (currencyRes.isError) {
alert("something went wrong");
console.log(currencyRes);
return;
}
let currencyData = JSON.parse(currencyRes.response.result);
console.log(currencyData, "currencyDatacurrencyDatacurrencyData");
for (let i = 0; i < currencyData.length; i++) {
const curr = currencyData[i];
if (curr.currencyname.toLowerCase().includes("india")) {
currencyid = curr.currencyid;
}
}
}
async function getCountryId() {
const countryRes = await API_SERVICES_ACTIONS.getAPIService(
"apis/v4/bizgaze/integrations/products/getcountry"
);
if (countryRes.isError) {
alert("something went wrong");
console.log(countryRes);
return;
}
let ctyId = 0;
let countryData = JSON.parse(countryRes.response.result);
console.log(countryData);
for (let i = 0; i < countryData.length; i++) {
if (countryData[i].countryname.toLowerCase() === "india") {
countryId = countryData[i].countryid;
ctyId = countryId;
countrynameData = countryData[i].countryname;
break;
}
}
return ctyId;
}
function createBillingForm() {
debugger;
return new Promise(async (resolve, reject) => {
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
let { userId, name } = cookieRes;
const ctyId = await getCountryId();
let stateId = parseInt($("#state").val());
let payload = {
cityid: stateId,
CityName: $(`[data-id="${stateId}"`).html(),
addressline1: $("#addressdes").val(),
OrganizationType: 2,
organizationname: name,
//"OrganizationId":,
ContactName: name,
ContactId: userId,
countryname: "india",
countryid: ctyId,
statename: $(`[data-id="${stateId}"`).html(),
phonenumber: $("#phonenumber").val(),
OrganizationId: userId,
currencyid: 2,
taxno: "0",
BillingInfoExists: false,
lobid: 0,
lobname: "IT Products",
gstindetailid: 0,
zipcode: $("#zipcode").val(),
};
const res = await API_SERVICES_ACTIONS.postAPIService(
"apis/v4/bizgaze/crm/address/savebillinginfo",
payload
);
// http://localhost:3088/apis/v4/bizgaze/crm/address/savebillinginfo
console.log(res);
resolve();
});
}
async function AddresssaveForm() {
debugger;
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
let { userId, name } = cookieRes;
const { errorMsg, isError, response } =
await API_SERVICES_ACTIONS.getAPIService(
`apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
);
let resAnwi = JSON.parse(response.result);
console.log(resAnwi, "befores");
resAnwi = resAnwi[resAnwi.length - 1];
let stateId = parseInt($("#state").val());
let payload = {
...resAnwi,
phonenumber: $("#phonenumber").val(),
addressline1: $("#addressdes").val(),
zipcode: $("#zipcode").val(),
cityid: stateId,
CityName: $(`[data-id="${stateId}"`).html(),
};
console.log(payload, "addresssaave");
//
const res = await API_SERVICES_ACTIONS.postAPIService(
"apis/v4/bizgaze/crm/address/savebillinginfo",
payload
);
return new Promise((reslove, reject) => {
reslove(res);
});
}
}
+2
Ver fichero
@@ -1,7 +1,9 @@
function initmyaccount(){
$('.my_account_page').removeClass('d-none')
myProfile();
bindOrderDetails();
wattantyFunction();
addressDetails()
}
checkValidAuth(initmyaccount,'./login.html')
+158
Ver fichero
@@ -0,0 +1,158 @@
function myProfile() {
debugger
getbillinginfoBind()
async function getbillinginfoBind(){
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
console.log(cookieRes);
const { errorMsg, isError, response } = await API_SERVICES_ACTIONS.getAPIService(
`apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
);
let res = JSON.parse(response.result);
debugger;
console.log(res);
res = res[res.length - 1];
$('#Profile_User_name').val(res.organizationname)
$('#Profile_Phone_num').val(res.phonenumber)
let Profileusername =$('#Profile_User_name').val()
let Profileuserphone=$('#Profile_Phone_num').val()
$('.overview_user_name').html(Profileusername);
$('.overview_user_phone').html(Profileuserphone);
$(".profile_Address").html(`<div class=User_address><address><p><strong>${res.organizationname}</strong><p>${res.addressline},${res.cityname}<br>${res.statename},${res.zipcode}<p>Mobile: ${res.phonenumber}</address></div>`
);
}
let countryId = null;
$(".profile_edit").on("click", function () {
$(this).hide();
// $('.profile_save_btn,.profile_edit_cancel').removeClass('d-none')
$(".profile_save_btn,.profile_edit_cancel,.profile_info_label").show();
$(".profile_info").removeAttr("disabled").removeClass("cursor-notvalid");
});
$(".profile_edit_cancel").on("click", function () {
$(this).hide();
$(".profile_save_btn,.profile_info_label").hide();
$('#Profile_User_name').val('');
$('#Profile_Phone_num').val('');
getbillinginfoBind();
$(".profile_edit").show();
$(".profile_info").attr("disabled", "disabled").addClass("cursor-notvalid");
});
$(".pass_edit").on("click", function () {
$(this).hide();
$(".update_profile_pass,.pass_edit_cancel").show();
$(".profile_info_pass")
.removeAttr("disabled")
.removeClass("cursor-notvalid");
});
$(".pass_edit_cancel").on("click", function () {
$('#Profile_User_current_pass').val('');
$('#Profile_User_confirm_pass').val('');
$('#Profile_User_new_pass').val('');
$('#Profile_User_current_pass,#Profile_User_new_pass,#Profile_User_confirm_pass').removeClass('is-invalid')
// $('#Profile_User_new_pass').val().removeClass('is-invalid')
// $('#Profile_User_confirm_pass').val().removeClass('is-invalid')
$(this).hide();
$(".update_profile_pass").hide();
$(".pass_edit").show();
$(".profile_info_pass")
.attr("disabled", "disabled")
.addClass("cursor-notvalid");
});
$(".update_profile_pass").on("click", async function () {
let userEmail = window.localStorage.getItem("Useremail");
console.log(userEmail);
let port = "http://beta.bizgaze.com";
// let port = "http://localhost:3088";
let url = `${port}/account/getuserbyphoneormail/${userEmail}/${userEmail}`;
const config = {
url,
method: "get",
};
debugger;
let response = await axios(config);
let usernameId = response.data.result.userName;
let UserNewpassword = $("#Profile_User_new_pass");
let usercurrentPass = $("#Profile_User_current_pass");
let userConfirmpass = $("#Profile_User_confirm_pass");
if (usercurrentPass.val() != "") {
$(usercurrentPass).removeClass("is-invalid");
if (UserNewpassword.val() && userConfirmpass.val() != "") {
if (UserNewpassword.val() == userConfirmpass.val()) {
console.log(usernameId);
const UpdatePassPayload = {
username: usernameId,
password: UserNewpassword.val(),
oldpassword: usercurrentPass.val(),
};
const update_passres = await postAPIService(
`hyperfusion/HypersfusionUpdatePassword`,
UpdatePassPayload
);
console.log(update_passres);
if (update_passres.data.errors != null) {
$(".profilepass_feedbackres")
.html(`<div class="alert alert-danger error_msg " role="alert" style="font-size: 12px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg>
<span class="error_msg_res">${update_passres.data.message}</a></span>
</div>`);
$(userConfirmpass).addClass("is-invalid");
$(UserNewpassword).removeClass("is-invalid");
$(userConfirmpass).removeClass("is-invalid");
} else {
$(".profilepass_feedbackres")
.html(`<div class="alert alert-success success_msg" role="alert" style="font-size: 12px;"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16">
<path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/>
</svg>
<span class="success_msg_res">${update_passres.data.message}</a></span>
</div>`);
usercurrentPass.val("");
UserNewpassword.val("");
userConfirmpass.val("");
}
} else {
$(UserNewpassword).addClass("is-invalid");
$(userConfirmpass).addClass("is-invalid");
return;
}
} else {
$(UserNewpassword).addClass("is-invalid");
$(userConfirmpass).addClass("is-invalid");
return;
}
} else {
$(usercurrentPass).addClass("is-invalid");
return;
}
});
$('.profile_save_btn').on('click',async function(){
await ProfilesaveForm();
$('.profile_edit_cancel').trigger('click')
})
async function ProfilesaveForm() {
debugger
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
let { userId, name } = cookieRes;
const { errorMsg, isError, response } =
await API_SERVICES_ACTIONS.getAPIService(
`apis/v4/bizgaze/integrations/products/getbillinginfo/contactid/${cookieRes.userId}`
);
let resAnwi = JSON.parse(response.result);
console.log(resAnwi, "previous profilesave");
resAnwi = resAnwi[resAnwi.length - 1];
let payload = {
...resAnwi,
organizationname: $("#Profile_User_name").val(),
phonenumber: $("#Profile_Phone_num").val(),
};
console.log(payload, "profilesave");
//
const res = await API_SERVICES_ACTIONS.postAPIService(
"apis/v4/bizgaze/crm/address/savebillinginfo",
payload
);
return new Promise((reslove, reject) => {
reslove(res);
getbillinginfoBind();
});
}
}
+11 -2
Ver fichero
@@ -1,9 +1,14 @@
async function bindOrderDetails() {
let user_number =$('.User_phoneum').text();
// validatesession()
let port = SERVERNAME;
debugger
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
let { userId} = cookieRes;
// let userId = '106631380000095';
let port = "https://anwi.bizgaze.app";
// let port = "http://localhost:3088";
let url = `${port}/apis/v4/bizgaze/integrations/products/salesorderdetailsbyphonenumber/phonenumber/${user_number}`;
let url = `${port}/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`;
// https://anwi.bizgaze.app/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/{organizationid}
const config = {
url,
method: "get",
@@ -14,6 +19,10 @@ let port = SERVERNAME;
};
debugger
let res = await axios(config);
if(res.data.result == '[]'){
$(".user_order_details").append(`<div><h6 class="text-center">No orders Found</h6></div>`);
return;
}
const orderDetailsres = JSON.parse(res.data.result);
console.log(orderDetailsres);
let new_arrr = orderDetailsres;
+7 -3
Ver fichero
@@ -1,9 +1,13 @@
async function order_summary(){
let current_orderSerialDate =window.localStorage.getItem('orderSerialno');
let user_number =window.localStorage.getItem('Userphonenumber');
let port = SERVERNAME;
// let user_number =window.localStorage.getItem('Userphonenumber');
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
let { userId} = cookieRes;
// let userId = '106631380000095';
let port = "https://anwi.bizgaze.app";
// let port = "http://localhost:3088";
let url = `${port}/apis/v4/bizgaze/integrations/products/salesorderdetailsbyphonenumber/phonenumber/${user_number}`;
// let url = `${port}/apis/v4/bizgaze/integrations/products/salesorderdetailsbyphonenumber/phonenumber/${user_number}`;
let url = `${port}/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`;
const config = {
url,
method: "get",
+3 -3
Ver fichero
@@ -1,5 +1,5 @@
function wattantyFunction() {
let order_card = `<div class=warranty_product><div class="py-3 warranty_productform"><div class=mb-3><label class=form-label for=Add_serial_number_inp>Enter Your Serial Number</label><input class=form-control id=Add_serial_number_inp required><label class="form-label text-danger d-none error_serial_num" for=Add_serial_number_inp >Serial Number should not be empty</label></div><div class=mb-3><label class="form-label d-none Add_phonenumber_inp_label" for=Add_phonenumber_inp>Enter Your Phone Number</label> <input class="form-control d-none "id=Add_phonenumber_inp required><label class="text-danger d-none form-label error_phonenumber" for=Add_phonenumber_inp>Enter Valid Phone Number</label></div><div class=mb-3><label class="form-label d-none Add_Contact_inp_label" for=Add_contactname_inp>Enter Your Contactname</label> <input class="form-control d-none" id=Add_contactname_inp required></div><div class="serial_submit text-end"><button class="btn btn-dark warranty_serialNumber_check" type="button">Submit</button><button class="btn btn-dark warranty_serialNumber_submit d-none" type="button">Submit</button></div></div></div>`;
let order_card = `<div class=warranty_product><div class="py-3 warranty_productform"><div class=mb-3><label class=form-label for=Add_serial_number_inp>Enter Your Serial Number</label><input class=form-control id=Add_serial_number_inp required><label class="form-label text-danger d-none error_serial_num" for=Add_serial_number_inp >Serial Number should not be empty</label></div><div class=mb-3><label class="form-label d-none Add_phonenumber_inp_label" for=Add_phonenumber_inp>Enter Your Phone Number</label> <input type="number" inputmode="tel" class="form-control d-none" pattern="[1-9]{1}[0-9]{9}^[0-9]*$" onKeyPress="if(this.value.length==10) return false;"maxlength="10" id=Add_phonenumber_inp required><label class="text-danger d-none form-label error_phonenumber" for=Add_phonenumber_inp>Enter Valid Phone Number</label></div><div class=mb-3><label class="form-label d-none Add_Contact_inp_label" for=Add_contactname_inp>Enter Your Contactname</label> <input class="form-control d-none" id=Add_contactname_inp required></div><div class="serial_submit text-end"><button class="btn btn-dark warranty_serialNumber_check" type="button">Submit</button><button class="btn btn-dark warranty_serialNumber_submit d-none" type="button">Submit</button></div></div></div>`;
$(".user_orders").append(order_card);
$(".add_serialNum").click(function () {
$(".warranty_productform").removeClass("d-none");
@@ -15,7 +15,7 @@ function wattantyFunction() {
$(".error_phonenumber").addClass("d-none");
$("#Add_serial_number_inp").removeClass("border-danger");
$("#Add_phonenumber_inp").removeClass("border-danger");
let port = SERVERNAME
let port = "https://anwi.bizgaze.app";
debugger;
let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
console.log(url);
@@ -80,7 +80,7 @@ function wattantyFunction() {
if (serial_no_inp != "") {
$(".error_serial_num").addClass("d-none");
$("#Add_serial_number_inp").removeClass("border-danger");
let port = SERVERNAME
let port = "https://anwi.bizgaze.app";
debugger;
let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
console.log(url);
+45 -2
Ver fichero
@@ -6444,11 +6444,13 @@ margin-bottom: 0.5rem !important;
margin-top: -20px;
} */
.myaccount-content h3 {
font-size: 20px;
.myaccount-content .profile_head {
border-bottom: 1px dashed #ccc;
padding-bottom: 10px;
margin-bottom: 25px;
}
.myaccount-content h3 {
font-size: 20px;
font-weight: 600;
}
@@ -6506,7 +6508,24 @@ margin-bottom: 0.5rem !important;
.myaccount-content .account-details-form .single-input-item input:focus {
border-bottom: 1px solid #354060;
}
.profile_info.cursor-notvalid , .profile_info_pass.cursor-notvalid{
cursor: not-allowed;
}
.Theme_btn{
border: none;
background: linear-gradient(145deg,rgb(27,45,83,0.9),rgb(10,19,34)) !important;
text-transform: uppercase;
font-weight: 600;
padding: 9px 25px;
color: #fff;
font-size: 13px;
}
.profile_head .edit_sec .check-btn:hover{
color:#2843c7;
cursor: pointer;
transition:linear cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.myaccount-content .account-details-form .single-input-item button {
border: none;
background-color: #0A1039;
@@ -31717,4 +31736,28 @@ h4.checkout-title::before {
to {
transform: rotate(360deg);
}
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.select2-container--default{
width: 100% !important;
}
.select2-selection__clear span{
display: none !important;
}
.select2-selection__rendered {
line-height: 50px !important;
}
.select2-container .select2-selection--single {
height: 60px !important;
}
.select2-selection__arrow {
height: 50px !important;
}
+535 -307
Ver fichero
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="./libs/select2/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="./dist/css/vendor/vandella.css">
<link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
<link rel="stylesheet" href="./dist/css/vendor/fontello.css">
@@ -31,7 +32,7 @@
<body class="my_account_page d-none">
<!-- navbar -->
<div id="navbar-head" class="bg-white"></div>
<!-- end-navbar -->
<!-- end-navbar -->
<!-- main-body -->
<auth-loader></auth-loader>
<main class="shopping-cart-main-container main-body pb-0">
@@ -41,89 +42,104 @@
</div>
</div>
</section>
<section class="">
<div class="my-account-wrapper bg-gradient-violet py-md-5">
<div class="container">
<div>
<h4>My Account </h4>
</div>
<div class="row pt-3 ">
<div class="col-lg-12">
<!-- My Account Page Start -->
<div class="myaccount-page-wrapper">
<!-- My Account Tab Menu Start -->
<div class="row">
<div class="col-lg-3 col-md-4">
<div class="myaccount-tab-menu nav" role="tablist">
<a href="#dashboad" class="" data-bs-toggle="tab">Overview</a>
<a href="#orders" data-bs-toggle="tab" class="active "> Orders</a>
<a href="#warrenty" data-bs-toggle="tab" class="d-none">Warranty</a>
<a href="#payment-method" data-bs-toggle="tab" class="d-none"> Payment Method</a>
<a href="#account-info" data-bs-toggle="tab">Profile</a>
<a href="#address-edit" data-bs-toggle="tab">address</a>
<a href="./login.html" class="User_logout">Logout</a>
<section class="">
<div class="my-account-wrapper bg-gradient-violet py-md-5">
<div class="container">
<div>
<h4>My Account </h4>
</div>
<div class="row pt-3 ">
<div class="col-lg-12">
<!-- My Account Page Start -->
<div class="myaccount-page-wrapper">
<!-- My Account Tab Menu Start -->
<div class="row">
<div class="col-lg-3 col-md-4">
<div class="myaccount-tab-menu nav" role="tablist">
<a href="#dashboad" class="" data-bs-toggle="tab">Overview</a>
<a href="#orders" data-bs-toggle="tab" class="active "> Orders</a>
<a href="#warrenty" data-bs-toggle="tab" class="d-none">Warranty</a>
<a href="#payment-method" data-bs-toggle="tab" class="d-none"> Payment
Method</a>
<a href="#account-info" data-bs-toggle="tab">Profile</a>
<a href="#address-edit" data-bs-toggle="tab">address</a>
<a href="./login.html" class="User_logout">Logout</a>
</div>
</div>
</div>
<!-- My Account Tab Menu End -->
<!-- My Account Tab Content Start -->
<div class="col-lg-9 col-md-8">
<div class="tab-content" id="myaccountContent">
<!-- Single Tab Content Start -->
<div class="tab-pane fade " id="dashboad" role="tabpanel">
<div class="myaccount-content p-lg-4">
<div class="row bg-gray p-lg-4 align-items-end">
<div class="col-md-7 col-12">
<div class="row align-items-center">
<div class="col-md-3">
<img src="./dist/assets/imgs/account_warrenty/profile-icon.png" class="w-md-65 w-50"/>
</div>
<div class="col-md-9">
<h6>Name :<span class="text-black-50"> Anwi</span></h6>
<h6>Phone :<span class="text-black-50 User_phoneum">9542494949</span></h6>
<!-- <h6>Phone :<span class="text-black-50 User_phoneum">9030076615</span></h6> -->
<!-- My Account Tab Menu End -->
<!-- My Account Tab Content Start -->
<div class="col-lg-9 col-md-8">
<div class="tab-content" id="myaccountContent">
<!-- Single Tab Content Start -->
<div class="tab-pane fade " id="dashboad" role="tabpanel">
<div class="myaccount-content p-lg-4">
<div class="row bg-gray p-lg-4 align-items-end">
<div class="col-md-7 col-12">
<div class="row align-items-center">
<div class="col-md-3">
<img src="./dist/assets/imgs/account_warrenty/profile-icon.png"
class="w-md-65 w-50" />
</div>
<div class="col-md-9">
<h6>Name :<span class="text-black-50 overview_user_name text-capitalize"> Anwi</span>
</h6>
<h6>Phone :<span
class="text-black-50 User_phoneum overview_user_phone"></span>
</h6>
<!-- <h6>Phone :<span class="text-black-50 User_phoneum">9030076615</span></h6> -->
</div>
</div>
</div>
<div class="col-md-3"></div>
<div class="col-md-2 col-12 text-end">
<a href="#"
class="btn bg-gradient-anwi-outline px-4 btn-sm">Edit</a>
</div>
</div>
<div class="col-md-3"></div>
<div class="col-md-2 col-12 text-end">
<a href="#" class="btn bg-gradient-anwi-outline px-4 btn-sm">Edit</a>
</div>
</div>
<div class="row py-4 justify-content-md-between">
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-orders.png" class="w-25 img-fluid"/>
<h6>Orders</h6>
<p class="mb-0 text-secondary">Check your order status</p>
<div class="row py-4 justify-content-md-between">
<div
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-orders.png"
class="w-25 img-fluid" />
<h6>Orders</h6>
<p class="mb-0 text-secondary">Check your order
status</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-collections.png" class="w-25 img-fluid"/>
<h6>Warranty</h6>
<p class="mb-0 text-secondary">All your curated product collections</p>
</a>
</div>
<div
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-collections.png"
class="w-25 img-fluid" />
<h6>Warranty</h6>
<p class="mb-0 text-secondary">All your curated
product collections</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-myntra-credit.png" class="w-25 img-fluid"/>
<h6>Anwi Credit</h6>
<p class="mb-0 text-secondary">Manage all your refunds & gift cards</p>
</a>
</div>
<div
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-myntra-credit.png"
class="w-25 img-fluid" />
<h6>Anwi Credit</h6>
<p class="mb-0 text-secondary">Manage all your
refunds & gift cards</p>
</div>
</div>
</div>
</a>
</div>
<!-- <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
</a>
</div>
<!-- <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
@@ -156,141 +172,195 @@
</div>
</a>
</div> -->
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2 ">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-address.png" class="w-25 img-fluid"/>
<h6>Addresses</h6>
<p class="mb-0 text-secondary">Save addressess for a hassle free checkout</p>
<div
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2 ">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-address.png"
class="w-25 img-fluid" />
<h6>Addresses</h6>
<p class="mb-0 text-secondary">Save addressess
for a hassle free checkout</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-coupons.png" class="w-25 img-fluid"/>
<h6>Coupons</h6>
<p class="mb-0 text-secondary">Manage coupons for additional discounts</p>
</a>
</div>
<div
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-coupons.png"
class="w-25 img-fluid" />
<h6>Coupons</h6>
<p class="mb-0 text-secondary">Manage coupons
for additional discounts</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-edit.png" class="w-25 img-fluid"/>
<h6>Profile Details</h6>
<p class="mb-0 text-secondary">Change your profile details & password</p>
</a>
</div>
<div
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
<a href="#">
<div class="border-0 card text-center">
<div class="card-body">
<img src="./dist/assets/imgs/account_warrenty/profile-edit.png"
class="w-25 img-fluid" />
<h6>Profile Details</h6>
<p class="mb-0 text-secondary">Change your
profile details & password</p>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Single Tab Content End -->
<!-- Single Tab Content Start -->
<!-- Single Tab Content End -->
<!-- Single Tab Content Start -->
<div class="tab-pane fade" id="payment-method" role="tabpanel">
<div class="myaccount-content">
<h3>Payment Method</h3>
<p class="saved-message">You Can't Saved Your Payment Method yet.</p>
</div>
</div>
<!-- Single Tab Content End -->
<!-- Single Tab Content Start -->
<div class="tab-pane fade" id="address-edit" role="tabpanel">
<div class="myaccount-content pb-0">
<div class="row">
<div class="col-md-6 py-md-2">
<h3 class="mb-0 border-0 pb-0">Saved Address</h3>
</div>
<div class="col-md-6 text-end py-md-2">
<a href="#" class="btn bg-gradient-anwi-outline btn-sm">+ ADD NEW ADDRESS</a>
</a>
</div>
</div>
</div>
<address>
<p><strong>Alex Tuntuni</strong></p>
<p>1355 Market St, Suite 900 <br>
San Francisco, CA 94103</p>
<p>Mobile: (123) 456-7890</p>
</address>
<div class="row border-top">
<div class="col-md-6 border-end text-center py-md-2">
<a href="#" class="check-btn sqr-btn">Edit Address</a>
</div>
<div class="col-md-6 text-center py-md-2">
<a href="#" class="check-btn sqr-btn">Remove</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade active show" id="orders" role="tabpanel">
<div class="myaccount-content">
<h3>Order Details</h3>
<div class="user_order_details rounded mb-3">
<!-- Single Tab Content End -->
<!-- Single Tab Content Start -->
<!-- Single Tab Content End -->
<!-- Single Tab Content Start -->
<div class="tab-pane fade" id="payment-method" role="tabpanel">
<div class="myaccount-content">
<h3>Payment Method</h3>
<p class="saved-message">You Can't Saved Your Payment Method yet.
</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="warrenty" role="tabpanel">
<!-- Single Tab Content End -->
<!-- Single Tab Content Start -->
<div class="tab-pane fade" id="address-edit" role="tabpanel">
<div class="myaccount-content">
<div class="align-items-center d-flex profile_head py-md-2">
<h3 class="mb-0 border-0 pb-0">Address</h3> <a href="#" class="ms-3 address_edit">
Edit</a><a href="#" class="ms-3 address_edit_cancel" style="display: none;">
Cancel</a>
</div>
<div class="p-3 addresslist" style="display: none;">
<label class="form-check-label addresslabel w-100" for="address1">
<input checked type="radio" id="address1" class="d-none">
<div>
<div class="row">
<div class="col-sm-6">
<div class="form-floating">
<!-- <input type="number" class="form-control" id="phonenumber"
placeholder="Phone Number"> -->
<input type="number" inputmode="tel" class="form-control" pattern="[1-9]{1}[0-9]{9}^[0-9]*$" onKeyPress="if(this.value.length==10) return false;"maxlength="10" id="phonenumber" placeholder="Phone Number" required>
<label for="phonenumber">Phonenumber</label>
<div class="invalid-feedback ">
Please choose a valid Phone Number.
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating">
<input type="text" class="form-control" id="addressdes"
placeholder="Phone Number">
<label for="addressdes">Address </label>
<div class="invalid-feedback ">
Please Enter Your Address.
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-floating">
<input type="number" inputmode="tel" class="form-control" pattern="[1-6]{1}[0-6]{6}^[0-6]*$" onKeyPress="if(this.value.length==6) return false;" maxlength="6" id="zipcode"
placeholder="Zip Number">
<label for="zipcode">zipcode</label>
<div class="invalid-feedback ">
Please choose a valid zipcode.
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-floating h-100">
<select name="state" id="state"
class="form-control h-100 pt-2"></select>
<div class="invalid-feedback ">
Please choose a valid state.
</div>
</div>
</div>
</div>
<div class="py-2">
<div class="text-danger errMsgFormEdit d-none"></div>
<button
class=" saveaddress bg-gradient-anwi text-white btn btn-sm">
<div class="spinner-border d-none " role="status">
</div>
<span>Save</span>
</button>
<button
class="Createaddress bg-gradient-anwi text-white btn btn-sm" style="display: none;">
<div class="spinner-border d-none " role="status">
</div>
<span>Save</span>
</button>
<button
class=" saveanddeliverCanel ml-2 d-none bg-gradient-anwi text-white btn btn-sm">
<div class="spinner-border d-none " role="status">
</div>
<span>Cancel</span>
</button>
</div>
</div>
</label>
</div>
<div class="profile_Address">
</div>
</div>
</div>
<div class="tab-pane fade active show" id="orders" role="tabpanel">
<div class="myaccount-content">
<h3>Order Details</h3>
<div class="user_order_details rounded mb-3">
</div>
</div>
</div>
<div class="tab-pane fade" id="warrenty" role="tabpanel">
<div class="myaccount-content">
<h3>Warranty Order Details</h3>
<div class="user_orders">
</div>
<div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
<div
class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
<div class="row align-items-center">
<div class="col-md-3">
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png"
class="img-fluid w-75" />
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-5">
<div>Serail NO: <span class="text-secondary fs-9 serial_no">#7907987897348</span></div>
<div>Purchase Date : <span class="text-secondary fs-9 purchase_date">Feb 1, 2023</span></div>
</div>
<div class="col-md-7">
<div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2 warrenty_date">Mar 20, 2023</span></div>
<div class="row">
<div class="col-md-5"> Status :</div>
<div class="col-md-7"> <span class="btn btn-success py-0 fs-9">Running</span></div>
<div>Serail NO: <span
class="text-secondary fs-9 serial_no">#7907987897348</span>
</div>
</div>
</div>
</div>
</div>
<div class="p-3">
<div class="d-none">
<button class="btn bg-gradient-anwi-outline me-2">Send Remainder</button>
<button class="btn bg-gradient-anwi">Extended warranty History</button>
</div>
</div>
</div>
<div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
<div class="row align-items-center">
<div class="col-md-3">
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-5">
<div class="fs-9">Product ID : <span class="text-secondary fs-9">#7907987897348</span></div>
<div class="fs-9">Purchase Date : <span class="text-secondary fs-9">Feb 1, 2023</span></div>
<div>Purchase Date : <span
class="text-secondary fs-9 purchase_date">Feb
1, 2023</span></div>
</div>
<div class="col-md-7">
<div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2">Mar 20, 2023</span></div>
<div class="fs-9">Warrenty Expairy Date : <span
class="bg-warning px-2 fs-9 rounded-2 warrenty_date">Mar
20, 2023</span></div>
<div class="row">
<div class="col-md-5"> Status :</div>
<div class="col-md-7"> <span class="btn btn-success py-0 fs-9">Running</span></div>
<div class="col-md-7"> <span
class="btn btn-success py-0 fs-9">Running</span>
</div>
</div>
</div>
</div>
@@ -298,96 +368,251 @@
</div>
<div class="p-3">
<div class="d-none">
<button class="btn bg-gradient-anwi-outline me-2">Send Remainder</button>
<button class="btn bg-gradient-anwi">Extended warranty History</button>
<button class="btn bg-gradient-anwi-outline me-2">Send
Remainder</button>
<button class="btn bg-gradient-anwi">Extended warranty
History</button>
</div>
</div>
</div>
<div
class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
<div class="row align-items-center">
<div class="col-md-3">
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png"
class="img-fluid w-75" />
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-5">
<div class="fs-9">Product ID : <span
class="text-secondary fs-9">#7907987897348</span>
</div>
<div class="fs-9">Purchase Date : <span
class="text-secondary fs-9">Feb 1,
2023</span></div>
</div>
<div class="col-md-7">
<div class="fs-9">Warrenty Expairy Date : <span
class="bg-warning px-2 fs-9 rounded-2">Mar
20, 2023</span></div>
<div class="row">
<div class="col-md-5"> Status :</div>
<div class="col-md-7"> <span
class="btn btn-success py-0 fs-9">Running</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-3">
<div class="d-none">
<button class="btn bg-gradient-anwi-outline me-2">Send
Remainder</button>
<button class="btn bg-gradient-anwi">Extended warranty
History</button>
</div>
</div>
</div>
</div>
</div>
<!-- Single Tab Content End -->
<!-- Single Tab Content Start -->
<div class="tab-pane fade" id="account-info" role="tabpanel">
<div class="myaccount-content">
<h3>Account Details</h3>
<div class="account-details-form">
<form action="#">
<div class="row">
<div class="col-lg-6">
<div class="single-input-item">
<label for="first-name" class="required">First Name</label>
<input type="text" id="first-name" class="form-control shadow-none rounded-0">
</div>
</div>
<div class="col-lg-6">
<div class="single-input-item">
<label for="last-name" class="required">Last Name</label>
<input type="text" id="last-name" class="form-control shadow-none rounded-0">
</div>
</div>
</div>
<div class="single-input-item">
<label for="display-name" class="required">Display Name</label>
<input type="text" id="display-name" class="form-control shadow-none rounded-0">
</div>
<!-- <div class="single-input-item">
<label for="email" class="required">Email Addres</label>
<input type="email" id="email" class="form-control shadow-none rounded-0">
</div> -->
<div class="form-floating py-0 ">
<input type="email" class="form-control shadow-none h-50p"
id="email" placeholder="Email address"
autocomplete="off">
<label for="email">Email address</label>
</div>
<fieldset>
<legend>Password change</legend>
<div class="form-floating py-0 mb-3 ">
<input type="password" class="form-control shadow-none h-50p"
id="current-pwd" placeholder="Email address"
autocomplete="off">
<label for="current-pwd" class="required">Current Password</label>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-floating ">
<input type="password" id="new-pwd" class="form-control shadow-none rounded-0">
<label for="new-pwd" class="required">New Password</label>
</div>
</div>
<div class="col-lg-6">
<div class="single-input-item">
<label for="confirm-pwd" class="required">Confirm Password</label>
<input type="password" id="confirm-pwd" class="form-control shadow-none rounded-0">
</div>
</div>
</div>
</fieldset>
<div class="single-input-item">
<div class="row align-items-center">
<div class="col-md-6 col-6 text-center">
<button class="check-btn sqr-btn ">Save Changes</button>
</div>
<div class="col-md-6 col-6 text-center">
<button class="check-btn sqr-btn ">Edit Profile</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div> <!-- Single Tab Content End -->
</div>
</div> <!-- My Account Tab Content End -->
</div>
</div> <!-- My Account Page End -->
<!-- Single Tab Content End -->
<!-- Single Tab Content Start -->
<div class="tab-pane fade" id="account-info" role="tabpanel">
<div class="myaccount-content">
<!-- <div class="profile_head">
<div class="row align-items-center">
<div class="col-md-6 col-6">
<h3>Personal Information</h3>
</div>
<div class="col-md-6 col-6 text-end">
<button
class="check-btn Theme_btn rounded">Edit</button>
<button
class="check-btn Theme_btn rounded d-none">Cancel</button>
</div>
</div>
</div> -->
<div class="profile_head my-4">
<div class="row align-items-center">
<div class="col-md-6 col-6">
<div class="d-flex">
<div class="profile_header">
<h3>Personal Information</h3>
</div>
<div class="edit_sec ms-3">
<span
class="check-btn rounded profile_edit">Edit</span>
<span
class="check-btn rounded profile_edit_cancel"
style="display: none;">Cancel</span>
</div>
</div>
</div>
</div>
</div>
<div class="account-details-form mt-0">
<form action="#">
<div class="col-md-6 py-2">
<div class="form-floating py-0 ">
<input type="text"
class="form-control shadow-none h-50p profile_info cursor-notvalid text-capitalize"
id="Profile_User_name"
placeholder="Enter Your Name" autocomplete="off"
disabled>
<label for="Profile_User_name"
class="profile_info_label"
style="display: none;">User Name</label>
</div>
</div>
<div class="col-md-6 py-2">
<div class="form-floating py-0 ">
<input type="number" inputmode="tel" class="form-control profile_info cursor-notvalid shadow-none h-50p" pattern="[1-9]{1}[0-9]{9}^[0-9]*$" onKeyPress="if(this.value.length==10) return false;"maxlength="10" id="Profile_Phone_num" placeholder="Enter Your Number" disabled>
<label for="Profile_Phone_num"
class="profile_info_label"
style="display: none;">Phone
Number</label>
</div>
</div>
<div class="py-1">
<button
class="check-btn Theme_btn rounded profile_save_btn"
style="display: none;" type="button">Save</button>
</div>
<!-- <div class="row align-items-center">
<div class="col-md-4 py-1">
<div class="form-floating py-0 ">
<input type="text"
class="form-control shadow-none h-50p"
id="Profile_User_name"
placeholder="Enter Your Name"
autocomplete="off">
<label for="Profile_User_name">User Name</label>
</div>
</div>
<div class="col-md-4 py-1">
<div class="form-floating py-0 ">
<input type="text"
class="form-control shadow-none h-50p"
id="Profile_Phone_num"
placeholder="Enter Your Number"
autocomplete="off">
<label for="Profile_Phone_num">Phone
Number</label>
</div>
</div>
<div class="col-md-4 py-1">
<button
class="check-btn Theme_btn rounded d-none">Save</button>
</div>
</div> -->
</form>
</div>
<div class="profile_head my-4">
<div class="row align-items-center">
<div class="col-md-6 col-6">
<div class="d-flex">
<div class="profile_header">
<h3>Password</h3>
</div>
<div class="edit_sec ms-3">
<span
class="check-btn rounded pass_edit">Edit</span>
<span class="check-btn rounded pass_edit_cancel"
style="display: none;">Cancel</span>
</div>
</div>
</div>
</div>
</div>
<div class="account-details-form mt-0">
<div class="col-md-6">
<div class="profilepass_feedbackres"></div>
</div>
<form action="#">
<div class="col-md-6 py-2">
<div class="form-floating py-0 ">
<input type="password"
class="form-control shadow-none profile_info_pass cursor-notvalid h-50p"
id="Profile_User_current_pass"
placeholder="Enter Current Password"
autocomplete="off" disabled>
<label for="Profile_User_current_pass">Current
Password</label>
<div class="invalid-feedback">
Please Enter Current Password !
</div>
</div>
</div>
<div class="col-md-6 py-2">
<div class="form-floating py-0 ">
<input type="password"
class="form-control shadow-none profile_info_pass cursor-notvalid h-50p"
id="Profile_User_new_pass"
placeholder="Enter New Password"
autocomplete="off" disabled>
<label for="Profile_User_new_pass">New
Password</label>
<div class="invalid-feedback">
Please Enter Correct Password !
</div>
</div>
</div>
<div class="col-md-6 py-2">
<div class="form-floating py-0 ">
<input type="text"
class="form-control shadow-none profile_info_pass cursor-notvalid h-50p"
id="Profile_User_confirm_pass"
placeholder="Enter Confirm Password"
autocomplete="off" disabled>
<label for="Profile_User_confirm_pass">Confirm
Password</label>
<div class="invalid-feedback">
Please Enter Correct Password !
</div>
</div>
</div>
<!-- <div class="col-md-9 py-2 d-flex align-items-center">
<div class="col-md-3">
<div class="input_label fw-500">Confirm password</div>
</div>
<div class="col-md-6">
<div class="form-floating py-0 ">
<input type="text"
class="form-control shadow-none h-50p"
id="Profile_User_confirm_pass"
placeholder="Enter Confirm Password"
autocomplete="off">
<label for="Profile_User_confirm_pass">Confirm Password</label>
</div>
</div>
</div> -->
<div class="py-2">
<button
class="check-btn Theme_btn rounded update_profile_pass"
style="display: none;" type="button">Update
Password</button>
</div>
</form>
</div>
</div>
</div> <!-- Single Tab Content End -->
</div>
</div> <!-- My Account Tab Content End -->
</div>
</div> <!-- My Account Page End -->
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</main>
<!-- footer -->
<div id="footer-head"></div>
@@ -414,7 +639,7 @@
<script src="./dist/js/plugins/isotope.js"></script>
<script src="./dist/js/plugins/jquery-ui.js"></script>
<script src="./dist/js/plugins/magnific-popup.js"></script>
<!-- Main JS -->
<!-- Main JS -->
<script src="./dist//toaster/toastr.js"></script>
<!-- <script src="./dist/js/auth/apiservice.js"></script> -->
<script src="./dist/js/localstorage/loginauthlocal.js"></script>
@@ -423,51 +648,54 @@
<script src="./dist/js/myaccount/orderdetails.js"></script>
<script src="./dist/js/myaccount/myaccount_warrenty.js"></script>
<script src="./dist/js/myaccount/Myaccount.js"></script>
<script src="./dist/js/myaccount/Profile.js"></script>
<script src="./dist/js/myaccount/Address.js"></script>
<script src="./libs/select2/select2.js"></script>
<script src="./dist/js/main.js"></script>
<script>
$(document).ready(function() {
let Userpassword_update =window.localStorage.getItem('Ispasswordupdate')
if(Userpassword_update == 'true'){
toasteropts()
Command: toastr["success"]("Password Updated Successfully");
window.localStorage.removeItem('Ispasswordupdate')
return
}
function toasteropts(){
toastr.options = {
"closeButton": true,
"debug": false,
"newestOnTop": true,
"progressBar": true,
"positionClass": "toast-top-center",
"preventDuplicates": true,
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
}
}
});
$(".order-cards").each(function(){
$(".order-cards").css("cursor","pointer")
$(this).click(function(){
$(document).ready(function () {
let Userpassword_update = window.localStorage.getItem('Ispasswordupdate')
if (Userpassword_update == 'true') {
toasteropts()
Command: toastr["success"]("Password Updated Successfully");
window.localStorage.removeItem('Ispasswordupdate')
return
}
function toasteropts() {
toastr.options = {
"closeButton": true,
"debug": false,
"newestOnTop": true,
"progressBar": true,
"positionClass": "toast-top-center",
"preventDuplicates": true,
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
}
}
});
$(".order-cards").each(function () {
$(".order-cards").css("cursor", "pointer")
$(this).click(function () {
window.location.href = "./orderdetails.html";
})
})
$('.User_logout').click(function(){
$('.User_logout').click(function () {
window.localStorage.removeItem("Useremail");
window.localStorage.removeItem("Userpassword");
window.localStorage.setItem('Isloggedin',false)
window.localStorage.removeItem("Userpassword");
window.localStorage.setItem('Isloggedin', false)
COOKIE_HELPER_ACTIONS.removeAuthCookie();
})
</script>
</body>
+4 -1
Ver fichero
@@ -180,7 +180,9 @@
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="./dist/js/jquery.min.js"></script>
<script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
<script src="./dist/js/navbar.js"></script>
<script src="./dist/js/components/authloader/authloader.js"></script>
<script src="./dist/js/auth/apiservice.js"></script>
<script src="./libs/cookies.min.js"></script>
<script src="./libs/axios.min.js"></script>
<script src="./dist/js/footer.js"></script>
<script src="./libs/cookies.min.js"></script>
@@ -199,6 +201,7 @@
<script src="./dist/js/plugins/isotope.js"></script>
<script src="./dist/js/plugins/jquery-ui.js"></script>
<script src="./dist/js/plugins/magnific-popup.js"></script>
<script src="./dist/js/navbar.js"></script>
<script src="./dist/js/orderDetails/order_summary.js"></script>
<!-- Main JS -->
<script src="./dist/js/main.js"></script>
+2 -1
Ver fichero
@@ -60,7 +60,8 @@
</section>
<section class="position-relative bg-black">
<!-- <img src="./dist/assets/imgs/allin_imgs/ssd_img.png" class="img-fluid w-100" alt="ssd_img"/> -->
<iframe src="https://player.vimeo.com/video/816131155?h=4667fd18e1&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<iframe src="https://player.vimeo.com/video/821425902?h=d2d8572f26&amp&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<!-- <iframe src="https://player.vimeo.com/video/816131155?h=4667fd18e1&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> -->
<!-- <div class="position-fixed text-white volume_btn" style="right:35px;bottom:20px">
<p class="mb-0 d-none bg-blue p-2 px-3 rounded-circle shadow" id="mute"><i class="fa-solid fa-volume-low"></i></p>
<p class="bg-blue mb-0 p-2 px-3 rounded-circle shadow" id="unmute"><i class="fa-sharp fa-volume-xmark"></i></p>