add new changes
Tento commit je obsažen v:
+19
-6
@@ -48,22 +48,22 @@
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body class="contact_page">
|
||||
<!-- navbar -->
|
||||
<div id="navbar-head"></div>
|
||||
<!-- end-navbar -->
|
||||
<!-- main-body -->
|
||||
<main class="main-body home-main-container">
|
||||
<section class="services h-100 pt-3 bg-gradient-anwi">
|
||||
<section class="services h-100 pt-3 d-none bg-gradient-anwi">
|
||||
<div class="container pt-5 ">
|
||||
<div class="text-center text-white ">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="contact-section py-md-5 py-3 " style="background: url(dist/assets/imgs/bg-blur.png);">
|
||||
<section class="contact-section py-md-5 py-3 bg-gradient-violet ">
|
||||
<div class="container pt-md-5 pt-3">
|
||||
<div class="row bg-white rounded-3 shadow mx-0">
|
||||
<div class="col-lg-6 col-12 mb-30 bg-gradient-anwi text-white p-md-5 p-4">
|
||||
<div class="row bg-white rounded shadow mx-0 mt-5">
|
||||
<div class="col-lg-6 col-12 mb-30 bg-gradient-anwi rounded-start text-white p-md-5 p-4">
|
||||
<!-- contact page side content -->
|
||||
<div class="contact-page-side-content text-center py-md-5">
|
||||
<div class="single-contact-block mb-5 d-flex flex-column">
|
||||
@@ -128,7 +128,7 @@
|
||||
<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="./libs/axios.min.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
@@ -150,9 +150,22 @@
|
||||
<script src="./dist/js/validate.min.js"></script>
|
||||
<script src="./dist/toaster/toastr.js"></script>
|
||||
<!-- Main JS -->
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/main.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
let contact_pg = $("body").hasClass("contact_page");
|
||||
if(contact_pg === true){
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
|
||||
$("nav").find('svg path').attr('fill','#fff');
|
||||
$(".user-icon").find('path').attr('fill',"#000");
|
||||
$(".cart_icon").find('path').attr('fill',"#000");
|
||||
}
|
||||
|
||||
// $("#contact_form_submit").click(function(){
|
||||
// debugger
|
||||
// let User_name = $("#user_name").val();
|
||||
|
||||
vendorováno
+12
-5
@@ -4,19 +4,25 @@ let SERVERNAME = 'https://qa.anwisystems.com';
|
||||
//let SERVERNAME = 'http://localhost:3088';
|
||||
|
||||
//template
|
||||
const STAT = 'd622a6ce4c8540ffadd0f885162ac8f4';
|
||||
const STAT = 'd8c3dc7ce4d2404484004c02d1d3145f';
|
||||
|
||||
//live
|
||||
//const STAT = '0c7ef2b000ca431290065753dfda56fe';
|
||||
//const STAT = '23bdb3c6d08d492c939a53daec34e89a';
|
||||
|
||||
const USER_AUTH_OKAY = 'USER_AUTH_OKAY';
|
||||
|
||||
|
||||
function imgServerNameBuild(path){
|
||||
|
||||
return `https://appassets.bizgaze.app/${path}`;
|
||||
}
|
||||
|
||||
|
||||
function buildLinkWithServerName(link){
|
||||
return `${SERVERNAME}/${link}`
|
||||
}
|
||||
|
||||
|
||||
async function getStatAPIService(url,data={}){
|
||||
let config = {
|
||||
url,
|
||||
@@ -33,7 +39,7 @@ async function getStatAPIService(url,data={}){
|
||||
}
|
||||
|
||||
async function getAPIService(url,data={}){
|
||||
debugger
|
||||
|
||||
const config = {
|
||||
url:`${SERVERNAME}/${url}`,
|
||||
method: "get",
|
||||
@@ -135,7 +141,7 @@ class API_SERVICE_CLASS{
|
||||
let isPost = method == 'get' ? false : true;
|
||||
const cookieData = COOKIE_HELPER_ACTIONS.getCookie();
|
||||
if(!isStat){
|
||||
if(!cookieData) return window.location.href = "/"
|
||||
if(!cookieData) return window.location.href = "login.html"
|
||||
}
|
||||
let token = isStat ?`stat ${this.statToken}` : `Basic ${cookieData.token}`;
|
||||
this.token = token;
|
||||
@@ -295,6 +301,7 @@ class COOKIE_HELPER_CLASS{
|
||||
};
|
||||
|
||||
removeCookie(token){
|
||||
debugger;
|
||||
Cookies.remove(token)
|
||||
}
|
||||
|
||||
@@ -321,7 +328,7 @@ function setCookieManual(token){
|
||||
}
|
||||
|
||||
async function checkValidAuth(cb,redirect=undefined){
|
||||
debugger;
|
||||
|
||||
|
||||
document.querySelector('auth-loader').show();
|
||||
const res = await COOKIE_HELPER.validateToken();
|
||||
|
||||
vendorováno
+41
-22
@@ -97,7 +97,7 @@ function initLogin() {
|
||||
|
||||
function updatePasswordUI() {
|
||||
formErrorAction.removeClass();
|
||||
let html = ` <form class="row g-3 needs-validation" novalidate> <div class="form-floating position-relative py-0"> <input required type="password" class="form-control shadow-none h-50p passwordvalidui" id="updatepassword" placeholder="Enter Your Password" autocomplete="off"> <span class="position-absolute eyePassword" style=" top: 50%; right: 3%; transform: translateY(-50%);"> <i class="text-dark fa fa-eye-slash"></i> </span> <label for="updatepassword">Password </label> <div class="invalid-feedback"> Please enter password. </div> <div class="pswd_info" style="display: none;z-index: 1;"> <p>Password must contain:</p> <ul> <li id="chck_capital" class="invalid">At least <strong>one capital letter</strong> </li> <li id="chck_small" class="invalid">At least <strong>one lowercase letter</strong> </li> <li id="chck_special" class="invalid">At least <strong>one special letter</strong> </li> <li id="chck_number" class="invalid">At least <strong>one number</strong> </li> <li id="chck_length" class="invalid">At least <strong>8 characters</strong> </li> </ul> </div> </div> <div class="form-floating position-relative py-0"> <input required type="password" class="form-control shadow-none h-50p passwordvalidui" id="updateconfirmpassword" placeholder="Enter Your Password" autocomplete="off"> <span class="position-absolute eyePassword" style=" top: 50%; right: 3%; transform: translateY(-50%);"> <i class="text-dark fa fa-eye-slash"></i> </span> <label for="updateconfirmpassword">Password </label> <div class="invalid-feedback"> Please enter password. </div> <div class="pswd_info" style="display: none;z-index: 1;"> <p>Password must contain:</p> <ul> <li id="chck_capital" class="invalid">At least <strong>one capital letter</strong> </li> <li id="chck_small" class="invalid">At least <strong>one lowercase letter</strong> </li> <li id="chck_special" class="invalid">At least <strong>one special letter</strong> </li> <li id="chck_number" class="invalid">At least <strong>one number</strong> </li> <li id="chck_length" class="invalid">At least <strong>8 characters</strong> </li> </ul> </div> </div> <div class="col-12 pt-3 mt-0 px-0"> <button class="btn bg-gradient-anwi text-white w-100 cursor-pointer btnupdatepassword" type="submit"> <div class="spinner-border authloginLoadingBtn d-none" role="status"> <span class="visually-hidden">Loading...</span> </div> <span class="authloginLoading">Update Password</span> </button> </div> </form>`;
|
||||
let html = ` <form class="row g-3 needs-validation" novalidate> <div class="form-floating position-relative py-0"> <input required type="password" class="form-control shadow-none h-50p passwordvalidui" id="updatepassword" placeholder="Enter Your Password" autocomplete="off"> <span class="position-absolute eyePassword" style=" top: 50%; right: 3%; transform: translateY(-50%);"> <i class="text-dark fa fa-eye-slash"></i> </span> <label for="updatepassword">Password </label> <div class="invalid-feedback"> Please enter password. </div> <div class="pswd_info" style="display: none;z-index: 1;"> <p>Password must contain:</p> <ul> <li id="chck_capital" class="invalid">At least <strong>one capital letter</strong> </li> <li id="chck_small" class="invalid">At least <strong>one lowercase letter</strong> </li> <li id="chck_special" class="invalid">At least <strong>one special letter</strong> </li> <li id="chck_number" class="invalid">At least <strong>one number</strong> </li> <li id="chck_length" class="invalid">At least <strong>8 characters</strong> </li> </ul> </div> </div> <div class="form-floating position-relative py-0"> <input required type="password" class="form-control shadow-none h-50p passwordvalidui" id="updateconfirmpassword" placeholder="Enter Your Password" autocomplete="off"> <span class="position-absolute eyePassword" style=" top: 50%; right: 3%; transform: translateY(-50%);"> <i class="text-dark fa fa-eye-slash"></i> </span> <label for="updateconfirmpassword">Password </label> <div class="invalid-feedback"> Please enter password. </div> <div class="pswd_info" style="display: none;z-index: 1;"> <p>Password must contain:</p> <ul> <li id="chck_capital" class="invalid">At least <strong>one capital letter</strong> </li> <li id="chck_small" class="invalid">At least <strong>one lowercase letter</strong> </li> <li id="chck_special" class="invalid">At least <strong>one special letter</strong> </li> <li id="chck_number" class="invalid">At least <strong>one number</strong> </li> <li id="chck_length" class="invalid">At least <strong>8 characters</strong> </li> </ul> </div> </div> <div class="col-12 pt-3 mt-0 px-0"> <button class="btn bg-gradient-anwi text-white w-100 cursor-pointer h-50p btnupdatepassword" type="submit"> <div class="spinner-border authloginLoadingBtn d-none" role="status"> <span class="visually-hidden">Loading...</span> </div> <span class="authloginLoading">Update Password</span> </button> </div> </form>`;
|
||||
|
||||
$('.authContainerUI').html(html);
|
||||
updatepasswordEvents();
|
||||
@@ -151,7 +151,7 @@ function initLogin() {
|
||||
function loadPasswordListener(){
|
||||
|
||||
$('.passwordvalidui').off().on('keyup',function (e){
|
||||
debugger;
|
||||
|
||||
$(this).parent().find('.pswd_info').css('display','block');
|
||||
let value = $(this).val();
|
||||
|
||||
@@ -268,7 +268,7 @@ function initLogin() {
|
||||
|
||||
function forgotPasswordUIEmail() {
|
||||
formErrorAction.removeClass();
|
||||
let html = `<div> <div class="d-flex justify-content-between border-bottom pb-1"><span>Forgot Password?</span><span class="btnForgotback cursor-pointer"><i class="fa-solid fa-arrow-left"></i></span></div> <div class="py-3">Enter the email associated with your account and we'll send an email with instructions to reset your password.</div> <div> <form class="row g-3 needs-validation" novalidate> <div class="pb-3 form-floating py-0"> <input required type="email" class="form-control shadow-none h-50p" id="forgotpassword" placeholder="Enter Your Email" autocomplete="off"> <label for="forgotpassword">Email address</label> <div class="invalid-feedback"> Please enter email. </div> </div> <div class="col-12 mt-0 px-0"> <button class="btn forgotpasswordbtn bg-gradient-anwi text-white w-100 cursor-pointer" type="submit"> <div class="spinner-border authloginLoadingBtn d-none" role="status"> <span class="visually-hidden">Loading...</span> </div> <span class="authloginLoading">Find email</span> </button> </div> </form> </div></div>`;
|
||||
let html = `<div> <div class="d-flex justify-content-between border-bottom pb-1"><span>Forgot Password?</span><span class="btnForgotback cursor-pointer"><i class="fa-solid fa-arrow-left"></i></span></div> <div class="py-3">Enter the email associated with your account and we'll send an email with instructions to reset your password.</div> <div> <form class="row g-3 needs-validation" novalidate> <div class="pb-3 form-floating py-0"> <input required type="email" class="form-control shadow-none h-50p" id="forgotpassword" placeholder="Enter Your Email" autocomplete="off"> <label for="forgotpassword">Email address</label> <div class="invalid-feedback"> Please enter email. </div> </div> <div class="col-12 mt-0 px-0"> <button class="btn h-50p forgotpasswordbtn bg-gradient-anwi text-white w-100 cursor-pointer" type="submit"> <div class="spinner-border authloginLoadingBtn d-none" role="status"> <span class="visually-hidden">Loading...</span> </div> <span class="authloginLoading ">Password Reset</span> </button> </div> </form> </div></div>`;
|
||||
$('.authContainerUI').html(html);
|
||||
loadForpasswordsEvents();
|
||||
}
|
||||
@@ -288,7 +288,7 @@ function initLogin() {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
debugger;
|
||||
const email = $('#User_Email').val();
|
||||
|
||||
const isUserURL = AUTH_LOGIN_APIS_URL.isUser(email);
|
||||
@@ -299,6 +299,7 @@ function initLogin() {
|
||||
if (!isUser) {
|
||||
loginUser();
|
||||
} else {
|
||||
debugger;
|
||||
signUpUser();
|
||||
}
|
||||
});
|
||||
@@ -368,12 +369,21 @@ function initLogin() {
|
||||
authloginLoadingBtnAction.removeLoading();
|
||||
return;
|
||||
}
|
||||
|
||||
COOKIE_HELPER_ACTIONS.setCookie({
|
||||
let authObj = {
|
||||
token: res.result.sessionId,
|
||||
userid: res.result.userId,
|
||||
...res.result
|
||||
});
|
||||
userId: res.result.userId,
|
||||
unibaseId:res.result.unibaseId,
|
||||
sessionId:res.result.sessionId,
|
||||
tenantId:res.result.tenantId,
|
||||
name:res.result.name,
|
||||
assetUrl:res.result.assetUrl
|
||||
};
|
||||
|
||||
COOKIE_HELPER_ACTIONS.setCookie(authObj);
|
||||
|
||||
|
||||
localStorage.setItem("userdata",JSON.stringify(res.result));
|
||||
|
||||
|
||||
const isCartAdded = localStorage.getItem(CART_ADD);
|
||||
if(isCartAdded){
|
||||
@@ -438,6 +448,8 @@ function initLogin() {
|
||||
formErrorAction.addError('Password must contain one specail letter ,number,small letter, uppercase letter and 8 letters');
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
const userRegistratioNPayload = {
|
||||
organizationtypeid: "2",
|
||||
organizationid: "0",
|
||||
@@ -487,7 +499,7 @@ function initLogin() {
|
||||
function loginUI() {
|
||||
formErrorAction.removeClass();
|
||||
let html = ` <div class="text-center pb-4">
|
||||
<span class="font-weight-600">Sign Up</span> or <span class="font-weight-600">Login</span>
|
||||
<span class="font-weight-600">Login</span> / <span class="font-weight-600">Signup</span>
|
||||
</div>
|
||||
<form class="row g-3 needs-validation" novalidate>
|
||||
<div class="form-floating py-0">
|
||||
@@ -520,11 +532,11 @@ function initLogin() {
|
||||
</div>
|
||||
<div class="fs-7 my-2 satoshi_font text-center"> By continuing, I agree to the Terms of Use & Privacy Policy </div>
|
||||
<div class="col-12 mt-0 px-0">
|
||||
<button class="btn bg-gradient-anwi text-white w-100 cursor-pointer" type="submit">
|
||||
<button class="btn bg-gradient-anwi text-white w-100 cursor-pointer h-50p" type="submit">
|
||||
<div class="spinner-border authloginLoadingBtn d-none" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
<span class="authloginLoading">Continue</span>
|
||||
<span class="authloginLoading h-50p">Continue</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
@@ -544,8 +556,8 @@ function initLogin() {
|
||||
<span class="btnForgotback">
|
||||
<i class="fa-solid fa-arrow-left"></i>
|
||||
</span>
|
||||
</div> <div class="otp-validation"> <div class="otp-input-group mt-3"> <div> <h4 class="text-center">Enter OTP</h4> <div class="text-center">we have sent an OTP to this Email </div> <p class="user_email text-center"></p> <div class="otp-sent-email fw-600 text-center"></div> </div> <div class="d-flex my-4"> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="1" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="2" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="3" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="4" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="5" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="6" autocomplete="off"> </div> </div> </div> <div> <div class="btn bg-gradient-anwi w-100 loader-btn" style="display: none;"> <span class="loader"></span> </div> <a href="#" class="bg-gradient-anwi btn fw-500 text-white w-100" id="email_validate_proceed" type="submit"><div class="spinner-border otploading d-none" role="status">
|
||||
</div><span class="otploadingtext">CONFIRM</span></a> </div> <div class="resendOTP cursor-pointer text-center pt-4 font-weight-600">Resend OTP</div> </div></div>`;
|
||||
</div> <div class="otp-validation"> <div class="otp-input-group mt-3"> <div> <h4 class="text-center">Enter OTP</h4> <div class="text-center">We have send OTP to your email </div> <p class="user_email text-center"></p> <div class="otp-sent-email fw-600 text-center"></div> </div> <div class="d-flex my-4"> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="1" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="2" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="3" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="4" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="5" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="6" autocomplete="off"> </div> </div> </div> <div> <a href="#" class=" h-50p d-flex align-items-center justify-content-center bg-gradient-anwi btn fw-500 text-white w-100" id="email_validate_proceed" type="submit"><div class="spinner-border otploading d-none" role="status">
|
||||
</div><span class="otploadingtext">Verfiy OTP</span></a> </div> <div class="resendOTP cursor-pointer text-center pt-4 ">Resend OTP</div> </div></div>`;
|
||||
$('.authContainerUI').html(html);
|
||||
loadOTPEvents(forgot);
|
||||
}
|
||||
@@ -592,7 +604,7 @@ function initLogin() {
|
||||
let presVal = $(this).val();
|
||||
userotp += presVal;
|
||||
});
|
||||
|
||||
debugger;
|
||||
if (userotp.length == 6) {
|
||||
// const validateForgotpass = {
|
||||
// email: userDetails.email,
|
||||
@@ -615,14 +627,21 @@ function initLogin() {
|
||||
toasterHelper("success", "Email has been verified");
|
||||
return;
|
||||
}
|
||||
const res = await loginUserService(userDetails.email, userDetails.password);
|
||||
let res = await loginUserService(userDetails.email, userDetails.password);
|
||||
res = res.data;
|
||||
|
||||
|
||||
COOKIE_HELPER_ACTIONS.setCookie({
|
||||
token: res.data.result.sessionId,
|
||||
userid: res.data.result.userId,
|
||||
...res.data.result
|
||||
});
|
||||
let authObj = {
|
||||
token: res.result.sessionId,
|
||||
userId: res.result.userId,
|
||||
unibaseId:res.result.unibaseId,
|
||||
sessionId:res.result.sessionId,
|
||||
tenantId:res.result.tenantId,
|
||||
name:res.result.name,
|
||||
assetUrl:res.result.assetUrl
|
||||
};
|
||||
|
||||
COOKIE_HELPER_ACTIONS.setCookie(authObj);
|
||||
localStorage.setItem("userdata",JSON.stringify(res.result));
|
||||
const isCartAdded = localStorage.getItem(CART_ADD);
|
||||
if(isCartAdded){
|
||||
localStorage.removeItem(CART_ADD);
|
||||
|
||||
vendorováno
@@ -127,6 +127,7 @@ class AuthLoader extends HTMLElement {
|
||||
console.log(this.payment);
|
||||
this._shadowRoot = this.attachShadow({ 'mode': 'open' });
|
||||
this._shadowRoot.appendChild(template.content.cloneNode(true));
|
||||
this.show();
|
||||
}
|
||||
|
||||
static get observedAttributes() {
|
||||
|
||||
vendorováno
+1
-1
@@ -334,7 +334,7 @@ $(document).ready(function () {
|
||||
</div>
|
||||
<div class="footer-rkt position-absolute bottom-0
|
||||
end-0 me-5">
|
||||
<img src="https://anwisystems.com/dist/assets/imgs/Home/rocket-footer.png" alt="footer-rocket-img">
|
||||
<img src="../dist/assets/imgs/Home/rocket-footer.png" alt="footer-rocket-img">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
vendorováno
+183
-32
@@ -7,83 +7,231 @@
|
||||
|
||||
let width = $(window).width();
|
||||
|
||||
|
||||
const ADD_SUB_NAV_CONTAINER = 'ADD_SUB_NAV_CONTAINER';
|
||||
const REMOVE_SUB_NAV_CONTAINER = 'REMOVE_SUB_NAV_CONTAINER';
|
||||
|
||||
var header = $('.sticky-bar');
|
||||
var win = $(window);
|
||||
let ele_page = $("body").hasClass("product_pg");
|
||||
if(ele_page == true){
|
||||
let win_wid = win.width();
|
||||
|
||||
let ram_page = window.location.pathname;
|
||||
let loc= ram_page.includes('ramproducts.html');
|
||||
let loc_2= ram_page.includes('allinones.html');
|
||||
let loc_3= ram_page.includes('laptops.html');
|
||||
function naChanges(){
|
||||
if(loc === true){
|
||||
$("svg").find("path").attr("fill","#000");
|
||||
}
|
||||
else if(loc_2 === true || loc_3 === true){
|
||||
if(window.location.href.includes("?Zeno") || window.location.href.includes("?AIO%20Fyro") || window.location.href.includes("?FYRO") || window.location.href.includes("?AIO%20Zeno")){
|
||||
if(win_wid <=1199){
|
||||
$(".user-icon").find('path').attr('fill',"#000");
|
||||
$(".cart_icon").find('path').attr('fill',"#000");
|
||||
}else{
|
||||
$("svg").find("path").attr("fill","#fff");
|
||||
}
|
||||
|
||||
}else{
|
||||
$("svg").find("path").attr("fill","#000");
|
||||
}
|
||||
}
|
||||
else{
|
||||
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
|
||||
}
|
||||
|
||||
}
|
||||
setTimeout(naChanges, 1000);
|
||||
let $body_pg = $("body").hasClass("services_page");
|
||||
if ($body_pg == true) {
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
$("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
function naChanges(){
|
||||
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
|
||||
}
|
||||
setTimeout(naChanges, 1000);
|
||||
let $body_pg = $("body").hasClass("services_page");
|
||||
if ($body_pg == true) {
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
$("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
}
|
||||
|
||||
|
||||
function subNavContainer(option){
|
||||
|
||||
let urlName = window.location.href;
|
||||
|
||||
|
||||
if(!urlName.toLowerCase().includes('zeno') && !urlName.toLowerCase().includes('fyro')){
|
||||
return;
|
||||
}
|
||||
|
||||
if(option === ADD_SUB_NAV_CONTAINER){
|
||||
$('.sub_nav_container').removeClass('d-none');
|
||||
}else if(option === REMOVE_SUB_NAV_CONTAINER){
|
||||
$('.sub_nav_container').addClass('d-none');
|
||||
}
|
||||
}
|
||||
|
||||
win.on('scroll', function() {
|
||||
var scroll = win.scrollTop();
|
||||
// const mainContainerIsThere = document.querySelector('.mainContanierProduct').getBoundingClientRect();
|
||||
|
||||
// if(mainContainerIsThere.top <200){
|
||||
// $('.sub_nav_container').removeClass('d-none');
|
||||
// }else{
|
||||
// $('.sub_nav_container').addClass('d-none');
|
||||
// }
|
||||
|
||||
if (scroll < 100) {
|
||||
|
||||
header.removeClass('stick');
|
||||
$("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
|
||||
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
|
||||
$("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
|
||||
$(".hover_tab_1").find("svg").find("path").attr("fill","#fff");
|
||||
$(".hover_tab_2").find("svg").find("path").attr("fill","#fff");
|
||||
// $('.header-bottom-flex').find('svg path').attr('fill','#fff');
|
||||
$("body").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
|
||||
$("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
|
||||
|
||||
if(!$('.iframcontainer').hasClass('d-none')){
|
||||
subNavContainer(REMOVE_SUB_NAV_CONTAINER);
|
||||
}else if($('.iframcontainer').hasClass('d-none')){
|
||||
$('.sub_nav_container').addClass('d-none');
|
||||
}
|
||||
|
||||
|
||||
if ($body_pg == true) {
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
}else{
|
||||
let $about_pg = $("body").hasClass("about_page");
|
||||
|
||||
if($about_pg == true){
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
$("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
}else{
|
||||
let img_src = `./dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
$(".main-menu").find("nav ul li a").addClass("text-white");
|
||||
$(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
|
||||
if(loc === true || loc_2 === true || loc_3 === true){
|
||||
if(window.location.href.includes("?Zeno") || window.location.href.includes("?FYRO") || window.location.href.includes("?AIO%20Fyro") || window.location.href.includes("?AIO%20Zeno")){
|
||||
if(win_wid <=1199){
|
||||
$(".user-icon").find('path').attr('fill',"#000");
|
||||
$(".cart_icon").find('path').attr('fill',"#000");
|
||||
}else{
|
||||
let imgs = `/dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src",imgs);
|
||||
$(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
|
||||
$('.same-style').find('svg path').attr('fill','#fff');
|
||||
$('.header-bottom-flex').find('svg path').attr('fill','#fff');
|
||||
$(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
|
||||
}
|
||||
}
|
||||
else{
|
||||
let imgs = `/dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src",imgs);
|
||||
$('.same-style').find('svg path').attr('fill','#000');
|
||||
$('.header-bottom-flex').find('svg path').attr('fill','#000');
|
||||
$(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
|
||||
}
|
||||
} else{
|
||||
let contact_pg = $("body").hasClass("contact_page");
|
||||
if(contact_pg === true){
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
|
||||
$('.header-bottom-flex').find('svg path').attr('fill','#000');
|
||||
}else{
|
||||
let img_src = `/dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
|
||||
$(".main-menu").find("nav ul li a").addClass("text-white");
|
||||
$(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
} else {
|
||||
header.addClass('stick');
|
||||
|
||||
subNavContainer(ADD_SUB_NAV_CONTAINER);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
let src = `./dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",src);
|
||||
let src = `/dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",src);
|
||||
$(".main-menu").find("nav ul li a").removeClass("text-white");
|
||||
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
$('.header-bottom-flex').find('svg path').attr('fill','#000')
|
||||
let $body_pg = $("body").hasClass("services_page");
|
||||
if ($body_pg == true) {
|
||||
let src = `../dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",src);
|
||||
let src = `/dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",src);
|
||||
$(".main-menu").find("nav ul li a").removeClass("text-white");
|
||||
}
|
||||
let $about_pg = $("body").hasClass("about_page");
|
||||
if($about_pg == true){
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
$("nav ul li").each(function(){
|
||||
let nav_item = $(this).find("ul").hasClass("pb-3");
|
||||
if(nav_item === true){
|
||||
$(this).on("mouseenter",function(){
|
||||
$(".sub_nav_container").addClass("d-none");
|
||||
let nav_cls = $(".header-bottom").hasClass("stick");
|
||||
if(nav_cls === false){
|
||||
$(".header-bottom").addClass("bg-white");
|
||||
let src = `/dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",src);
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
|
||||
$('.header-bottom-flex').find('svg path').attr('fill','#000');
|
||||
}
|
||||
});
|
||||
$(this).on("mouseleave",function(){
|
||||
let nav_cls = $(".header-bottom").hasClass("stick");
|
||||
let product_detail = window.location.pathname;
|
||||
let detail = product_detail.includes("productdetails.html");
|
||||
if(detail === true){
|
||||
$(".sub_nav_container").removeClass("d-none");
|
||||
}
|
||||
|
||||
if(nav_cls === false){
|
||||
let ram_page = window.location.pathname;
|
||||
let loc= ram_page.includes('ramproducts.html');
|
||||
if(loc === false){
|
||||
let contact_pg = $("body").hasClass("contact_page");
|
||||
let product_pg = $("body").hasClass("product_pg");
|
||||
if(contact_pg === true){
|
||||
$(".header-bottom").removeClass("bg-white");
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
|
||||
let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
|
||||
}else if(product_pg === true){
|
||||
$(".header-bottom").removeClass("bg-white");
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
|
||||
let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
|
||||
$('.header-bottom-flex').find('svg path').attr('fill','#000');
|
||||
}else{
|
||||
$(".header-bottom").removeClass("bg-white");
|
||||
let src = `/dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",src);
|
||||
$(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
|
||||
$('.header-bottom-flex').find('svg path').attr('fill','#fff');
|
||||
}
|
||||
}else{
|
||||
$(".header-bottom").removeClass("bg-white");
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
/*--------------------------------
|
||||
Slider active 1
|
||||
-----------------------------------*/
|
||||
@@ -1503,5 +1651,8 @@
|
||||
}
|
||||
},300)
|
||||
|
||||
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
||||
|
||||
vendorováno
+22
-22
@@ -1,5 +1,5 @@
|
||||
async function addressDetails() {
|
||||
debugger;
|
||||
|
||||
// const user_addr_num =$("#Profile_Phone_num").val();
|
||||
getbillinginfoBind();
|
||||
let addr_phone = $('#phonenumber');
|
||||
@@ -14,7 +14,7 @@ async function addressDetails() {
|
||||
|
||||
function renderCustomStateDropdown(stateList) {
|
||||
let html = ``;
|
||||
debugger;;
|
||||
|
||||
let maxLen = stateList.length > 10 ? 10 : stateList.length
|
||||
for (let i = 0; i < maxLen; i++) {
|
||||
let currItem = stateList[i];
|
||||
@@ -24,7 +24,7 @@ async function addressDetails() {
|
||||
$('.stateBox').html(html);
|
||||
|
||||
$('.stateoption').off().click(function (e) {
|
||||
debugger;
|
||||
|
||||
const name = $(e.target).data('name');
|
||||
const id = $(e.target).data('value');
|
||||
$('#state').val(name);
|
||||
@@ -70,32 +70,32 @@ async function addressDetails() {
|
||||
`apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`
|
||||
);
|
||||
let res = JSON.parse(response.result);
|
||||
debugger;
|
||||
|
||||
console.log(res);
|
||||
res = res[res.length - 1];
|
||||
debugger
|
||||
addr_phone.val(res.phonenumber);
|
||||
$('#Profile_User_name').val(res.organizationname)
|
||||
$('#Profile_Phone_num').val(res.phonenumber)
|
||||
|
||||
addr_phone.val(res?.phonenumber);
|
||||
$('#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") {
|
||||
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 () {
|
||||
$('.Createaddress').off().on('click', async function () {
|
||||
if (addr_zip.val() == "" || addr_addrline.val() == "") {
|
||||
// toastr.error('Required Feilds are Empty!');
|
||||
// if(addr_phone.val() == '' || addr_phone.val().length <10){
|
||||
@@ -128,16 +128,16 @@ async function addressDetails() {
|
||||
})
|
||||
} else {
|
||||
$(".profile_Address").html(
|
||||
`<div class=User_address><address><p><strong class="">${res.organizationname}</strong><p>${res.addressline},${res.cityname},${res.zipcode}<p>Mobile: ${res.phonenumber}</address></div>`
|
||||
`<div class=User_address><address><p><strong class="">${res?.organizationname}</strong><p>${res?.addressline},${res?.cityname},${res?.zipcode}<p>Mobile: ${res?.phonenumber}</address></div>`
|
||||
);
|
||||
$('#state').val(res.cityname)
|
||||
$('#state').attr('data-id',res.cityid);
|
||||
$('#zipcode').val(res.zipcode);
|
||||
$('#addressdes').val(res.addressline);
|
||||
$('#state').val(res?.cityname)
|
||||
$('#state').attr('data-id',res?.cityid);
|
||||
$('#zipcode').val(res?.zipcode);
|
||||
$('#addressdes').val(res?.addressline);
|
||||
}
|
||||
resolve();
|
||||
});
|
||||
} debugger
|
||||
}
|
||||
|
||||
|
||||
$(".address_edit").on("click", function () {
|
||||
@@ -160,7 +160,7 @@ async function addressDetails() {
|
||||
.off("click")
|
||||
.click(async function () {
|
||||
|
||||
debugger
|
||||
|
||||
if (addr_zip.val() == "" || addr_addrline.val() == "") {
|
||||
// toastr.error('Required Feilds are Empty!');
|
||||
// if(addr_phone.val() == '' || addr_phone.val().length <10){
|
||||
@@ -201,7 +201,7 @@ async function addressDetails() {
|
||||
let limit = 10;
|
||||
let results = [];
|
||||
let maxLen = stateArr.length > 10 ? 10 :stateArr.length;
|
||||
debugger
|
||||
|
||||
for(let i=0;i<stateArr.length;i++){
|
||||
let currItem = stateArr[i];
|
||||
let stateName = currItem.cityname.toLowerCase();
|
||||
@@ -305,12 +305,12 @@ async function addressDetails() {
|
||||
}
|
||||
|
||||
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 stateId = $("#state").data('id');
|
||||
let payload = {
|
||||
cityid: stateId,
|
||||
CityName: $(`[data-id="${stateId}"`).html(),
|
||||
@@ -344,7 +344,7 @@ async function addressDetails() {
|
||||
}
|
||||
|
||||
async function AddresssaveForm() {
|
||||
debugger;
|
||||
|
||||
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
|
||||
let { userId, name } = cookieRes;
|
||||
const { errorMsg, isError, response } =
|
||||
|
||||
vendorováno
@@ -1,6 +1,7 @@
|
||||
function initmyaccount(){
|
||||
$('.my_account_page').removeClass('d-none')
|
||||
myProfile();
|
||||
supportTicketMain();
|
||||
bindOrderDetails();
|
||||
wattantyFunction();
|
||||
addressDetails()
|
||||
|
||||
vendorováno
+8
-8
@@ -1,5 +1,5 @@
|
||||
function myProfile() {
|
||||
debugger
|
||||
|
||||
getbillinginfoBind()
|
||||
async function getbillinginfoBind(){
|
||||
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
|
||||
@@ -8,16 +8,16 @@ function myProfile() {
|
||||
`apis/v4/bizgaze/integrations/anwiauth/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)
|
||||
$('#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>`
|
||||
$(".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;
|
||||
@@ -60,14 +60,14 @@ function myProfile() {
|
||||
$(".update_profile_pass").on("click", async function () {
|
||||
let userEmail = window.localStorage.getItem("Useremail");
|
||||
console.log(userEmail);
|
||||
let port = "http://beta.bizgaze.com";
|
||||
let port = SERVERNAME;
|
||||
// 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;
|
||||
@@ -129,7 +129,7 @@ function myProfile() {
|
||||
$('.profile_edit_cancel').trigger('click')
|
||||
})
|
||||
async function ProfilesaveForm() {
|
||||
debugger
|
||||
|
||||
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
|
||||
let { userId, name } = cookieRes;
|
||||
const { errorMsg, isError, response } =
|
||||
|
||||
vendorováno
+6
-6
@@ -1,6 +1,6 @@
|
||||
function wattantyFunction(){
|
||||
|
||||
debugger
|
||||
|
||||
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 Not Found</label></div><div class=mb-3><label class=form-label for=Add_phonenumber_inp>Enter Your Phone Number</label> <input class=form-control 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 for=Add_contactname_inp>Enter Your Contactname</label> <input class=form-control id=Add_contactname_inp required></div><div class="serial_submit text-end"><button class="btn btn-dark warranty_serialNumber_submit" type="button">Submit</button></div></div></div>`;
|
||||
|
||||
$(".user_orders").append(order_card);
|
||||
@@ -18,7 +18,7 @@ $('.warranty_serialNumber_submit').click(async function () {
|
||||
$('#Add_serial_number_inp').removeClass('border-danger')
|
||||
$('#Add_phonenumber_inp').removeClass('border-danger');
|
||||
let port = SERVERNAME;
|
||||
debugger
|
||||
|
||||
let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
|
||||
console.log(url);
|
||||
// const STAT = `05b2f2ca510344968c65e1ebf49a5595`
|
||||
@@ -31,7 +31,7 @@ $('.warranty_serialNumber_submit').click(async function () {
|
||||
};
|
||||
|
||||
let response = await axios(config);
|
||||
debugger
|
||||
|
||||
console.log(response)
|
||||
let product_res = response.data.result
|
||||
if (product_res != null) {
|
||||
@@ -70,7 +70,7 @@ $('.warranty_serialNumber_submit').click(async function () {
|
||||
let warrenty_date =value[0].warrantytodate
|
||||
let userwarrenty_product = `<div class="border-3 border-start my-3 order-cards ps-4 rounded-0" id='order-cards'> <div class="col-md-12 "><b>Warranty For :</b> ${value[0].itemname}</div><div class="row align-items-center"> <div class=col-md-12> <div class="col-md-6 my-2"><span>Serail NO :</span> <span class="fs-9 text-secondary serial_no_warrantynumber">${value[0].serialno}</span> </div><div class="col-md-6 my-2"><span> Warrenty Expiry Date :</span> <span class=" fs-9 text-secondary rounded-2 warrenty_date">${value[0].warrantytodate}</span> </div><div class="my-2 col-md-6"><span> Warranty Start Date :</span> <span class="fs-9 text-secondary purchase_date">${value[0].warrantyfromdate}</span> </div><div class="col-md-6 my-2"> <span> Warranty Status : </span><span class="bg-success btn fs-9 is_warranty_enable py-0 text-white"> ${value[0].warrantyenabled}</span> </div></div></div></div>`;
|
||||
let is_warranty_enable=value[0].warrantyenabled
|
||||
debugger
|
||||
|
||||
$(".user_Warranty_details").html(userwarrenty_product);
|
||||
if(is_warranty_enable == true){
|
||||
$('.is_warranty_enable').text('Activated')
|
||||
@@ -117,9 +117,9 @@ async function warrentyService(Warrentypayload) {
|
||||
// // let strDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
|
||||
// let strDate = new Date().toISOString().slice(0, 10)
|
||||
// console.log(strDate)
|
||||
debugger
|
||||
|
||||
const res = await postAPIServiceWarranty(`apis/v4/bizgaze/transact/items/savewarrantyasync`, Warrentypayload);
|
||||
debugger
|
||||
|
||||
console.log(res)
|
||||
if (res.data.status == 2) {
|
||||
// $('.warranty_productform').addClass('d-none');
|
||||
|
||||
vendorováno
+51
-13
@@ -1,11 +1,12 @@
|
||||
async function bindOrderDetails() {
|
||||
let user_number = $('.User_phoneum').text();
|
||||
// validatesession()
|
||||
debugger
|
||||
|
||||
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
|
||||
let { userId } = cookieRes;
|
||||
//let userId = '106631380000048';
|
||||
debugger;
|
||||
|
||||
console.log(cookieRes);
|
||||
let port = SERVERNAME;
|
||||
// let port = "http://localhost:3088";
|
||||
let url = `${port}/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`;
|
||||
@@ -19,14 +20,14 @@ async function bindOrderDetails() {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
};
|
||||
debugger
|
||||
|
||||
let res = await axios(config);
|
||||
if (res.data.result == '[]' || res.data.result === null) {
|
||||
$(".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);
|
||||
console.log(orderDetailsres,"order");
|
||||
let new_arrr = orderDetailsres;
|
||||
console.log(new_arrr);
|
||||
$(".user_order_details").html(``)
|
||||
@@ -36,14 +37,16 @@ async function bindOrderDetails() {
|
||||
let order_netTotal = '';
|
||||
let order_quantity = '';
|
||||
let order_taxAmount = '';
|
||||
|
||||
for (let i = 0; i < new_arrr.length; i++) {
|
||||
let current = new_arrr[i]
|
||||
console.log(current);
|
||||
let updatedCurent_total = current.nettotal.toLocaleString()
|
||||
order_itemTotal = current.itemtotal;
|
||||
order_netTotal = current.nettotal;
|
||||
order_quantity = current.Quantity;
|
||||
order_taxAmount = current.taxamount;
|
||||
user_order_details += `<a href="" class="order_details_main_container">
|
||||
user_order_details += `<div href="" class="order_details_main_container">
|
||||
<div class="border-3 mb-3 card">
|
||||
<div class="text-dark card-body px-0 pt-0">
|
||||
<div class="d-none">
|
||||
@@ -53,7 +56,7 @@ async function bindOrderDetails() {
|
||||
<span class="order_qty">${order_quantity}</span>
|
||||
</div>
|
||||
<div class="bg-gray-4 p-2 m-0 border-bottom">
|
||||
<p class="m-0 fw-600 text-secondary">ORDER NO: <span class="text-blue fs-9 serial_no ">${current.OrderNo}</span>
|
||||
<p class="m-0 fw-600 text-secondary">ORDER NO: <span class="text-blue fs-9 serial_no serial_no_btn "><u class="cursor-pointer">${current.OrderNo}</u></span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="bg-gray-4 p-2 row g-0">
|
||||
@@ -76,8 +79,17 @@ async function bindOrderDetails() {
|
||||
<div class="col-md-4 ms-auto">
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<p class="mb-1 text-info fw-500"> View order details </p>
|
||||
<p class="mb-0 text-info fw-500">Invoice</p>
|
||||
<div>
|
||||
<p class="mb-1 text-info fw-500"> View order details </p>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<p class="mb-0 text-info fw-500 text-center">Invoice</p>
|
||||
<p class="mb-1 fw-500 d-flex gap-2 pt-1">
|
||||
<span data-invoiceid="${current.invoiceid}" class="invoicedownload w-100 cursor-pointer bg-white rounded p-1 d-flex align-items-center justify-content-around"> <i class="fa-solid fa-file-invoice p-1 "></i></span>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -101,16 +113,42 @@ async function bindOrderDetails() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>`;
|
||||
</div>`;
|
||||
}
|
||||
$(".user_order_details").append(user_order_details);
|
||||
$('.order_details_main_container').click(function () {
|
||||
let current_serial_no = $(this).find('.serial_no').text();
|
||||
$('.serial_no_btn').click(function () {
|
||||
// order_details_main_container
|
||||
let current_serial_no = $(this).text();
|
||||
// window.localStorage.setItem('orderDate',current_order_date);
|
||||
// window.localStorage.setItem('orderSerialno',current_serial_no);
|
||||
// window.localStorage.setItem('Userphonenumber',user_number);
|
||||
$(this).attr('href', `./orderdetails.html#${current_serial_no}`)
|
||||
})
|
||||
// $(this).attr('href', `./orderdetails.html#${current_serial_no}`);
|
||||
|
||||
window.location.href = `/orderdetails.html#${current_serial_no}`;
|
||||
});
|
||||
|
||||
$('.invoicedownload').off('click').click(async function (e){
|
||||
let invoiceId = $(this).data('invoiceid');
|
||||
console.log(invoiceId);
|
||||
$(this).html(`<div style="width:15px;height:15px" class="spinner-border" role="status">
|
||||
<span class="sr-only">Loading...</span>
|
||||
</div>`)
|
||||
let res = await API_SERVICES_ACTIONS.postAPIService(`apis/v4/unibase/platform/templates/generatetemplatepdf/printprovideruniquekey/Bizgaze_Extension_Transact_Transact_PrintProvider_InvoicePrint/pkid/${invoiceId}`);
|
||||
|
||||
if(res.isError){
|
||||
toasterHelper(`error`,err.errorMsg,`toast-top-right`);
|
||||
return;
|
||||
}
|
||||
|
||||
res=JSON.parse(res.response.result);
|
||||
let {FilePath:fileLink} = res;
|
||||
let link = buildLinkWithServerName(fileLink);
|
||||
console.log(link);
|
||||
window.open(link, "_blank");
|
||||
|
||||
$(this).html(`<i class="fa-solid fa-file-invoice p-1 "></i>`)
|
||||
|
||||
});
|
||||
}
|
||||
function toasterOpts() {
|
||||
toastr.options = {
|
||||
|
||||
vendorováno
+333
-142
@@ -1,8 +1,58 @@
|
||||
navINIT();
|
||||
|
||||
function navINIT() {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
async function getAllProdouctsIds(){
|
||||
let res = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/products/getallproducts',true);
|
||||
if(res.isError){
|
||||
alert(res.errorMsg);
|
||||
return;
|
||||
}
|
||||
|
||||
res = JSON.parse(res.response.result);
|
||||
|
||||
for(let i=0;i<res.length;i++){
|
||||
let curr = res[i];
|
||||
let productname = curr.productname;
|
||||
let id = curr.productid;
|
||||
|
||||
// ACCESSORIES
|
||||
switch (productname) {
|
||||
case 'Zeno Sleekbook':
|
||||
appendIdNav('zenosleekbook',id);
|
||||
break;
|
||||
case 'Zeno Dualbook':
|
||||
appendIdNav('zenodualbook',id);
|
||||
break;
|
||||
case "FYRO Flagship":
|
||||
appendIdNav('fyroflagship',id);
|
||||
break;
|
||||
case "AIO Fyro":
|
||||
// appendIdNav('fyroaio',id);
|
||||
break;
|
||||
case "AIO Zeno":
|
||||
// appendIdNav('zenoaio',id);
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function appendIdNav(className,id){
|
||||
let html = $(`.${className}`).attr('href');
|
||||
const pattern = /{[^}]+}/g;
|
||||
const replacedString = html.replace(pattern, id);
|
||||
$(`.${className}`).parents('.nav-tab-show').removeClass('d-none')
|
||||
$(`.${className}`).attr('href',replacedString);
|
||||
}
|
||||
|
||||
if(!window.location.href.includes('orderconfirmation')&&!window.location.href.includes('/w/')){
|
||||
loadCart();
|
||||
|
||||
}
|
||||
|
||||
function loadHelper(src = './dist/js/utils/helpers.js'){
|
||||
@@ -40,6 +90,7 @@ function navINIT() {
|
||||
}
|
||||
|
||||
setLengthCart();
|
||||
getAllProdouctsIds();
|
||||
//console.log("hello");
|
||||
|
||||
|
||||
@@ -48,152 +99,122 @@ function navINIT() {
|
||||
}
|
||||
let URLNAMENAV = window.location.href;
|
||||
const isTransparent = URLNAMENAV.includes('login')||URLNAMENAV.includes('orderconfirmation')|| URLNAMENAV.includes('services/paymentmethod.html');
|
||||
|
||||
let nav_html = `
|
||||
<header class="header-area section-padding-1 transparent-bar" ${isTransparent ?'style="background:#0A1039"' :''}>
|
||||
<header class="header-area section-padding-1 transparent-bar" ${isTransparent ?'style="background:#000"' :''}>
|
||||
<div class="header-large-device">
|
||||
<div class="header-bottom sticky-bar">
|
||||
<div class="container">
|
||||
<div class="header-bottom-flex">
|
||||
<div class="logo-menu-wrap d-flex">
|
||||
<div class="logo-menu-wrap d-flex gap-5">
|
||||
<div class="logo">
|
||||
<a href="../index.html">
|
||||
<img src="/dist/assets/imgs/anwi-logo-2.png" alt="logo" class="w-50">
|
||||
<img src="/dist/assets/imgs/anwi-logo-2.png" alt="logo" class="nav_logo">
|
||||
</a>
|
||||
</div>
|
||||
<div class="main-menu menu-lh-1 main-menu-padding-1">
|
||||
<nav>
|
||||
<ul class="mb-0 p-0">
|
||||
<li class="hover_tab_1"><a href="./storageproducts.html" class="satoshi_font">STORAGE</a>
|
||||
<ul class="py-3 px-3 rounded-bottom shadow">
|
||||
<li class="d-flex">
|
||||
<ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active text-dark" data-bs-toggle="tab" href="#ora3">ORA 3</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" data-bs-toggle="tab" href="#ora4">ORA 4</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav w-500">
|
||||
<li>
|
||||
<div class="tab-content">
|
||||
<div id="ora3" class="container tab-pane active">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 512GB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 1TB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 2TB</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ora4" class="container tab-pane fade">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora4 M.2 NVMe 512GB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora4 M.2 NVMe 1TB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora4 M.2 NVMe 2TB</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="hover_tab_2"><a href="./ramproducts.html" class="satoshi_font">MEMORY</a>
|
||||
<ul class="py-3 px-3 rounded-bottom shadow">
|
||||
<li class="d-flex">
|
||||
<ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active text-dark" data-bs-toggle="tab" href="#laptop">Laptop</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" data-bs-toggle="tab" href="#desktop">Desktop</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav w-500">
|
||||
<li class="hover_tab_1">
|
||||
<a href="/laptops.html" class="satoshi_font">LAPTOPS
|
||||
<svg style="width:18px;height:15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#fff" d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<ul class="pb-3" style="list-style:none">
|
||||
<li>
|
||||
<div class="tab-content">
|
||||
<div id="laptop" class="container tab-pane active">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 8GB DDR5</p>
|
||||
<div class="d-flex gap-4r pt-4 pb-2 align-items-center justify-content-center">
|
||||
<div class="position-relative nav-tab-show d-none">
|
||||
<a class="h-100 nav_items zenosleekbook" href="/laptopdetails.html?Zeno#productId={106633230000029}">
|
||||
<div style="" class="align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
|
||||
<img src="https://appassets.bizgaze.app/_files/documents/663/cfed4b55-9c51-48a8-969f-2d443fdb9bac/15%20inch.png" alt="ora img" class="nav_imgs"/>
|
||||
<p class="mb-0 text-center text-dark w-100">Zeno Sleekbook </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 16GB DDR5</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4 ">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 32GB DDR5</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="desktop" class="container tab-pane fade">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 8GB DDR4</p>
|
||||
<div class="position-relative nav-tab-show d-none">
|
||||
<a class="h-100 nav_items fyroflagship" href="/laptopdetails.html?Fyro#productId={106633230000031}">
|
||||
<div style="" class=" align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
|
||||
<img src="https://appassets.bizgaze.app/_files/documents/663/39d3ec7f-c692-4489-a808-60d79c0ffcb1/17%20inches.png" alt="ora img" class="nav_imgs"/>
|
||||
<p class="mb-0 text-center text-dark w-100">Fyro Flagship </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 16GB DDR4</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 32GB DDR4</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="position-relative nav-tab-show d-none">
|
||||
<a class="h-100 nav_items zenodualbook" href="/laptopdetails.html?Zeno#productId={106633230000030}">
|
||||
<div style="" class=" align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
|
||||
<img src="https://appassets.bizgaze.app/_files/documents/663/3feb2ad5-7451-4cd5-ba7a-f6695e1fa708/zeno_dualbook.png" alt="ora img" class="nav_imgs"/>
|
||||
<p class="mb-0 text-center text-dark w-100">Zeno Dual Book </p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<li class="hover_tab_2">
|
||||
<a href="/allinones.html" class="satoshi_font">ALL IN ONES
|
||||
<svg style="width:18px;height:15px;" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#fff" d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<ul class="pb-3" style="list-style:none">
|
||||
<li>
|
||||
<div class="d-flex gap-4r pt-4 pb-2 align-items-center justify-content-center">
|
||||
<div class="position-relative nav-tab-show">
|
||||
<a class="h-100 nav_items zenoaio" href="/laptopdetails.html?AIO Zeno#productId=106633230000026#itemid=106633240000112">
|
||||
<div style="" class="align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
|
||||
<img src="https://appassets.bizgaze.app/_files/documents/663/42bdf033-74fb-45ca-b180-9bff7a0dca86/zeno_aio.png" alt="ora img" class="nav_imgs"/>
|
||||
<p class="mb-0 text-center text-dark w-100">Zeno All in ones</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="position-relative nav-tab-show">
|
||||
<a class="h-100 nav_items" href="/laptopdetails.html?AIO Fyro#productId=106633230000027#itemid=106633240000126">
|
||||
<div style="" class=" align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
|
||||
<img src="https://appassets.bizgaze.app/_files/documents/663/39e90b38-3d04-4f88-bff4-2b6feb3eb54c/Asset%204@2x.png" alt="ora img" class="nav_imgs"/>
|
||||
<p class="mb-0 text-center text-dark w-100">Fyro All in ones </p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="hover_tab_2">
|
||||
<a href="/accessories.html" class="satoshi_font">ACCESSORIES
|
||||
<svg style="width:18px;height:15px;" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#fff" d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<ul class="pb-3" style="list-style:none">
|
||||
<li>
|
||||
<div class="d-flex gap-4r pt-4 pb-2 align-items-center justify-content-center">
|
||||
<div class="position-relative nav-tab-show_acc">
|
||||
<a class="h-100 nav_items" href="/storageproducts.html">
|
||||
<div style="" class="align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
|
||||
<img src="https://appassets.bizgaze.app/_files/documents/663/c3ea1dde-6c5b-4169-922b-97c297c55737/Ora4%20SSD%202TB%20copy.png" alt="ora img" class="nav_imgs"/>
|
||||
<p class="mb-0 text-center text-dark w-100">Storage</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="position-relative nav-tab-show_acc">
|
||||
<a class="h-100 nav_items" href="/ramproducts.html">
|
||||
<div style="" class=" align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
|
||||
<img src="https://appassets.bizgaze.app/_files/documents/663/9d71f7a4-bf31-4d3c-b120-5de610321dc2/image_2023_05_05T09_12_42_081Z.png" alt="ora img" class="nav_imgs"/>
|
||||
<p class="mb-0 text-center text-dark w-100">Memory </p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!--
|
||||
<li><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li>
|
||||
<li><a href="./ramproducts.html" class="satoshi_font">MEMORY</a></li> -->
|
||||
<li><a href="./support.html" class="satoshi_font">SUPPORT</a></li>
|
||||
<li><a href="./press.html" class="satoshi_font">PRESS</a></li>
|
||||
<li><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
|
||||
<li><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
|
||||
<li class="d-none"><a href="#" class="satoshi_font product_data" item_id="106633220000002">ACCESSORIES</a></li>
|
||||
</ul>
|
||||
@@ -203,20 +224,61 @@ function navINIT() {
|
||||
<div class="header-action-wrap header-action-flex header-action-width header-action-mrg-1">
|
||||
<div class="same-style">
|
||||
<a href="/myaccount.html" class="my_avatar">
|
||||
|
||||
<svg style="width:20px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-2f4a9ed6" data-di-rand="1682677695656"><path fill="#fff" d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path></svg>
|
||||
<svg class="user-icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M21.4443 24.3665H19.4443V19.3235C19.4435 18.5395 19.1317 17.7879 18.5774 17.2335C18.023 16.6791 17.2713 16.3673 16.4873 16.3665H8.40134C7.61733 16.3673 6.86567 16.6791 6.3113 17.2335C5.75693 17.7879 5.44513 18.5395 5.44434 19.3235V24.3665H3.44434V19.3235C3.44592 18.0093 3.96869 16.7494 4.89796 15.8201C5.82723 14.8909 7.08714 14.3681 8.40134 14.3665H16.4873C17.8015 14.3681 19.0614 14.8909 19.9907 15.8201C20.92 16.7494 21.4427 18.0093 21.4443 19.3235V24.3665Z" fill="#fff"/>
|
||||
<path d="M12.4443 12.3665C11.2577 12.3665 10.0976 12.0146 9.11092 11.3553C8.12422 10.696 7.35519 9.75898 6.90106 8.66262C6.44694 7.56626 6.32812 6.35986 6.55963 5.19598C6.79114 4.03209 7.36258 2.96299 8.2017 2.12388C9.04081 1.28476 10.1099 0.713318 11.2738 0.481807C12.4377 0.250296 13.6441 0.369116 14.7404 0.823242C15.8368 1.27737 16.7739 2.0464 17.4332 3.0331C18.0924 4.01979 18.4443 5.17983 18.4443 6.36652C18.4427 7.95733 17.8101 9.48253 16.6852 10.6074C15.5604 11.7323 14.0352 12.3649 12.4443 12.3665ZM12.4443 2.36652C11.6532 2.36652 10.8799 2.60111 10.2221 3.04064C9.56426 3.48017 9.05157 4.10488 8.74882 4.83579C8.44607 5.56669 8.36686 6.37096 8.5212 7.14688C8.67554 7.9228 9.0565 8.63554 9.61591 9.19495C10.1753 9.75436 10.8881 10.1353 11.664 10.2897C12.4399 10.444 13.2442 10.3648 13.9751 10.062C14.706 9.75929 15.3307 9.2466 15.7702 8.5888C16.2097 7.931 16.4443 7.15764 16.4443 6.36652C16.4443 5.30565 16.0229 4.28824 15.2728 3.53809C14.5226 2.78795 13.5052 2.36652 12.4443 2.36652Z" fill="#fff"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="24" height="24" fill="white" transform="translate(0.444336 0.366516)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="same-style header-cart">
|
||||
<a class="cart-active1 position-relative" href="/shopping-cart.html">
|
||||
<svg style="width:20px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-90f52cd9" data-di-rand="1682677695656"><path fill="#fff" d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path></svg>
|
||||
|
||||
<svg class="cart_icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M24.4941 3.36652H4.73614L4.69414 3.01552C4.60819 2.28593 4.25753 1.61325 3.70863 1.12499C3.15974 0.636739 2.45077 0.366858 1.71614 0.366516L0.494141 0.366516V2.36652H1.71614C1.96107 2.36655 2.19748 2.45647 2.38051 2.61923C2.56355 2.78199 2.68048 3.00626 2.70914 3.24952L4.29414 16.7175C4.38009 17.4471 4.73076 18.1198 5.27965 18.608C5.82855 19.0963 6.53751 19.3662 7.27214 19.3665H20.4941V17.3665H7.27214C7.02705 17.3665 6.79052 17.2764 6.60747 17.1134C6.42441 16.9505 6.30757 16.7259 6.27914 16.4825L6.14814 15.3665H22.3301L24.4941 3.36652ZM20.6581 13.3665H5.91314L4.97214 5.36652H22.1011L20.6581 13.3665Z" fill="#fff"/>
|
||||
<path d="M7.49414 24.3665C8.59871 24.3665 9.49414 23.4711 9.49414 22.3665C9.49414 21.2619 8.59871 20.3665 7.49414 20.3665C6.38957 20.3665 5.49414 21.2619 5.49414 22.3665C5.49414 23.4711 6.38957 24.3665 7.49414 24.3665Z" fill="#fff"/>
|
||||
<path d="M17.4941 24.3665C18.5987 24.3665 19.4941 23.4711 19.4941 22.3665C19.4941 21.2619 18.5987 20.3665 17.4941 20.3665C16.3896 20.3665 15.4941 21.2619 15.4941 22.3665C15.4941 23.4711 16.3896 24.3665 17.4941 24.3665Z" fill="#fff"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="24" height="24" fill="white" transform="translate(0.494141 0.366516)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
<span class="position-absolute cartnumcount d-none" >0</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sub_nav_container bg-white d-none border-top" style="
|
||||
box-shadow: 0 6PX 16PX 0 #1919190f;
|
||||
-webkit-backdrop-filter: blur(6px);
|
||||
backdrop-filter: blur(6px);">
|
||||
<div class="container">
|
||||
<div class="d-flex justify-content-between">
|
||||
<span class="d-flex align-items-center font-weight-600">
|
||||
<h2 class="titleproductnav sub_nav_item me-3 fs-9"></h2></span>
|
||||
<ul class="d-flex mb-0 py-3 justify-content-center align-items-center" style="list-style:none;">
|
||||
<li>
|
||||
<a data-overview="#${window.location.href.includes('Zeno')?'overview_data_zeno':'overview_data_fyro'}" class="sub_nav_item overview me-3 fs-9">Overview</a>
|
||||
</li>
|
||||
<li>
|
||||
<a data-spec="true" class="sub_nav_item me-3 fs-9 overviewspecs">Specifications</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="font-12p btn btn-dark button_dark sub_nav_item text-white">Buy now</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-small-device header-small-ptb sticky-bar py-md-2 py-2 bg-white">
|
||||
@@ -241,10 +303,34 @@ function navINIT() {
|
||||
<div class="col-6">
|
||||
<div class="header-action-wrap header-action-flex header-action-mrg-1">
|
||||
<div class="same-style">
|
||||
<a href="/myaccount.html" class="my_avatar"> <svg style="width:22px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-2f4a9ed6" data-di-rand="1682677695656"><path fill="#fff" d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path></svg></a>
|
||||
<a href="/myaccount.html" class="my_avatar">
|
||||
<svg class="user-icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" data-di-res-id="e576e1a9-2f4a9ed6" data-di-rand="1682677695656">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M21.4443 24.3665H19.4443V19.3235C19.4435 18.5395 19.1317 17.7879 18.5774 17.2335C18.023 16.6791 17.2713 16.3673 16.4873 16.3665H8.40134C7.61733 16.3673 6.86567 16.6791 6.3113 17.2335C5.75693 17.7879 5.44513 18.5395 5.44434 19.3235V24.3665H3.44434V19.3235C3.44592 18.0093 3.96869 16.7494 4.89796 15.8201C5.82723 14.8909 7.08714 14.3681 8.40134 14.3665H16.4873C17.8015 14.3681 19.0614 14.8909 19.9907 15.8201C20.92 16.7494 21.4427 18.0093 21.4443 19.3235V24.3665Z" fill="#fff"/>
|
||||
<path d="M12.4443 12.3665C11.2577 12.3665 10.0976 12.0146 9.11092 11.3553C8.12422 10.696 7.35519 9.75898 6.90106 8.66262C6.44694 7.56626 6.32812 6.35986 6.55963 5.19598C6.79114 4.03209 7.36258 2.96299 8.2017 2.12388C9.04081 1.28476 10.1099 0.713318 11.2738 0.481807C12.4377 0.250296 13.6441 0.369116 14.7404 0.823242C15.8368 1.27737 16.7739 2.0464 17.4332 3.0331C18.0924 4.01979 18.4443 5.17983 18.4443 6.36652C18.4427 7.95733 17.8101 9.48253 16.6852 10.6074C15.5604 11.7323 14.0352 12.3649 12.4443 12.3665ZM12.4443 2.36652C11.6532 2.36652 10.8799 2.60111 10.2221 3.04064C9.56426 3.48017 9.05157 4.10488 8.74882 4.83579C8.44607 5.56669 8.36686 6.37096 8.5212 7.14688C8.67554 7.9228 9.0565 8.63554 9.61591 9.19495C10.1753 9.75436 10.8881 10.1353 11.664 10.2897C12.4399 10.444 13.2442 10.3648 13.9751 10.062C14.706 9.75929 15.3307 9.2466 15.7702 8.5888C16.2097 7.931 16.4443 7.15764 16.4443 6.36652C16.4443 5.30565 16.0229 4.28824 15.2728 3.53809C14.5226 2.78795 13.5052 2.36652 12.4443 2.36652Z" fill="#fff"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="24" height="24" fill="white" transform="translate(0.444336 0.366516)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="same-style header-cart">
|
||||
<a class="cart-active1 position-relative" href="/shopping-cart.html"> <svg style="width:22px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-90f52cd9" data-di-rand="1682677695656"><path fill="#fff" d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path></svg>
|
||||
<div class="same-style header-cart ms-3">
|
||||
<a class="cart-active1 position-relative" href="/shopping-cart.html">
|
||||
<svg class="cart_icon icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" data-di-res-id="e576e1a9-90f52cd9" data-di-rand="1682677695656">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M24.4941 3.36652H4.73614L4.69414 3.01552C4.60819 2.28593 4.25753 1.61325 3.70863 1.12499C3.15974 0.636739 2.45077 0.366858 1.71614 0.366516L0.494141 0.366516V2.36652H1.71614C1.96107 2.36655 2.19748 2.45647 2.38051 2.61923C2.56355 2.78199 2.68048 3.00626 2.70914 3.24952L4.29414 16.7175C4.38009 17.4471 4.73076 18.1198 5.27965 18.608C5.82855 19.0963 6.53751 19.3662 7.27214 19.3665H20.4941V17.3665H7.27214C7.02705 17.3665 6.79052 17.2764 6.60747 17.1134C6.42441 16.9505 6.30757 16.7259 6.27914 16.4825L6.14814 15.3665H22.3301L24.4941 3.36652ZM20.6581 13.3665H5.91314L4.97214 5.36652H22.1011L20.6581 13.3665Z" fill="#fff"/>
|
||||
<path d="M7.49414 24.3665C8.59871 24.3665 9.49414 23.4711 9.49414 22.3665C9.49414 21.2619 8.59871 20.3665 7.49414 20.3665C6.38957 20.3665 5.49414 21.2619 5.49414 22.3665C5.49414 23.4711 6.38957 24.3665 7.49414 24.3665Z" fill="#fff"/>
|
||||
<path d="M17.4941 24.3665C18.5987 24.3665 19.4941 23.4711 19.4941 22.3665C19.4941 21.2619 18.5987 20.3665 17.4941 20.3665C16.3896 20.3665 15.4941 21.2619 15.4941 22.3665C15.4941 23.4711 16.3896 24.3665 17.4941 24.3665Z" fill="#fff"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="24" height="24" fill="white" transform="translate(0.494141 0.366516)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
<span class="position-absolute cartnumcount d-none" style="top:-27%;right:-80%">0</span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -280,11 +366,66 @@ function navINIT() {
|
||||
<div class="clickable-mainmenu-wrap clickable-mainmenu-style1">
|
||||
<nav>
|
||||
<ul class="pl-0">
|
||||
<li class=""><a href="./ramproducts.html" class="satoshi_font">RAM</a></li>
|
||||
<li class=""><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li>
|
||||
|
||||
|
||||
|
||||
<li class="expandlinav">
|
||||
<div class="d-flex justify-content-between explandlinavnameparent">
|
||||
<span class="explandlinavname">LAPTOP</span><span data-name="laptops.html" class=" viewall_li">+</span>
|
||||
</div>
|
||||
<div class="content-expandlinav pt-2 d-none">
|
||||
<a class="h-100 p-1 zenosleekbook" href="/laptopdetails.html?Zeno#productId={106633230000029}">
|
||||
<div class="ps-2">
|
||||
Zeno Sleekbook
|
||||
</div>
|
||||
</a>
|
||||
<a class="h-100 p-1 fyroflagship" href="/laptopdetails.html?Fyro#productId={106633230000031}">
|
||||
<div class="ps-2">Fyro Flagship </div>
|
||||
</a>
|
||||
<a class="h-100 p-1 zenodualbook" href="/laptopdetails.html?Zeno#productId={106633230000030}">
|
||||
<div class="ps-2">Zeno Dual Book </div>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="expandlinav">
|
||||
<div class="d-flex justify-content-between explandlinavnameparent">
|
||||
<span class="explandlinavname">ALL IN ONES </span><span data-name="allinones.html" class="viewall_li">+</span>
|
||||
</div>
|
||||
<div class="content-expandlinav pt-2 d-none">
|
||||
<a class="h-100 p-1" href="/laptopdetails.html?AIO Zeno#productId=106633230000026#itemid=106633240000112">
|
||||
<div class="ps-2">
|
||||
Zeno All In One
|
||||
</div>
|
||||
</a>
|
||||
<a class="h-100 p-1" href="/laptopdetails.html?AIO Fyro#productId=106633230000027#itemid=106633240000126">
|
||||
<div class="ps-2">
|
||||
Fyro All iIn One
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="expandlinav">
|
||||
<div class="d-flex justify-content-between explandlinavnameparent">
|
||||
<span class="explandlinavname">ACCESSORIES </span><span data-name="allinones.html" class="viewall_li">+</span>
|
||||
</div>
|
||||
<div class="content-expandlinav pt-2 d-none">
|
||||
<a class="h-100 p-1" href="/storageproducts.html">
|
||||
<div class="ps-2">
|
||||
Storage
|
||||
</div>
|
||||
</a>
|
||||
<a class="h-100 p-1" href="/ramproducts.html">
|
||||
<div class="ps-2">
|
||||
Memory
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--
|
||||
<li class=""><a href="./ramproducts.html" class="satoshi_font">MEMORY</a></li>
|
||||
<li class=""><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li> -->
|
||||
<li class=""><a href="./support.html" class="satoshi_font" >SUPPORT</a></li>
|
||||
<li class=""><a href="./press.html" class="satoshi_font">PRESS</a></li>
|
||||
<li class=""><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
|
||||
<li class=""><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
@@ -313,6 +454,23 @@ function navINIT() {
|
||||
</div>
|
||||
</div>`;
|
||||
$("#navbar-head").html(nav_html);
|
||||
|
||||
$('.explandlinavnameparent').click(function (e){
|
||||
|
||||
let parentElement = $(e.target).parents('.expandlinav');
|
||||
if($(parentElement).find('.content-expandlinav').hasClass('d-none')){
|
||||
const name = $(parentElement).find('.viewall_li').data('name');
|
||||
$(parentElement).find('.viewall_li').html(`<a href="${name}">view all</a>`);
|
||||
$(parentElement).find('.content-expandlinav').removeClass('d-none');
|
||||
}else{
|
||||
$(parentElement).find('.viewall_li').html('+');
|
||||
$(parentElement).find('.content-expandlinav').addClass('d-none');
|
||||
}
|
||||
|
||||
console.log($(e.target));
|
||||
|
||||
});
|
||||
|
||||
let width = $(window).width();
|
||||
$(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width", width);
|
||||
let ele_page = $("body").hasClass("product_pg");
|
||||
@@ -321,7 +479,7 @@ function navINIT() {
|
||||
$(".main-menu").find("nav ul li a").addClass("text-white");
|
||||
$(".header-bottom.sticky-bar").removeClass("sticky-bar");
|
||||
let src = `../dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src", src);
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src", src);
|
||||
$(".main-body").find("iframe").attr("width", width);
|
||||
if (width <= 575 && width >= 390) {
|
||||
$(".main-body").find("iframe").attr({
|
||||
@@ -338,15 +496,26 @@ function navINIT() {
|
||||
width: width,
|
||||
height: 530,
|
||||
});
|
||||
} else if (width <= 2720 && width > 1920) {
|
||||
} else if (width <= 2720 && width > 2300) {
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 1440,
|
||||
});
|
||||
} else {
|
||||
} else if(width <= 2300 && width > 1921){
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 860,
|
||||
height: 1132,
|
||||
});
|
||||
}
|
||||
else if(width <= 1920 && width > 1620){
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 1083,
|
||||
});
|
||||
}else {
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 861,
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -388,6 +557,10 @@ function navINIT() {
|
||||
|
||||
//services pages links and sources
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
let $body_pg = $("body").hasClass("services_page");
|
||||
let $hm_pg = "../index.html";
|
||||
let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
|
||||
@@ -395,10 +568,9 @@ function navINIT() {
|
||||
let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
|
||||
let $about_pg = $("body").hasClass("about_page");
|
||||
if($about_pg == true){
|
||||
debugger
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
$(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
$("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
}
|
||||
@@ -406,7 +578,7 @@ function navINIT() {
|
||||
$(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href", $hm_pg);
|
||||
$(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src", $nav_img);
|
||||
$(".mobile-logo").find("a").attr("href", $hm_pg);
|
||||
$(".mobile-logo").find("a img").attr("src", $nav_img);
|
||||
$(".mobile-logo").find(".logo a img").attr("src", $nav_img);
|
||||
$("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
$(".main-menu").find("nav ul").find("li a").each(function () {
|
||||
$(this).addClass("text-dark")
|
||||
@@ -447,7 +619,26 @@ function navINIT() {
|
||||
|
||||
setTimeout(()=>{
|
||||
if(width<=600){
|
||||
$('.same-style').find('svg path').attr('fill','#000')
|
||||
$('.same-style').find('svg path').attr('fill','#000');
|
||||
}
|
||||
},300)
|
||||
},300);
|
||||
|
||||
// overview
|
||||
|
||||
$('.overview').click(function (e){
|
||||
let name = $(e.target).data('overview');
|
||||
|
||||
document.querySelector(name)?.scrollIntoView({
|
||||
behavior: 'smooth'
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$('.overviewspecs').click(function (e){
|
||||
document.querySelector('#specification_data')?.scrollIntoView({
|
||||
behavior: 'smooth'
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
vendorováno
+370
-266
@@ -1,121 +1,226 @@
|
||||
let nav_html = `
|
||||
<header class="header-area section-padding-1 transparent-bar bg-white">
|
||||
navINIT();
|
||||
|
||||
function navINIT() {
|
||||
if(!window.location.href.includes('orderconfirmation')&&!window.location.href.includes('/w/')){
|
||||
loadCart();
|
||||
}
|
||||
|
||||
function loadHelper(src = './dist/js/utils/helpers.js'){
|
||||
if ($(`script[src="${src}"]`).length > 0) {
|
||||
return new Promise((resolve) => resolve());
|
||||
}
|
||||
return new Promise(function (resolve, reject) {
|
||||
var s;
|
||||
s = document.createElement('script');
|
||||
s.src = src;
|
||||
s.onload = resolve;
|
||||
s.onerror = reject;
|
||||
document.head.appendChild(s);
|
||||
});
|
||||
}
|
||||
async function loadCart(){
|
||||
|
||||
if(!window.location.href.includes('services/paymentmethod.html')){
|
||||
let files = ['./dist/js/shoppingcart/addtocart.js'];
|
||||
await loadHelper();
|
||||
for(let i=0;i<files.length;i++){
|
||||
if ($(`script[src="${files[i]}"]`).length > 0) {
|
||||
continue;
|
||||
}
|
||||
try {
|
||||
|
||||
await loadHelper(files[i])
|
||||
console.log("done");
|
||||
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
setLengthCart();
|
||||
//console.log("hello");
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
let URLNAMENAV = window.location.href;
|
||||
const isTransparent = URLNAMENAV.includes('login')||URLNAMENAV.includes('orderconfirmation')|| URLNAMENAV.includes('services/paymentmethod.html');
|
||||
let nav_html = `
|
||||
<header class="header-area section-padding-1 transparent-bar" ${isTransparent ?'style="background:#0A1039"' :''}>
|
||||
<div class="header-large-device">
|
||||
<div class="header-bottom sticky-bar">
|
||||
<div class="container">
|
||||
<div class="header-bottom-flex">
|
||||
<div class="logo-menu-wrap d-flex">
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="./dist/assets/imgs/anwi-logo-1.png" alt="logo" class="w-50">
|
||||
<a href="../index.html">
|
||||
<img src="/dist/assets/imgs/anwi-logo-2.png" alt="logo" class="w-50">
|
||||
</a>
|
||||
</div>
|
||||
<div class="main-menu menu-lh-1 main-menu-padding-1">
|
||||
<nav>
|
||||
<ul class="mb-0 p-0">
|
||||
<li><a href="#" class="satoshi_font">LAPTOP</a>
|
||||
<ul class="mega-menu-style-1 border-top mega-menu-width2 menu-negative-mrg2 shadow d-flex justify-content-center">
|
||||
<li class="mega-menu-sub-width20 p-0 me-4"><a class="menu-title" href="#">Shop Layout</a>
|
||||
<a class="dropdown-item" href="./allinone34inch.html">
|
||||
<div class="dropdown-item-img text-center mb-2 hover-zoom">
|
||||
<img src="../dist/assets/imgs/allinone14inch/preview-front.png" alt="Laptop-img" class="img-fluid mx-auto">
|
||||
</div>
|
||||
<div class="dropdown-item-content">
|
||||
<h6 class="dropdown-item-title text-center satoshi_font px-2 fs-9">ZENO 14-inch</h6>
|
||||
</div>
|
||||
</a>
|
||||
<li class="hover_tab_1"><a href="./storageproducts.html" class="satoshi_font">STORAGE</a>
|
||||
<ul class="py-3 px-3 rounded-bottom shadow">
|
||||
<li class="d-flex">
|
||||
<ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active text-dark" data-bs-toggle="tab" href="#ora3">ORA 3</a>
|
||||
</li>
|
||||
<li class="mega-menu-sub-width20 p-0 d-none"><a class="menu-title" href="#">Product Layout</a>
|
||||
<a class="dropdown-item " href="#">
|
||||
<div class="dropdown-item-img text-center mb-2 hover-zoom">
|
||||
<img src="../dist/assets/imgs/Navbar/Business-laptop.png" alt="Laptop-img" class="img-fluid mx-auto">
|
||||
</div>
|
||||
<div class="dropdown-item-content">
|
||||
<h6 class="dropdown-item-title text-center satoshi_font px-2 fs-9">ZENO 15.6-inch Business Laptop</h6>
|
||||
</div>
|
||||
</a>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" data-bs-toggle="tab" href="#ora4">ORA 4</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#" class="satoshi_font">ALL IN ONE</a>
|
||||
<ul class="mega-menu-style-1 border-top mega-menu-width2 menu-negative-mrg3 shadow d-flex justify-content-center">
|
||||
<li class="me-4 p-0 mt-4">
|
||||
<a class="dropdown-item" href="./allin_one.html">
|
||||
<div class="dropdown-item-img text-center mb-2 hover-zoom">
|
||||
<img src="../dist/assets/imgs/allin_imgs/desktop_1a.png" alt="Laptop-img" class="img-fluid mx-auto">
|
||||
<ul class="nav w-500">
|
||||
<li>
|
||||
<div class="tab-content">
|
||||
<div id="ora3" class="container tab-pane active">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 512GB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 1TB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 2TB</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown-item-content">
|
||||
<h6 class="dropdown-item-title text-center satoshi_font fs-9">AIO 24-inch i5</h6>
|
||||
</div>
|
||||
<div id="ora4" class="container tab-pane fade">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora4 M.2 NVMe 512GB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora4 M.2 NVMe 1TB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora4 M.2 NVMe 2TB</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="p-0 d-none">
|
||||
<a class="dropdown-item " href="#">
|
||||
<div class="dropdown-item-img text-center mb-2 hover-zoom">
|
||||
<img src="../dist/assets/imgs/Navbar/Compact-cpu.png" alt="Laptop-img" class="img-fluid mx-auto">
|
||||
</div>
|
||||
<div class="dropdown-item-content">
|
||||
<h6 class="dropdown-item-title text-center satoshi_font fs-9">34 inch AIO i7 4K</h6>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#" class="satoshi_font product_data" item_id="106633220000002">ACCESSORIES</a>
|
||||
<ul class="mega-menu-style-1 border-top mega-menu-width2 menu-negative-mrg4 shadow d-flex justify-content-center">
|
||||
<li class="me-4 p-0">
|
||||
<a class="dropdown-item ram_data cursor-pointer" href="../ramproducts.html" accessories_id="106633220000007">
|
||||
<div class="dropdown-item-img text-center mb-2 hover-zoom">
|
||||
<img src="../dist/assets/imgs/Navbar/ram_img.png" alt="Laptop-img" class="h-120p img-fluid mx-auto">
|
||||
</div>
|
||||
<div class="dropdown-item-content">
|
||||
<h6 class="dropdown-item-title text-center satoshi_font px-2 fs-9">RAM</h6>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="p-0">
|
||||
<a class="dropdown-item" href="../storageproducts.html">
|
||||
<div class="dropdown-item-img text-center mb-2 hover-zoom">
|
||||
<img src="../dist/assets/imgs/Navbar/ora3_ram.png" alt="Laptop-img" class="h-120p img-fluid mx-auto">
|
||||
</div>
|
||||
<div class="dropdown-item-content">
|
||||
<h6 class="dropdown-item-title text-center satoshi_font px-2 fs-9">Storage</h6>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="hover_tab_2"><a href="./ramproducts.html" class="satoshi_font">MEMORY</a>
|
||||
<ul class="py-3 px-3 rounded-bottom shadow">
|
||||
<li class="d-flex">
|
||||
<ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active text-dark" data-bs-toggle="tab" href="#laptop">Laptop</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" data-bs-toggle="tab" href="#desktop">Desktop</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav w-500">
|
||||
<li>
|
||||
<a href="./support.html" class="satoshi_font">SUPPORT</a>
|
||||
</li>
|
||||
<div class="tab-content">
|
||||
<div id="laptop" class="container tab-pane active">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 8GB DDR5</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 16GB DDR5</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4 ">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 32GB DDR5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="desktop" class="container tab-pane fade">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 8GB DDR4</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 16GB DDR4</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 32GB DDR4</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="./support.html" class="satoshi_font">SUPPORT</a></li>
|
||||
<li><a href="./press.html" class="satoshi_font">PRESS</a></li>
|
||||
<li><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
|
||||
<li><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
|
||||
<li class="d-none"><a href="#" class="satoshi_font product_data" item_id="106633220000002">ACCESSORIES</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-action-wrap header-action-flex header-action-width header-action-mrg-1">
|
||||
<div class="search-style-1 d-none">
|
||||
<form>
|
||||
<div class="form-search-1">
|
||||
<input class="input-text" value="" placeholder="Type to search (Ex: Phone, Laptop)" type="search">
|
||||
<button>
|
||||
<i class="icofont-search-1"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="same-style">
|
||||
<a href="login.html"><i class="fa-solid fa-user"></i></a>
|
||||
<a href="/myaccount.html" class="my_avatar">
|
||||
|
||||
<svg style="width:20px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-2f4a9ed6" data-di-rand="1682677695656"><path fill="#fff" d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="same-style header-cart">
|
||||
<a class="cart-active1" href="#"><i class="fa-solid fa-cart-shopping"></i></a>
|
||||
<a class="cart-active1 position-relative" href="/shopping-cart.html">
|
||||
<svg style="width:20px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-90f52cd9" data-di-rand="1682677695656"><path fill="#fff" d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path></svg>
|
||||
|
||||
<span class="position-absolute cartnumcount d-none" >0</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-small-device header-small-ptb sticky-bar py-md-2 py-2">
|
||||
<div class="container-fluid">
|
||||
<div class="header-small-device header-small-ptb sticky-bar py-md-2 py-2 bg-white">
|
||||
<div class="container-fluid px-4">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-6 header-action-wrap">
|
||||
<div class="d-flex">
|
||||
@@ -127,8 +232,8 @@ let nav_html = `
|
||||
</button>
|
||||
</div>
|
||||
<div class="mobile-logo mobile-logo-width ps-3">
|
||||
<a href="index.html">
|
||||
<img alt="" src="./dist/assets/imgs/anwi-logo-1.png" class="w-50">
|
||||
<a href="../index.html">
|
||||
<img alt="" src="/dist/assets/imgs/anwi-logo-1.png" class="w-50">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -136,10 +241,12 @@ let nav_html = `
|
||||
<div class="col-6">
|
||||
<div class="header-action-wrap header-action-flex header-action-mrg-1">
|
||||
<div class="same-style">
|
||||
<a href="login.html"><i class="fa-solid fa-user"></i></a>
|
||||
<a href="/myaccount.html" class="my_avatar"> <svg style="width:22px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-2f4a9ed6" data-di-rand="1682677695656"><path fill="#fff" d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path></svg></a>
|
||||
</div>
|
||||
<div class="same-style header-cart">
|
||||
<a class="cart-active1" href="./shopping-cart.html"><i class="fa-solid fa-cart-shopping"></i></a>
|
||||
<a class="cart-active1 position-relative" href="/shopping-cart.html"> <svg style="width:22px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-90f52cd9" data-di-rand="1682677695656"><path fill="#fff" d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path></svg>
|
||||
<span class="position-absolute cartnumcount d-none" style="top:-27%;right:-80%">0</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -147,56 +254,14 @@ let nav_html = `
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- mini cart start -->
|
||||
<div class="sidebar-cart-active">
|
||||
<div class="sidebar-cart-all">
|
||||
<a class="cart-close" href="#"><i class="fa-solid fa-xmark"></i></a>
|
||||
<div class="cart-content">
|
||||
<h3 class="satoshi_font">Shopping Cart</h3>
|
||||
<ul>
|
||||
<li class="single-product-cart">
|
||||
<div class="cart-img">
|
||||
<a href="#"><img src="assets/images/cart/cart-1.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="cart-title">
|
||||
<h4><a href="#" class="satoshi_font">Awesome Mobile</a></h4>
|
||||
<span class="satoshi_font"> 1 × $49.00 </span>
|
||||
</div>
|
||||
<div class="cart-delete">
|
||||
<a href="#" class="satoshi_font">×</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="single-product-cart">
|
||||
<div class="cart-img">
|
||||
<a href="#"><img src="assets/images/cart/cart-2.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="cart-title">
|
||||
<h4><a href="#" class="satoshi_font">Smart Watch</a></h4>
|
||||
<span class="satoshi_font"> 1 × $49.00 </span>
|
||||
</div>
|
||||
<div class="cart-delete">
|
||||
<a href="#" class="satoshi_font">×</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="cart-total">
|
||||
<h4 class="satoshi_font">Subtotal: <span class="satoshi_font">$170.00</span></h4>
|
||||
</div>
|
||||
<div class="cart-checkout-btn d-flex">
|
||||
<a class="btn-hover cart-btn-style satoshi_font mx-1" href="cart.html">view cart</a>
|
||||
<a class="no-mrg btn-hover cart-btn-style satoshi_font m-0" href="checkout.html">checkout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Mobile menu start -->
|
||||
<div class="mobile-menu-active clickalbe-sidebar-wrapper-style-1">
|
||||
<div class="clickalbe-sidebar-wrap">
|
||||
<div class="row pb-2 border-bottom">
|
||||
<div class="col-6">
|
||||
<div class="mobile-logo mobile-logo-width">
|
||||
<a href="index.html">
|
||||
<img alt="" src="./dist/assets/imgs/anwi-logo-1.png" class="w-75">
|
||||
<a href="../index.html">
|
||||
<img alt="" src="/dist/assets/imgs/anwi-logo-1.png" class="w-75">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -215,107 +280,32 @@ let nav_html = `
|
||||
<div class="clickable-mainmenu-wrap clickable-mainmenu-style1">
|
||||
<nav>
|
||||
<ul class="pl-0">
|
||||
<li class="has-sub-menu d-none"><a href="#">Home</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li class="has-sub-menu"><a href="#">Demo Group #01</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="index.html">Home Multipurpose</a></li>
|
||||
<li><a href="index-megashop.html">Home Mega Shop</a></li>
|
||||
<li><a href="index-fashion.html">Home Fashion</a></li>
|
||||
<li><a href="index-fashion-2.html">Home Fashion 2 </a></li>
|
||||
<li><a href="index-automobile.html">Home Automobile</a></li>
|
||||
<li><a href="index-furniture.html">Home Furniture</a></li>
|
||||
<li><a href="index-electric.html">Home Electric</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#">Demo Group #02</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="index-electric-2.html">Home Electric 2</a></li>
|
||||
<li><a href="index-handcraft.html">Home Hand Craft</a></li>
|
||||
<li><a href="index-book.html">Home Book</a></li>
|
||||
<li><a href="index-book-2.html">Home Book 2</a></li>
|
||||
<li><a href="index-cake.html">Home cake</a></li>
|
||||
<li><a href="index-organic.html">Home Organic</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#">Demo Group #03</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="index-flower.html">Home Flower</a></li>
|
||||
<li><a href="index-treeplant.html">Home Tree plant</a></li>
|
||||
<li><a href="index-pet-food.html">Home Pet Food</a></li>
|
||||
<li><a href="index-kids.html">Home Kids</a></li>
|
||||
<li><a href="index-kids-2.html">Home Kids 2</a></li>
|
||||
<li><a href="index-kids-3.html">Home Kids 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu d-none"><a href="#">shop</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li class="has-sub-menu"><a href="#">Shop Layout</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="shop.html">Shop Grid Style 1</a></li>
|
||||
<li><a href="shop-2.html">Shop Grid Style 2</a></li>
|
||||
<li><a href="shop-3.html">Shop Grid Style 3</a></li>
|
||||
<li><a href="shop-4.html">Shop Grid Style 4</a></li>
|
||||
<li><a href="shop-5.html">Shop Grid Style 5</a></li>
|
||||
<li><a href="shop-6.html">Shop Grid Style 6</a></li>
|
||||
<li><a href="shop-list.html">Shop List Style 1</a></li>
|
||||
<li><a href="shop-list-no-sidebar.html">Shop List Style 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#">Product Layout</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="product-details.html">Product Layout 1</a></li>
|
||||
<li><a href="product-details-2.html">Product Layout 2</a></li>
|
||||
<li><a href="product-details-3.html">Product Layout 3</a></li>
|
||||
<li><a href="product-details-4.html">Product Layout 4</a></li>
|
||||
<li><a href="product-details-5.html">Product Layout 5</a></li>
|
||||
<li><a href="product-details-6.html">Product Layout 6</a></li>
|
||||
<li><a href="product-details-7.html">Product Layout 7</a></li>
|
||||
<li><a href="product-details-8.html">Product Layout 8</a></li>
|
||||
<li><a href="product-details-9.html">Product Layout 9</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#">Shop Page</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="my-account.html">My Account</a></li>
|
||||
<li><a href="checkout.html">Check Out</a></li>
|
||||
<li><a href="cart.html">Shopping Cart</a></li>
|
||||
<li><a href="wishlist.html">Wishlist</a></li>
|
||||
<li><a href="order-tracking.html">Order Tracking</a></li>
|
||||
<li><a href="compare.html">Compare</a></li>
|
||||
<li><a href="store.html">Store</a></li>
|
||||
<li><a href="empty-cart.html">Empty Cart</a></li>
|
||||
<li><a href="login-register.html">login / register</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#" class="satoshi_font">Laptop</a>
|
||||
<ul class="sub-menu-2" style="list-style:none;">
|
||||
<li><a href="./allinone34inch.html" class="satoshi_font">ZENO 14 inch Business Laptop</a></li>
|
||||
<li class="d-none"><a href="#" class="satoshi_font">ZENO 15.6 inch Business Laptop</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#" class="satoshi_font">All in One</a>
|
||||
<ul class="sub-menu-2" style="list-style:none;">
|
||||
<li><a href="./allin_one.html" class="satoshi_font">24 inch AIO i5</a></li>
|
||||
<li class="d-none"><a href="#" class="satoshi_font">34 inch AIO i7 4K</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu">
|
||||
<a href="#"class="satoshi_font product_data" item_id="106633220000002">Products</a>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#" class="satoshi_font">Accessories</a>
|
||||
<ul class="sub-menu-2" style="list-style:none;">
|
||||
<li><a href="../ramproducts.html" accessories_id="106633220000007" class="satoshi_font ram_data">Ram</a></li>
|
||||
<li><a href="#" class="satoshi_font">Storage</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="">
|
||||
<a href="./support.html"class="satoshi_font" >Support</a>
|
||||
|
||||
|
||||
<li class=""><a href="./ramproducts.html" class="satoshi_font">RAM</a></li>
|
||||
<li class=""><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li>
|
||||
<li class="expandlinav">
|
||||
<div class="d-flex justify-content-between">
|
||||
<span class="explandlinavname">LAPTOP</span><span class="d-none viewall_li">view all</span>
|
||||
</div>
|
||||
<div class="content-expandlinav d-none">
|
||||
<accordion-element>
|
||||
<accordion-item title="Accordion Item #1">
|
||||
<p>Lorem ipsum dolor sit amet,.</p>
|
||||
</accordion-item>
|
||||
<accordion-item title="Accordion Item #2">
|
||||
<p>Lorem ipsum dolor sit amet,.</p>
|
||||
</accordion-item>
|
||||
<accordion-item title="Accordion Item #3">
|
||||
<p>Lorem ipsum dolor sit amet,</p>
|
||||
</accordion-item>
|
||||
</accordion-element>
|
||||
</div>
|
||||
</li>
|
||||
<li class=""><a href="./support.html" class="satoshi_font" >SUPPORT</a></li>
|
||||
<li class=""><a href="./press.html" class="satoshi_font">PRESS</a></li>
|
||||
<li class=""><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
|
||||
<li class=""><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -342,42 +332,156 @@ let nav_html = `
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
$("#navbar-head").html(nav_html);
|
||||
$("#navbar-head").html(nav_html);
|
||||
|
||||
let ele_page = $("body").hasClass("login_page");
|
||||
if(ele_page == true){
|
||||
// $(".header-area").removeClass("bg-white")
|
||||
}
|
||||
$('.explandlinavname').click(function (e){
|
||||
if($('.expandlinav .viewall_li').hasClass('d-none')){
|
||||
$('.expandlinav').find('.viewall_li').removeClass('d-none');
|
||||
$('.expandlinav').find('.content-expandlinav').removeClass('d-none');
|
||||
}else{
|
||||
$('.expandlinav').find('.viewall_li').addClass('d-none');
|
||||
$('.expandlinav').find('.content-expandlinav').addClass('d-none');
|
||||
}
|
||||
|
||||
console.log($(e.target));
|
||||
|
||||
});
|
||||
|
||||
// $(".product_data").each(function () {
|
||||
// $(this).click(function () {
|
||||
// debugger;
|
||||
// let item_id = $(this).attr("item_id");
|
||||
// let loc_path = '/products.html'
|
||||
// if (window.location.pathname.includes(loc_path)) {
|
||||
// window.location.href = `?products`
|
||||
// }
|
||||
// else {
|
||||
// window.location.href = `/products.html?products`;
|
||||
// }
|
||||
// })
|
||||
// });
|
||||
let width = $(window).width();
|
||||
$(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width",width);
|
||||
|
||||
$("a.ram_data").click(function () {
|
||||
let item_id = $(this).attr("accessories_id");
|
||||
let loc_path = '/products.html'
|
||||
if (window.location.pathname.includes(loc_path)) {
|
||||
window.location.href = `?itemid=${item_id}`
|
||||
let width = $(window).width();
|
||||
$(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width", width);
|
||||
let ele_page = $("body").hasClass("product_pg");
|
||||
if (ele_page == true) {
|
||||
$(".header-area").removeClass("bg-white");
|
||||
$(".main-menu").find("nav ul li a").addClass("text-white");
|
||||
$(".header-bottom.sticky-bar").removeClass("sticky-bar");
|
||||
let src = `../dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src", src);
|
||||
$(".main-body").find("iframe").attr("width", width);
|
||||
if (width <= 575 && width >= 390) {
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 236,
|
||||
})
|
||||
} else if (width <= 390 && width >= 270) {
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 210,
|
||||
});
|
||||
} else if (width <= 998 && width > 575) {
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 530,
|
||||
});
|
||||
} else if (width <= 2720 && width > 1920) {
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 1440,
|
||||
});
|
||||
} else {
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 860,
|
||||
});
|
||||
}
|
||||
}
|
||||
else {
|
||||
window.location.href = `/products.html?itemid=${item_id}`;
|
||||
}
|
||||
})
|
||||
|
||||
// destroy localstorage data
|
||||
let loc_path = '/productdetails.html';
|
||||
if (window.location.pathname.includes(loc_path) === false) {
|
||||
localStorage.removeItem("product_data")
|
||||
|
||||
$("a.ram_data").click(function () {
|
||||
let item_id = $(this).attr("accessories_id");
|
||||
let loc_path = '/products.html'
|
||||
if (window.location.pathname.includes(loc_path)) {
|
||||
window.location.href = `?itemid=${item_id}`
|
||||
}
|
||||
else {
|
||||
window.location.href = `/products.html#itemid=${item_id}`;
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
// $(".main-menu nav ul").find("li").each(function () {
|
||||
// var current = window.location.pathname;
|
||||
// var $this = $(this).find("a");
|
||||
// if (current != "/") {
|
||||
// if ($this.attr('href').indexOf(current) !== -1) {
|
||||
// $(this).addClass('active_nav');
|
||||
// }
|
||||
// }
|
||||
|
||||
// })
|
||||
|
||||
// destroy localstorage data
|
||||
let loc_path = '/productdetails.html';
|
||||
if (window.location.pathname.includes(loc_path) === false) {
|
||||
localStorage.removeItem("product_data");
|
||||
localStorage.removeItem("top_data")
|
||||
}
|
||||
let loc_path1 = '/productcatloguedetails.html';
|
||||
if (window.location.pathname.includes(loc_path1) === false) {
|
||||
localStorage.removeItem("product_catlogue_obj");
|
||||
}
|
||||
|
||||
//services pages links and sources
|
||||
|
||||
let $body_pg = $("body").hasClass("services_page");
|
||||
let $hm_pg = "../index.html";
|
||||
let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
|
||||
let $footer_img = "../dist/assets/imgs/anwi-logo-2.png";
|
||||
let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
|
||||
let $about_pg = $("body").hasClass("about_page");
|
||||
if($about_pg == true){
|
||||
debugger
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
$("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
}
|
||||
if ($body_pg == true) {
|
||||
$(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href", $hm_pg);
|
||||
$(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src", $nav_img);
|
||||
$(".mobile-logo").find("a").attr("href", $hm_pg);
|
||||
$(".mobile-logo").find("a img").attr("src", $nav_img);
|
||||
$("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
$(".main-menu").find("nav ul").find("li a").each(function () {
|
||||
$(this).addClass("text-dark")
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
let $arc = $(this).attr("href");
|
||||
let $spcial_char = $arc.includes("./");
|
||||
if ($spcial_char === true) {
|
||||
let $refarence = `.${$arc}`
|
||||
$(this).attr("href", $refarence);
|
||||
}
|
||||
|
||||
});
|
||||
$(".same-style").find("a").each(function () {
|
||||
let $arc1 = $(this).attr("href");
|
||||
let $spcial_char1 = $arc1.includes("./");
|
||||
if ($spcial_char1 === true) {
|
||||
let $refarence1 = `.${$arc1}`
|
||||
$(this).attr("href", $refarence1);
|
||||
}
|
||||
})
|
||||
$(".tab-content").find("img").each(function(){
|
||||
let $img_src = $(this).attr("src");
|
||||
let $img_src1 = $img_src.includes("./");
|
||||
if ($img_src1 === true) {
|
||||
let $refarenceimg1 = `.${$img_src}`;
|
||||
$(this).attr("src", $refarenceimg1);
|
||||
}
|
||||
});
|
||||
$(".clickable-mainmenu-wrap").find("nav ul").find("li a").each(function () {
|
||||
let $arc_mbil = $(this).attr("href");
|
||||
let $spcial_char_mbil = $arc_mbil.includes("./");
|
||||
if ($spcial_char_mbil === true) {
|
||||
let $refarence_mbil = `.${$arc_mbil}`
|
||||
$(this).attr("href", $refarence_mbil);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
setTimeout(()=>{
|
||||
if(width<=600){
|
||||
$('.same-style').find('svg path').attr('fill','#000')
|
||||
}
|
||||
},300)
|
||||
}
|
||||
vendorováno
+248
-26
@@ -1,49 +1,271 @@
|
||||
async function order_summary(){
|
||||
async function order_summary() {
|
||||
|
||||
let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
|
||||
let { userId} = cookieRes;
|
||||
// let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`,true);
|
||||
// https://templateserver.bizgaze.com/apis/v4/bizgaze/integrations/products/getordersbyid/organizationid/{organizationid}/orderno/{orderno}
|
||||
let orderno = window.location.hash.split('#')[1];
|
||||
let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getordersbyid/organizationid/${userId}/orderno/${orderno}`);
|
||||
if(res.isError){
|
||||
return;
|
||||
}
|
||||
const orderDetailsres = JSON.parse(res.response.result);
|
||||
let { userId } = cookieRes;
|
||||
let filesInputSupport = [];
|
||||
|
||||
let new_arrr = orderDetailsres;
|
||||
console.log(new_arrr)
|
||||
let orderNumber =window.location.hash.split('#')[1];
|
||||
let filteredOrders = new_arrr.filter(function(order) {
|
||||
|
||||
// let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`,true);
|
||||
// https://templateserver.bizgaze.com/apis/v4/bizgaze/integrations/products/getordersbyid/organizationid/{organizationid}/orderno/{orderno}
|
||||
let orderno = window.location.hash.split('#')[1];
|
||||
let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getordersbyid/organizationid/${userId}/orderno/${orderno}`);
|
||||
if (res.isError) {
|
||||
return;
|
||||
}
|
||||
const orderDetailsres = JSON.parse(res.response.result);
|
||||
|
||||
let new_arrr = orderDetailsres;
|
||||
console.log(new_arrr)
|
||||
let orderNumber = window.location.hash.split('#')[1];
|
||||
let filteredOrders = new_arrr.filter(function (order) {
|
||||
return order.OrderNo === orderNumber;
|
||||
});
|
||||
|
||||
for(let i=0;i<filteredOrders.length;i++){
|
||||
for (let i = 0; i < filteredOrders.length; i++) {
|
||||
let order = filteredOrders[i];
|
||||
let Delivery_status =order.stageshortcode
|
||||
let deliverdCard=appendItemHTML(order);
|
||||
let Delivery_status = order.stageshortcode
|
||||
let deliverdCard = appendItemHTML(order);
|
||||
$('.deliverd-card').append(deliverdCard)
|
||||
if(Delivery_status == 'CMD'){
|
||||
$('.delivery_status').html('Deliverd')
|
||||
if (Delivery_status == 'CMD') {
|
||||
$('.delivery_status').html('Deliverd')
|
||||
}
|
||||
if(Delivery_status == 'APL'){
|
||||
$('.delivery_status').html('Approval')
|
||||
if (Delivery_status == 'APL') {
|
||||
$('.delivery_status').html('Approval')
|
||||
}
|
||||
}
|
||||
|
||||
let summary =`<div class=card-body><div><p class="mb-0 fw-500">Order : <span>${orderNumber}</span><small class=" "> ( ${filteredOrders.length} items )</samll><p class="mb-0 ">Order placed on ${filteredOrders[0].OrderDate}</p></div>`;
|
||||
$('.supportBtn').click(function (e) {
|
||||
let parentEl = $(e.target).parents('.card-body');
|
||||
|
||||
const orderName = $(parentEl).find('.ordernameModal').text();
|
||||
const img = $(parentEl).find('.order_img').attr('src');
|
||||
$('#exampleModalsupport').find('.order_img').attr('src', img);
|
||||
|
||||
$('.modalitemname').text(orderName);
|
||||
|
||||
const orderQty = $(parentEl).find('.orderqtymodalinfo').text();
|
||||
const orderPrice = $(parentEl).find('.order_price').text();
|
||||
const [symbol, price] = getCurrencySymbol(orderPrice)
|
||||
$('.modalitemqty').html(orderQty);
|
||||
$('.modalprice').html(`${symbol} ${price}`);
|
||||
console.log(orderName);
|
||||
});
|
||||
|
||||
|
||||
// modal start
|
||||
|
||||
|
||||
// files append html ui
|
||||
function getInputsListHTML(arr){
|
||||
let html = '';
|
||||
|
||||
for(let i=0;i<arr.length;i++){
|
||||
const {FileName,FileType} = arr[i];
|
||||
html += `<span class='p-1 rounded text-truncate containerfilesupport' data-name="${FileName}.${FileType}" >
|
||||
<span class="border p-1 rounded"> <span class=" w-50 filenamesupportticket"> ${FileName}.${FileType}</span>
|
||||
<span class=' text-center bg-white rounded removeFilesupportticket'>
|
||||
<i class='p-1 fa fa-close'></i>
|
||||
</span></span>
|
||||
</span>`
|
||||
}
|
||||
|
||||
return html;
|
||||
}
|
||||
|
||||
// files onchange handler for input files
|
||||
async function fileUploadSaveHandler(e){
|
||||
|
||||
const promiseFiles = await getMulFileToGetBase64(e);
|
||||
// console.log(promiseFiles,'promisepromise');
|
||||
filesInputSupport = promiseFiles;
|
||||
|
||||
let html = getInputsListHTML(filesInputSupport);
|
||||
|
||||
$('.inputlistsupportcontainer').html(html);
|
||||
|
||||
$('.removeFilesupportticket').off('click').click(function (e){
|
||||
let el = $(this);
|
||||
|
||||
let nameWithExt = $(el).parents('.containerfilesupport').data('name')
|
||||
console.log(nameWithExt);
|
||||
|
||||
filterRemoveInputsFiles(nameWithExt)
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function filterRemoveInputsFiles(nameWithExt){
|
||||
console.log("okay");
|
||||
console.log(filesInputSupport);
|
||||
filesInputSupport = filesInputSupport.filter(function (e){
|
||||
const {FileName,FileType} = e;
|
||||
const str = `${FileName}.${FileType}`;
|
||||
if(str != nameWithExt) return e;
|
||||
});
|
||||
|
||||
console.log(filesInputSupport);
|
||||
}
|
||||
|
||||
$('#supportattachfile').off().change(function (e){
|
||||
debugger;
|
||||
if(!e.target.files.length) return;
|
||||
fileUploadSaveHandler(e);
|
||||
});
|
||||
|
||||
|
||||
|
||||
// submit support ticket
|
||||
$('.submitsupportticket').off('click').click(async function (e) {
|
||||
console.log("tick");
|
||||
|
||||
let supportGroup = $('#supportgroups').val();
|
||||
let priortyGroup = $('#supportlevel').val();
|
||||
let description = $('.desmodalsupportarea').val()?.trim();
|
||||
|
||||
|
||||
|
||||
let isErrorValidtion = false;
|
||||
if (!supportGroup) {
|
||||
isErrorValidtion = true;
|
||||
$('#supportgroups').parent().find('.invalid-feedback').addClass('d-block');
|
||||
} else {
|
||||
$('#supportgroups').parent().find('.invalid-feedback').removeClass('d-block');
|
||||
}
|
||||
|
||||
if (!priortyGroup) {
|
||||
isErrorValidtion = true;
|
||||
$('#supportlevel').parent().find('.invalid-feedback').addClass('d-block');
|
||||
} else {
|
||||
$('#supportlevel').parent().find('.invalid-feedback').removeClass('d-block');
|
||||
}
|
||||
|
||||
if (!description) {
|
||||
isErrorValidtion = true;
|
||||
$('.desmodalsupportarea').parent().find('.invalid-feedback').addClass('d-block');
|
||||
} else {
|
||||
$('.desmodalsupportarea').parent().find('.invalid-feedback').removeClass('d-block');
|
||||
}
|
||||
|
||||
if (isErrorValidtion) return;
|
||||
|
||||
const payload = {
|
||||
ticketgroupid: Number(supportGroup),
|
||||
description: description,
|
||||
documents: filesInputSupport.length > 0 ? filesInputSupport : 0,
|
||||
PriorityId: Number(priortyGroup),
|
||||
ticketid: 0,
|
||||
contactid: Number(userId)
|
||||
}
|
||||
$('.supportticketsubmit').removeClass('d-none');
|
||||
$('.supportticketsubmitbtn').addClass('d-none');
|
||||
|
||||
$('.closesupportticket').attr('disabled', true);
|
||||
console.log(payload);
|
||||
const res = await API_SERVICES_ACTIONS.postAPIService(`apis/v4/hyperfusion/hireserver/machines/saveticket`, payload);
|
||||
|
||||
console.log(res);
|
||||
|
||||
if (res.isError) {
|
||||
toasterHelper("error", res.errorMsg, `toast-top-right`);
|
||||
$('.supportticketsubmit').addClass('d-none');
|
||||
$('.supportticketsubmitbtn').removeClass('d-none');
|
||||
$('.closesupportticket').attr('disabled', false);
|
||||
return;
|
||||
}
|
||||
$('.supportticketsubmit').addClass('d-none');
|
||||
$('.supportticketsubmitbtn').removeClass('d-none');
|
||||
$('.closesupportticket').attr('disabled', false);
|
||||
toasterHelper("success", 'Ticket successfully submitted!', `toast-top-right`);
|
||||
|
||||
// $('#supportgroups').val(null);
|
||||
// $('#supportlevel').val(null);
|
||||
$('.desmodalsupportarea').val('');
|
||||
$("#exampleModalsupport .closesupportticket").click()
|
||||
});
|
||||
|
||||
|
||||
|
||||
// modal end
|
||||
|
||||
$('.warrantybtn').click(function (e) {
|
||||
let parentEl = $(e.target).parents('.card-body');
|
||||
|
||||
const orderName = $(parentEl).find('.ordernameModal').text();
|
||||
|
||||
$('#warrenymodalname').html(orderName);
|
||||
});
|
||||
|
||||
let summary = `<div class="bg-gradient-anwi card-body"><div><p class="mb-0 fw-500">Order : <span>${orderNumber}</span><small class=" "> ( ${filteredOrders.length} items )</samll><p class="mb-0 ">Order placed on ${filteredOrders[0].OrderDate}</p></div>`;
|
||||
|
||||
$('.Order_details_section .order_tax').html(filteredOrders[0].taxamount)
|
||||
$('.Order_details_section .Order_total').html(filteredOrders[0].nettotal)
|
||||
$('.Order_details_section .order_price').html(filteredOrders[0].assessableamount)
|
||||
$('.Order_details_section .order-summary').html(summary);
|
||||
|
||||
$('.back_to_orders').click(function(){
|
||||
$(this).attr('href','./myaccount.html')
|
||||
$('.back_to_orders').click(function () {
|
||||
$(this).attr('href', './myaccount.html')
|
||||
});
|
||||
|
||||
function appendItemHTML(order){
|
||||
return `<div class="card rounded-0 border-0 bg-white mb-3 "><div class=card-body><div class="align-items-center row"><div class=col-md-6><div class=d-flex><img class=img-fluid src=""></div><div class="d-flex align-items-center"><div class="text-secondary">Delivery Status : </div><div class=" delivery_status text-blue fw-600" data-status="${order.stageshortcode}"></div></div></div><div class="col-md-6 text-end"><button class=" bg-gradient-anwi-outline btn-sm btn ">Claim warranty</button> <button class=" bg-gradient-anwi-outline btn-sm btn ">Support</button></div></div><div><small class=" text-secondary me-2">Delivered To : </small><small class="fw-600 user_name">${order.OrganizationName}</div><div class="row pb-4 pb-md-0 align-items-center"><div class="col-md-4 text-center"><img class="img-fluid order_img w-75"src=https://appassets.bizgaze.app/${order.imageurl}></div><div class="col-md-8 position-relative"><small class=" mb-0 order_itemname">${order.itemname} (${order.Quantity} items)<small class=" align-items-center d-flex fw-600 mb-3"><svg class="bi bi-currency-rupee"fill=currentColor height=16 viewBox="0 0 16 16"width=16 xmlns=http://www.w3.org/2000/svg><path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path></svg><small class="order_price fs-6">${order.itemtotal}</small><p class=" mb-0 close_exchange position-absolute d-none text-secondary">Return/Exchange window closed on Friday,24 March <a class=text-primary href=#>Why?</a></div></div></div></div>`;
|
||||
function appendItemHTML(order) {
|
||||
|
||||
return `<div class="card rounded-0 bg-white mb-3 "><div class=card-body><div class="align-items-center row"><div class=col-md-6><div class=d-flex><img class=img-fluid src=""></div><div class="d-flex align-items-center"><div class="text-secondary">Delivery Status : </div><div class=" delivery_status text-blue fw-600" data-status="${order.stageshortcode}"></div></div></div><div class="col-md-6 text-end"><button data-bs-toggle="modal" data-bs-target="#exampleModalwarrenty" class=" bg-gradient-anwi-outline btn-sm btn warrantybtn ">Claim warranty</button> <button data-bs-toggle="modal" data-bs-target="#exampleModalsupport" class="supportBtn bg-gradient-anwi-outline btn-sm btn ">Support</button></div></div><div><small class=" text-secondary me-2">Delivered To : </small><small class="fw-600 user_name">${order.OrganizationName}</div><div class="row pb-4 pb-md-0 align-items-center"><div class="col-md-4 text-center"><img class="img-fluid order_img w-75"src=https://appassets.bizgaze.app/${order.imageurl?.replaceAll(" ", "%20")}></div><div class="col-md-8 position-relative"><small class=" mb-0 order_itemname"><span ><span class="ordernameModal">${order.itemname}</span> (<span class="orderqtymodalinfo">${order.Quantity}</span> items)</span><small class=" align-items-center d-flex fw-600 mb-3"><svg class="bi bi-currency-rupee"fill=currentColor height=16 viewBox="0 0 16 16"width=16 xmlns=http://www.w3.org/2000/svg><path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path></svg><small class="order_price fs-6">${order.itemtotal}</small><p class=" mb-0 close_exchange position-absolute d-none text-secondary">Return/Exchange window closed on Friday,24 March <a class=text-primary href=#>Why?</a></div></div></div></div>`;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
async function supportModalInit() {
|
||||
$.fn.modal.Constructor.prototype.enforceFocus = function () { };
|
||||
let ticketGroupRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/anwisystems/integrations/anwiauth/getticketgoups`);
|
||||
|
||||
|
||||
if (ticketGroupRes.isError) {
|
||||
console.log(ticketGroupRes.errorMsg);
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
ticketGroupRes = JSON.parse(ticketGroupRes.response.result);
|
||||
|
||||
console.log(ticketGroupRes);
|
||||
|
||||
|
||||
|
||||
let htmlTGroup = '';
|
||||
for (let i = 0; i < ticketGroupRes.length; i++) {
|
||||
htmlTGroup += `<option value="${ticketGroupRes[i].ticketgroupid}" data-id="${ticketGroupRes[i].ticketgroupid}">${ticketGroupRes[i].ticketgroupname}</option>`
|
||||
}
|
||||
|
||||
$('#supportgroups').html(htmlTGroup);
|
||||
|
||||
// priopty
|
||||
|
||||
let prioritiesRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/anwisystems/integrations/anwiauth/getticketpriorities`);
|
||||
|
||||
if (prioritiesRes.isError) {
|
||||
console.log(prioritiesRes.errorMsg);
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
prioritiesRes = JSON.parse(prioritiesRes.response.result);
|
||||
|
||||
console.log(prioritiesRes, 'prioritiesRes');
|
||||
|
||||
|
||||
let htmlTpriorites = '';
|
||||
for (let i = 0; i < prioritiesRes.length; i++) {
|
||||
htmlTpriorites += `<option value="${prioritiesRes[i].priorityid}" data-id="${prioritiesRes[i].priorityid}">${prioritiesRes[i].priorityname}</option>`
|
||||
}
|
||||
|
||||
$('#supportlevel').html(htmlTpriorites);
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
supportModalInit();
|
||||
}
|
||||
order_summary()
|
||||
vendorováno
+45
-23
@@ -4,7 +4,8 @@ function startDetails(){
|
||||
window.location.href = "/notfound.html";
|
||||
return;
|
||||
}
|
||||
let productId = window.location.search.split('=')[1].split('&')[0];
|
||||
debugger;
|
||||
let productId = window.location.href.split('=')[1].split('&')[0].split('#')[0];
|
||||
console.log(productId);
|
||||
let itemtagscombinationRes = null;
|
||||
let labels = {};
|
||||
@@ -65,12 +66,14 @@ function startDetails(){
|
||||
}
|
||||
|
||||
function getSpecsItemHTML({name,des,itemid,id}){
|
||||
return `<div id="${id}" data-specitemid="${itemid}" class="">
|
||||
<div class="row border-bottom">
|
||||
<div class="col-sm-6 bg-gray-3 py-2">
|
||||
let isMobile = $(window).width()<=600 ? '' : '';
|
||||
let addPaddM = $(window).width()<=600 ? 'py-2' : 'py-4';
|
||||
return `<div id="${id}" data-specitemid="${itemid}" >
|
||||
<div class="row border-bottom">
|
||||
<div class="col-sm-3 ${isMobile} font-weight-600 ${addPaddM} ">
|
||||
${name}
|
||||
</div>
|
||||
<div class="col-sm-6 py-2">
|
||||
<div class="col-sm-9 py-2 d-flex align-items-center">
|
||||
${des}
|
||||
</div>
|
||||
</div>
|
||||
@@ -93,7 +96,7 @@ function startDetails(){
|
||||
if(resData.isError){
|
||||
$('.productdetailstabs').addClass('d-none');
|
||||
$('.specContainerleft').html('')
|
||||
$('.specContainerRight').html('')
|
||||
$('.specContainerRight').html('')
|
||||
return;
|
||||
}
|
||||
$('.productdetailstabs ').removeClass('d-none');
|
||||
@@ -114,15 +117,18 @@ function startDetails(){
|
||||
|
||||
for(let i=0;i<data.length;i++){
|
||||
const {specificationname,specificationitemid,itemid,description} = data[i];
|
||||
if((i+1)%2 == 0){
|
||||
rightHtml += getSpecsItemHTML({
|
||||
name:specificationname,id:specificationitemid,itemid,des:description
|
||||
})
|
||||
}else{
|
||||
leftHtml += getSpecsItemHTML({
|
||||
name:specificationname,id:specificationitemid,itemid,des:description
|
||||
});
|
||||
}
|
||||
leftHtml += getSpecsItemHTML({
|
||||
name:specificationname,id:specificationitemid,itemid,des:description
|
||||
});
|
||||
// if((i+1)%2 == 0){
|
||||
// rightHtml += getSpecsItemHTML({
|
||||
// name:specificationname,id:specificationitemid,itemid,des:description
|
||||
// })
|
||||
// }else{
|
||||
// leftHtml += getSpecsItemHTML({
|
||||
// name:specificationname,id:specificationitemid,itemid,des:description
|
||||
// });
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
@@ -135,7 +141,7 @@ function startDetails(){
|
||||
function getParentHTML(name,productid,id,isMain){
|
||||
return `<div class="pb-2 $${name?.replace(" ",'')}-parent">
|
||||
<h5 class="py-2 smallHeadingProductDetails">${name}</h5>
|
||||
<div class="d-flex gap-2 ${id}container" data-tagid="${id}">
|
||||
<div class="d-flex gap-2 flex-wrap ${id}container" data-tagid="${id}">
|
||||
|
||||
</div>
|
||||
</div>`;
|
||||
@@ -151,7 +157,7 @@ function startDetails(){
|
||||
|
||||
function getChildHTML(tagid,name,isTrue){
|
||||
return `
|
||||
<div data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="specsmallcard optiontaganwi ${isTrue?'borderselector':''} card small-font p-3">
|
||||
<div data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="specsmallcard optiontaganwi ${isTrue?'borderselector':''} card small-font cursor-pointer p-3">
|
||||
${name}
|
||||
</div>
|
||||
`
|
||||
@@ -172,8 +178,10 @@ function startDetails(){
|
||||
}
|
||||
|
||||
function updateDetailsByObj(obj){
|
||||
$('.productname').html(obj.itemname)
|
||||
$('.price').html(obj.pricelist);
|
||||
$('.productname').html(obj.itemname);
|
||||
let [currencySymbol, amount] = getCurrencySymbol(obj?.pricelist||0);
|
||||
$('.price').html(obj.pricelist ?`${currencySymbol}${amount}`:'');
|
||||
$('.price').attr('data-price',obj.pricelist);
|
||||
appendSpecs(obj.itemid)
|
||||
$('#skudetailitem').val(obj.sku)
|
||||
$('.des_productdes').html(obj.itemdescription);
|
||||
@@ -186,6 +194,14 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
|
||||
$('.productDetailsMain > img').attr('src',defaultImg);
|
||||
|
||||
updateItemId(obj.itemid);
|
||||
debugger;
|
||||
if (!obj.pricelist || !obj.quantity) {
|
||||
$('.buynow').attr('disabled', true);
|
||||
$('#addtocart').attr('disabled', true);
|
||||
} else {
|
||||
$('.buynow').attr('disabled', false);
|
||||
$('#addtocart').attr('disabled', false);
|
||||
}
|
||||
}
|
||||
|
||||
function searchComb(){
|
||||
@@ -246,6 +262,7 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
|
||||
|
||||
let name = itemtagscombinationRes[i].itemname.split('-')[0];
|
||||
$('#addtocart').addClass('disabled');
|
||||
$('.buynow').attr('disabled', true);
|
||||
let itemsName = name;
|
||||
$('.borderselector').each(function (i,e){
|
||||
itemsName += ` ${$(e).html().trim()}`;
|
||||
@@ -280,6 +297,7 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
|
||||
$('#skudetailitem').val(-1)
|
||||
$('.price').html('');
|
||||
$('#addtocart').addClass('disabled');
|
||||
$('.buynow').attr('disabled', true);
|
||||
$('.msgErrorDetailsItem').removeClass('d-none');
|
||||
|
||||
initAddToCart()
|
||||
@@ -333,7 +351,7 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
|
||||
// let res = await getStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`);
|
||||
|
||||
let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`,true);
|
||||
|
||||
console.log(resData,'resDataresDataresDataresDataresData');
|
||||
if(resData.isError){
|
||||
loadingActions.removeLoader();
|
||||
alert(resData.errorMsg.message);
|
||||
@@ -399,6 +417,7 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
|
||||
$(`[data-tagid="${id}"]`).html(html);
|
||||
}
|
||||
|
||||
// itemtagscombinationRes = await API_SERVICES_ACTIONS.getAPIService(`pis/v4/bizgaze/integrations/products/getitemwithoutbranch/productid/${id}`,true);
|
||||
itemtagscombinationRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`,true);
|
||||
|
||||
itemtagscombinationRes = JSON.parse(itemtagscombinationRes.response.result);
|
||||
@@ -471,6 +490,11 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
|
||||
|
||||
|
||||
if(isGo){
|
||||
if(itemtagscombinationRes.length === 0){
|
||||
loadingActions.removeLoader();
|
||||
toasterHelper("error","Something went wrong!",`toast-top-right`)
|
||||
return;
|
||||
}
|
||||
console.log(itemtagscombinationRes[0]);
|
||||
let {tagnames,tagids,pricelist} = itemtagscombinationRes[0];
|
||||
tagids = tagids.split('|');
|
||||
@@ -503,7 +527,7 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
|
||||
|
||||
// }
|
||||
|
||||
$('#spec-container-details').children().slice(1).find('.specsmallcard').removeClass('specsmallcard');
|
||||
$('#spec-container-details').children().find('.specsmallcard').removeClass('specsmallcard');
|
||||
|
||||
addeventlisteners();
|
||||
loadingActions.removeLoader();
|
||||
@@ -561,7 +585,5 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
startDetails();
|
||||
|
||||
|
||||
vendorováno
+160
-31
@@ -2,8 +2,61 @@ function ramProductsInit(){
|
||||
let RAM_ID = '';
|
||||
|
||||
async function init(){
|
||||
const id = await getProductIdService();
|
||||
getRamData(id)
|
||||
let id
|
||||
if(location.search==''&&(location.href.includes('laptops')||location.href.includes('allinones'))){
|
||||
id = await getallproductsFun();
|
||||
}else{
|
||||
id = await getProductIdService();
|
||||
}
|
||||
getRamData(id);
|
||||
|
||||
swapSectionsVideo();
|
||||
}
|
||||
|
||||
async function getProductsIds(nameArr){
|
||||
let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getallproducts`,true);
|
||||
if(resData.isError){
|
||||
toasterHelper("error","Something went wrong!")
|
||||
return;
|
||||
}
|
||||
|
||||
let res = resData.response;
|
||||
|
||||
res = JSON.parse(res.result);
|
||||
let ids = [];
|
||||
|
||||
for(let i=0;i<nameArr.length;i++){
|
||||
const currName = nameArr[i];
|
||||
let id = res.find((item)=>{
|
||||
if(currName === item.productname){
|
||||
return item.productid;
|
||||
}
|
||||
})
|
||||
if(id){
|
||||
ids.push(id);
|
||||
}
|
||||
}
|
||||
|
||||
return ids;
|
||||
|
||||
}
|
||||
|
||||
async function getallproductsFun(){
|
||||
let laptopStr = ['FYRO Flagship','Zeno Dualbook','Zeno Sleekbook'];
|
||||
let allInOnesStr = ['AIO Zeno','AIO Fyro'];
|
||||
|
||||
|
||||
|
||||
let name = window.location.href;
|
||||
|
||||
name = name.includes('laptops') ?laptopStr : allInOnesStr;
|
||||
|
||||
const ids = await getProductsIds(name);
|
||||
|
||||
console.log(ids);
|
||||
|
||||
return ids;
|
||||
|
||||
}
|
||||
|
||||
function getProductIdService(){
|
||||
@@ -20,67 +73,143 @@ function ramProductsInit(){
|
||||
res = JSON.parse(res.result);
|
||||
|
||||
console.log(res);
|
||||
|
||||
let searchName = window.location.search.split('?')[1];
|
||||
let urlPathName = window.location.pathname;
|
||||
let searchTerm = '';
|
||||
if(urlPathName.includes('ram')){
|
||||
searchTerm = "RAM ORA";
|
||||
}else if(urlPathName.includes('storage')){
|
||||
searchTerm = `SSD ORA`;
|
||||
}else{
|
||||
searchTerm = searchName.replaceAll('%20',' ');
|
||||
}
|
||||
let resultItem = null;
|
||||
|
||||
for(let i=0;i<res.length;i++){
|
||||
if(res[i].productname.includes(searchTerm)){
|
||||
resultItem = res[i];
|
||||
break;
|
||||
let resultItem = [];
|
||||
|
||||
if(searchTerm.toLowerCase() === 'zeno'){
|
||||
for(let i=0;i<res.length;i++){
|
||||
if(res[i].productname.includes("Zeno Sleekbook")||res[i].productname.includes("Zeno Dualbook")){
|
||||
resultItem.push( res[i])
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
return reslove(resultItem)
|
||||
}else if(searchTerm.toLowerCase() === 'fyro'){
|
||||
for(let i=0;i<res.length;i++){
|
||||
if(res[i].productname.includes("FYRO Flagship")){
|
||||
resultItem.push( res[i]);
|
||||
return reslove(resultItem)
|
||||
}
|
||||
}
|
||||
}else{
|
||||
for(let i=0;i<res.length;i++){
|
||||
if(res[i].productname.includes(searchTerm)){
|
||||
resultItem.push( res[i])
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
return reslove(resultItem)
|
||||
}
|
||||
const {productid} = resultItem;
|
||||
RAM_ID = productid;
|
||||
console.log(resultItem);
|
||||
return reslove(productid)
|
||||
|
||||
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
async function getRamData(id){
|
||||
let resData =await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`,true);
|
||||
|
||||
if(resData.isError){
|
||||
alert(resData.errorMsg.message);
|
||||
return;
|
||||
}
|
||||
|
||||
let res = resData.response;
|
||||
async function getRamData(ids){
|
||||
let resData;
|
||||
let res
|
||||
let data = [];
|
||||
let windowSearch = window.location.href;
|
||||
for(let i=0;i<ids.length;i++){
|
||||
let id = ids[i].productid;
|
||||
if (windowSearch.includes('laptops')||windowSearch.includes('allinones')) {
|
||||
resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/Bizgaze/integrations/products/getitemwithoutbranch/productid/${id}`, true);
|
||||
}
|
||||
else {
|
||||
resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`, true);
|
||||
}
|
||||
if(resData.isError){
|
||||
alert(resData.errorMsg.message);
|
||||
return;
|
||||
}
|
||||
|
||||
res = resData.response;
|
||||
|
||||
res = JSON.parse(res.result);
|
||||
res = JSON.parse(res.result);
|
||||
data = [...data,...res];
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
console.log(res);
|
||||
console.log(data);
|
||||
let html = '';
|
||||
|
||||
for(let i=0;i<res.length;i++){
|
||||
html += getRamCardHTML(res[i]);
|
||||
for(let i=0;i<data.length;i++){
|
||||
if(data[i].itemname.includes('AIO Fyro - 32')) continue;
|
||||
html += getRamCardHTML(data[i]);
|
||||
}
|
||||
|
||||
$('.product_card_section').html(html);
|
||||
|
||||
$('.ramcard').click(function(e){
|
||||
// $('.ramcard').click(function(e){
|
||||
|
||||
let sku = $(e.target).data('itemid');
|
||||
let itemid = $(e.target).data('itemid');
|
||||
// let sku = $(e.target).data('itemid');
|
||||
// let itemid = $(e.target).data('itemid');
|
||||
|
||||
window.location.href = `/productdetails.html?productId=${RAM_ID}#itemid=${itemid}`
|
||||
// window.location.href = `/productdetails.html?productId=${RAM_ID}#itemid=${itemid}`
|
||||
|
||||
})
|
||||
// })
|
||||
}
|
||||
|
||||
function getRamCardHTML({itemname,pricelist,itemid,sku,itemimageurl}){
|
||||
function getRamCardHTML({itemname,pricelist,itemid,sku,itemimageurl,productid}){
|
||||
let img = itemimageurl ? imgServerNameBuild(itemimageurl) : './dist/assets/imgs/nophoto.png'
|
||||
let tags = itemname.split('-');
|
||||
let ramTech = tags[tags.length-2];
|
||||
let gb = tags[tags.length-1];
|
||||
const [currencySymbol,amount] = getCurrencySymbol(pricelist);
|
||||
let priceAmt = `${currencySymbol} ${amount}`;
|
||||
|
||||
let detailPageName;
|
||||
let addSearch = '?';
|
||||
if (window.location.href.includes('laptops')) {
|
||||
detailPageName = 'laptopdetails';
|
||||
let name = itemname.toLowerCase().includes('zeno') ? 'Zeno' : 'Fyro';
|
||||
addSearch = `?${name}`;
|
||||
} else {
|
||||
detailPageName = 'productdetails';
|
||||
};
|
||||
|
||||
debugger;
|
||||
return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
|
||||
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
|
||||
|
||||
<a href="/${detailPageName}.html${addSearch}productId=${productid}#itemid=${itemid}" class=""><img src="${img}" alt="${itemname}" class="w-100 h-100 p-5"></a>
|
||||
<div class="card-body">
|
||||
<a href="/${detailPageName}.html${addSearch}productId=${productid}#itemid=${itemid}" class="">
|
||||
<h5 class="card-title satoshi_font mb-0 px-2 text-center font-weight-600">${itemname}</h5>
|
||||
</a>
|
||||
</div>
|
||||
<hr>
|
||||
<ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
|
||||
<li class="border-0 py-0">
|
||||
<span class="satoshi_font"> <h6>${gb}</h6> <h6>${ramTech}</h6></span>
|
||||
</li>
|
||||
<li class="border-0 py-0">
|
||||
<span class="satoshi_font"><h6>${pricelist?priceAmt:'Comming Soon'}</h6></span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="card-body text-center">
|
||||
<a href="/${detailPageName}.html?productId=${productid}#itemid=${itemid}" class="btn bg-white font-1-2 px-5 w-100">Details
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>`
|
||||
|
||||
return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
|
||||
<div class="card border bg-gray-3 rounded-3 p-1 h-100">
|
||||
|
||||
vendorováno
+9
-9
@@ -120,7 +120,7 @@ function initAddToCart(){
|
||||
|
||||
cartObj[$('#skudetailitem').val()] = {
|
||||
name:$('.productname').html(),
|
||||
price:$('.price').html(),
|
||||
price:$('.price').data('price'),
|
||||
quantity:$('#quantity').val(),
|
||||
img:$('.productDetailsMain img').attr('src'),
|
||||
sku:$('#skudetailitem').val(),
|
||||
@@ -137,7 +137,7 @@ function initAddToCart(){
|
||||
}else{
|
||||
//if(!data[id]) data['length']++;
|
||||
let name = $('.productname').html();
|
||||
let price = $('.price').html();
|
||||
let price = $('.price').data('price');
|
||||
let quantity = $('#quantity').val();
|
||||
let img = $('.productDetailsMain img').attr('src');
|
||||
let sku = $('#skudetailitem').val();
|
||||
@@ -180,7 +180,7 @@ function initAddToCart(){
|
||||
$('#addtocart').html('Add to cart');
|
||||
$('#addtocart').removeAttr('gotocart');
|
||||
$('#addtocart').off('click').click((e)=>{
|
||||
|
||||
debugger
|
||||
$('.insufficientqty').addClass('d-none');
|
||||
const qty = parseInt($('#addtocart').data('qty'));
|
||||
|
||||
@@ -188,18 +188,18 @@ function initAddToCart(){
|
||||
$('.insufficientqty').removeClass('d-none');
|
||||
return;
|
||||
}
|
||||
// $('#addtocart').off().click(function (el){
|
||||
// window.location.href = '/shopping-cart.html';
|
||||
$('#addtocart').off().click(function (el){
|
||||
window.location.href = '/shopping-cart.html';
|
||||
|
||||
// });
|
||||
});
|
||||
|
||||
addToCartFun();
|
||||
|
||||
toasterHelper('success',"Item added to cart","toast-top-right");
|
||||
|
||||
// $('#addtocart').html('Go to cart');
|
||||
// debugger;
|
||||
// $('#addtocart').attr('gotocart',1);
|
||||
$('#addtocart').html('Go to cart');
|
||||
|
||||
$('#addtocart').attr('gotocart',1);
|
||||
});
|
||||
|
||||
// $('.quantityHTML #quantity').off('change').change(function (e){
|
||||
|
||||
vendorováno
@@ -501,6 +501,7 @@ let Newuser =window.localStorage.getItem('isaccountCreated');
|
||||
payload['OrderItems'] = orderItems;
|
||||
|
||||
debugger;
|
||||
|
||||
try {
|
||||
const res = await API_SERVICES_ACTIONS.postAPIService(`apis/v4/bizgaze/integrations/salesorder/save`,payload);
|
||||
console.log(res.response.result);;
|
||||
|
||||
vendorováno
+8
-7
@@ -211,24 +211,25 @@ function shoppingCartInit() {
|
||||
|
||||
<div class=" inputcartaddmore d-flex gap-2 ${value >= 5 ? '' : 'd-none'}">
|
||||
<input min="1" class="form-control" style="max-width:100px" value="${value <= 5 ? '5' : value}" type="number" />
|
||||
<button class="btn border-none bg-info">Add</button>
|
||||
<button class="bg-gradient-anwi border-none btn text-white">Add</button>
|
||||
</div>
|
||||
<div class="text-danger pt-2 insufficientqty d-none">Insufficient quantity</div>
|
||||
</div>`
|
||||
}
|
||||
|
||||
function shoppingCartDesktopHTML({ id, img, name, price, description, quantity, total, totalQty, productid, itemid }) {
|
||||
const [currencySymbol, amt] = getCurrencySymbol(price);
|
||||
const [currencySymbol, amount] = getCurrencySymbol(price);
|
||||
debugger;
|
||||
let tamt = 0;
|
||||
{
|
||||
const [currencySymbol, amt] = getCurrencySymbol(total);
|
||||
tamt = amt;
|
||||
const [currencySymbol, amount] = getCurrencySymbol(total);
|
||||
tamt = amount;
|
||||
}
|
||||
return `
|
||||
<div class="d-none d-md-block">
|
||||
|
||||
<div class="row bg-white border-bottom py-4 d-flex justify-content-center align-items-center">
|
||||
<div class="col-md-2 text-center"><img src="https://appassets.bizgaze.app/_files/documents/663/5f6dc634-ffba-47d3-90d2-63004d9d41b6/LAPTOP_DDR5_32GB.jpeg" alt="${name}" class="img-fluid"></div>
|
||||
<div class="col-md-2 text-center"><img src="${img}" alt="${name}" class="img-fluid"></div>
|
||||
<div class="col-md-4 ">
|
||||
|
||||
<a class="text-decoration-none text-blue fw-600 cursor-pointer" href="productdetails.html?productId=${productid}#itemid=${itemid}">${name}</a>
|
||||
@@ -236,7 +237,7 @@ function shoppingCartInit() {
|
||||
<span class="badge d-none text-bg-warning">8 Offers ></span>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p class="text-right m-0"><span>${currencySymbol}</span> ${amt}</p>
|
||||
<p class="text-right m-0"><span>${currencySymbol}</span> ${amount}</p>
|
||||
</div>
|
||||
<div class="col-md-2 ">
|
||||
|
||||
@@ -256,7 +257,7 @@ function shoppingCartInit() {
|
||||
<div class="row d-block d-md-none smallcart py-3">
|
||||
<div class="row bg-white py-5 m-0">
|
||||
<div class="col-4 text-center">
|
||||
<img src="https://appassets.bizgaze.app/_files/documents/663/5f6dc634-ffba-47d3-90d2-63004d9d41b6/LAPTOP_DDR5_32GB.jpeg" alt="${name}" class="img-fluid">
|
||||
<img src="${img}" alt="${name}" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-8 position-relative d-flex flex-column gap-1">
|
||||
|
||||
|
||||
vendorováno
+64
-1
@@ -77,6 +77,40 @@ function toasterHelper(type, message, align = 'toast-top-center') {
|
||||
}
|
||||
}
|
||||
|
||||
async function getMulFileToGetBase64(event) {
|
||||
let files = event.target.files;
|
||||
let filePromise = [];
|
||||
for (let i = 0; i < files.length; i++) {
|
||||
let currFile = files[i];
|
||||
let currFilePromise = new Promise((resolve, reject) => {
|
||||
const reader = new FileReader();
|
||||
reader.readAsDataURL(currFile);
|
||||
// Wait till complete
|
||||
reader.onloadend = function () {
|
||||
let base64String = reader.result
|
||||
.toString()
|
||||
.replace(/^data:.+;base64,/, "");
|
||||
let fileReq = {
|
||||
FileData: base64String,
|
||||
FileName: currFile.name.split(".").slice(0, -1).join("."),
|
||||
FileType: currFile.name.split(".").pop(),
|
||||
RefId: 0,
|
||||
"ByteData": null,
|
||||
"FilePath": ""
|
||||
};
|
||||
resolve(fileReq);
|
||||
};
|
||||
// Make sure to handle error states
|
||||
reader.onerror = function (e) {
|
||||
reject(e);
|
||||
};
|
||||
});
|
||||
filePromise.push(currFilePromise)
|
||||
}
|
||||
|
||||
return Promise.all(filePromise);
|
||||
}
|
||||
|
||||
|
||||
function containsSpecialCharsHelper(str) {
|
||||
const specialChars = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
|
||||
@@ -84,4 +118,33 @@ function containsSpecialCharsHelper(str) {
|
||||
}
|
||||
const isUpperCaseHelper = (string) => /^(?=.*[A-Z])/.test(string);
|
||||
const isLowerCaseHelper = (string) => /^(?=.*[a-z])/.test(string);
|
||||
const isNumberContainsHelper = (string) => /\d/.test(string);
|
||||
const isNumberContainsHelper = (string) => /\d/.test(string);
|
||||
|
||||
function swapSectionsVideo(){
|
||||
function swapSections() {
|
||||
var sectionOne = document.querySelector('.section-one');
|
||||
var sectionTwo = document.querySelector('.section-two');
|
||||
|
||||
let nextSibling = sectionOne.nextSibling;
|
||||
var isMobile = window.matchMedia("(max-width: 768px)").matches;
|
||||
if(!isMobile) return;
|
||||
|
||||
if(nextSibling){
|
||||
sectionOne.insertAdjacentElement("beforeBegin",sectionTwo)
|
||||
}else{
|
||||
sectionOne.parentNode.insertBefore(sectionOne, sectionTwo);
|
||||
}
|
||||
|
||||
// sectionOne.parentNode.insertBefore(sectionOne, sectionTwo);
|
||||
}
|
||||
swapSections();
|
||||
|
||||
// Call the swapSections function on load and resize
|
||||
// window.addEventListener('load', swapSections);
|
||||
window.addEventListener('resize', swapSections);
|
||||
|
||||
setTimeout(function (){
|
||||
document.querySelector('auth-loader').hide();
|
||||
$('.loading-main').removeClass('d-none');
|
||||
},1000);
|
||||
}
|
||||
vendorováno
+26
-8
@@ -1,4 +1,3 @@
|
||||
|
||||
/* Orbitron */
|
||||
|
||||
@font-face {
|
||||
@@ -77,6 +76,10 @@ html {
|
||||
scroll-behavior: smooth !important;
|
||||
}
|
||||
|
||||
:root{
|
||||
--main-gradient :radial-gradient(circle, rgba(218,225,242,1) 0%, rgba(217,228,244,1) 49%, rgba(226,191,225,1) 100%);
|
||||
}
|
||||
|
||||
body {
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
@@ -1445,11 +1448,24 @@ span.transform_text1 {
|
||||
transform: rotate(-90deg);
|
||||
-webkit-text-fill-color: transparent;
|
||||
-webkit-text-stroke: 1px rgb(200 199 199);
|
||||
left: -308px;
|
||||
left: -290px;
|
||||
top: 54%;
|
||||
font-size: 47px;
|
||||
font-size: 44px;
|
||||
font-family: "Orbitron", sans-serif !important;
|
||||
}
|
||||
span.transform_text_1 {
|
||||
position: absolute;
|
||||
transform: rotate(-90deg);
|
||||
-webkit-text-fill-color: transparent;
|
||||
-webkit-text-stroke: 1px rgb(200 199 199);
|
||||
left: -364px;
|
||||
top: 39%;
|
||||
font-size: 90px;
|
||||
font-family: "Orbitron", sans-serif !important;
|
||||
}
|
||||
.w-65{
|
||||
width: 67%!important;
|
||||
}
|
||||
span.transform_text2 {
|
||||
position: absolute;
|
||||
transform: rotate(-90deg);
|
||||
@@ -1465,12 +1481,12 @@ span.transform_text2 {
|
||||
}
|
||||
#ora_products{
|
||||
/* background: #eef0f3; */
|
||||
background-image: url(../assets/imgs/productimg/banner_plan.png);
|
||||
background: var(--main-gradient);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
#laptop_memory_sec{
|
||||
background: url(../assets/imgs/allin_imgs/laptop_bg.png);
|
||||
background: var(--main-gradient);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -1480,7 +1496,7 @@ span.transform_text2 {
|
||||
background-size: cover; */
|
||||
}
|
||||
#desktop_memory_sec{
|
||||
background: url(../assets/imgs/allin_imgs/desktop_bg.png);
|
||||
background: var(--main-gradient);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -1519,7 +1535,9 @@ display: none;
|
||||
.bg-gradient-violet{
|
||||
/* background: linear-gradient(90deg, rgba(230,242,244,1) 6%, rgba(236,228,220,1) 100%);
|
||||
*/
|
||||
background:url(../assets/imgs/login_bg.png);
|
||||
/* background:url(../assets/imgs/login_bg.png);*/
|
||||
background: rgb(218,225,242);
|
||||
background: var(--main-gradient);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
@@ -1961,7 +1979,7 @@ a:hover {
|
||||
}
|
||||
.tab-content img{
|
||||
width: 100%;
|
||||
min-width:120px;
|
||||
min-width:70px;
|
||||
}
|
||||
.w-250{
|
||||
width: 250px;
|
||||
|
||||
vendorováno
+2
-1
@@ -128,5 +128,6 @@
|
||||
}
|
||||
|
||||
.specContainer > div{
|
||||
flex-basis: 50%;
|
||||
/* flex-basis: 50%; */
|
||||
width: 100%;
|
||||
}
|
||||
vendorováno
@@ -27,6 +27,7 @@ h5{
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
line-height: 1;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.info-numberbox.selectdonefiled{
|
||||
|
||||
vendorováno
+252
-32
@@ -2272,6 +2272,7 @@ textarea:focus {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 99;
|
||||
|
||||
}
|
||||
|
||||
/*--
|
||||
@@ -4063,17 +4064,21 @@ margin-bottom: 0.5rem !important;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.main-menu > nav > ul{
|
||||
display: flex;
|
||||
list-style: none;
|
||||
}
|
||||
.main-menu > nav > ul > li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
/* display: inline-block; */
|
||||
/* position: relative; */
|
||||
padding: 0px 33px 0px 2px;
|
||||
}
|
||||
.main-menu > nav > ul > li:hover::after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
left: -10px;
|
||||
background: rgb(63, 76, 119,0.5);
|
||||
/* background: rgb(63, 76, 119,0.5); */
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
z-index: 200;
|
||||
@@ -4124,20 +4129,48 @@ margin-bottom: 0.5rem !important;
|
||||
.main-menu > nav > ul > li > ul {
|
||||
/* -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
|
||||
box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09); */
|
||||
background-color: #ffffff;
|
||||
/* background-color: #ffffff; */
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
/* top: 100%; */
|
||||
left: 0;
|
||||
/* -webkit-transition: margin .1s linear .3s,visibility .1s linear .3s,opacity .1s linear .3s;
|
||||
-o-transition: margin .1s linear .3s,visibility .1s linear .3s,opacity .1s linear .3s; */
|
||||
/* transition: margin .1s linear .3s,visibility .1s linear .3s,opacity .1s linear .3s; */
|
||||
transition-duration: .4s;
|
||||
transition-delay: .4s;
|
||||
transform-origin: center top;
|
||||
/* -webkit-transform: scaleY(0);
|
||||
transform: scaleY(0); */
|
||||
background-color: hsl(0deg 0% 100%);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
margin-top: 20px;
|
||||
z-index: 9999;
|
||||
width: 100%;
|
||||
border-top: 1px solid #d3d3d352;
|
||||
border-bottom: 1px solid #d3d3d352;
|
||||
box-shadow: 1px 5px 8px -3px rgb(92 88 88 / 21%);
|
||||
-webkit-box-shadow: 1px 5px 8px -3px rgb(92 88 88 / 21%);
|
||||
-webkit-transition: background-color .3s linear, border-top-color .45s linear, -webkit-transform .2s linear;
|
||||
transition: background-color .3s linear, border-top-color .45s linear, -webkit-transform .2s linear;
|
||||
transition: transform .3s linear, background-color .3s linear, border-top-color .45s linear;
|
||||
transition: transform .3s linear, background-color .3s linear, border-top-color .45s linear, -webkit-transform .2s linear;
|
||||
}
|
||||
.nav_imgs{
|
||||
width:100%;
|
||||
max-width: 100px;
|
||||
}
|
||||
.nav_logo{
|
||||
width: 110px;
|
||||
}
|
||||
.main-menu > nav > ul > li:hover > ul {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
margin-top: 0px;
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
}
|
||||
/* .nav_items{
|
||||
filter: opacity(0.5);
|
||||
}
|
||||
.nav_items:hover{
|
||||
filter: opacity(1.5);
|
||||
} */
|
||||
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
|
||||
.main-menu > nav > ul > li > ul {
|
||||
@@ -4499,12 +4532,6 @@ margin-bottom: 0.5rem !important;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.main-menu > nav > ul > li:hover > ul {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.main-menu.main-menu-white > nav > ul > li > a {
|
||||
color: #ffffff;
|
||||
}
|
||||
@@ -4522,20 +4549,20 @@ margin-bottom: 0.5rem !important;
|
||||
line-height: 75px;
|
||||
}
|
||||
|
||||
.main-menu.main-menu-padding-1 > nav > ul > li {
|
||||
/* .main-menu.main-menu-padding-1 > nav > ul > li {
|
||||
padding: 0 16px 0 0;
|
||||
}
|
||||
} */
|
||||
|
||||
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
|
||||
.main-menu.main-menu-padding-1 > nav > ul > li {
|
||||
margin: 0 20px 0 0;
|
||||
padding: 0 33px 0 2px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
|
||||
.main-menu.main-menu-padding-1 > nav > ul > li {
|
||||
/* .main-menu.main-menu-padding-1 > nav > ul > li {
|
||||
padding: 0 20px 0 0;
|
||||
}
|
||||
} */
|
||||
}
|
||||
|
||||
.main-menu.main-menu-padding-1 > nav > ul > li:last-child {
|
||||
@@ -4847,7 +4874,7 @@ margin-bottom: 0.5rem !important;
|
||||
-webkit-flex: 0 0 40%;
|
||||
-ms-flex: 0 0 40%;
|
||||
flex: 0 0 40%;
|
||||
max-width: 40%;
|
||||
max-width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -31684,7 +31711,8 @@ h4.checkout-title::before {
|
||||
}
|
||||
|
||||
.bg-gradient-anwi {
|
||||
background: linear-gradient(112.1deg, rgb(63, 76, 119) -14.8%, rgb(32, 38, 57) 100.4%);
|
||||
/*background: linear-gradient(112.1deg, rgb(63, 76, 119) -14.8%, rgb(32, 38, 57) 100.4%);*/
|
||||
background:#000;
|
||||
}
|
||||
|
||||
.loginContainer .nav-pills .nav-link.active {
|
||||
@@ -31818,13 +31846,25 @@ input[type=number]::-webkit-outer-spin-button {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#carouselExampleAutoplaying{
|
||||
padding-top: 3rem;
|
||||
}
|
||||
.services.bg-gradient-anwi{
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.orderdetails .checkoutbtn{
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.videospinning{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: #000000b3;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.orderdetails{
|
||||
min-width: 800px;
|
||||
}
|
||||
|
||||
.form-control.is-invalid, .was-validated .form-control:invalid{
|
||||
@@ -31858,4 +31898,184 @@ input[type=number]::-webkit-outer-spin-button {
|
||||
width: 94%;
|
||||
z-index: 1;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.font-14{
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* / added by rahul / */
|
||||
.bg-blur {
|
||||
background: #706c6c85;
|
||||
}
|
||||
|
||||
.text-blue-1 {
|
||||
color: #6fcfed;
|
||||
}
|
||||
|
||||
.text-fyro {
|
||||
color: #e86129;
|
||||
}
|
||||
|
||||
.fyro_steamlined_section {
|
||||
background-color: #000;
|
||||
}
|
||||
.fyro_steamlined_section .fyro_logo img {
|
||||
width: 150px;
|
||||
}
|
||||
.fyro_steamlined_section .fyro_products_main_container .Two_four_inch_Card {
|
||||
background: radial-gradient(#b8e9ff, #35abe1);
|
||||
width: 100%;
|
||||
}
|
||||
/* .fyro_steamlined_section .fyro_products_main_container .left-spacer-card {
|
||||
max-width: 86%;
|
||||
} */
|
||||
.fyro_steamlined_section .fyro_products_main_container .fyro_sleekbook_1 {
|
||||
background: radial-gradient(#f5bba8, #d48970);
|
||||
}
|
||||
.fyro_steamlined_section .fyro_products_main_container .fyro_sleekbook_2 {
|
||||
background: radial-gradient(#c5cbd7, #7E8084);
|
||||
}
|
||||
|
||||
.disabled-option-item{
|
||||
pointer-events: none;
|
||||
background-color: #cccccc3b;
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
.nav-tab-show img{
|
||||
width: 120px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.titleproductnav{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.btnForgotback {
|
||||
position: absolute;
|
||||
top:8%;
|
||||
}
|
||||
|
||||
.productDetailsShadow > div{
|
||||
-webkit-box-shadow: 0 10px 20px rgba(3, 9, 25, 0.07);
|
||||
box-shadow: 0 10px 20px rgba(3, 9, 25, 0.07);
|
||||
background-color: #fff;
|
||||
padding: 68px 60px 103px 60px;
|
||||
margin-top: 10px;
|
||||
margin-left: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.gap-4r{
|
||||
gap:4rem;
|
||||
}
|
||||
|
||||
.font-12p{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.showspecsul{
|
||||
list-style: circle;
|
||||
}
|
||||
|
||||
/* .showspecsul >li::before{
|
||||
content: "\203A";
|
||||
padding-right: 5px;
|
||||
} */
|
||||
|
||||
.showspecsul > li{
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
|
||||
.btn.disabled, .btn:disabled, fieldset:disabled .btn{
|
||||
opacity:0.2!important;
|
||||
}
|
||||
|
||||
.colorselector{
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.borderselector.colorselector{
|
||||
/* border-width: 3px; */
|
||||
|
||||
outline: #081348 solid 2px;
|
||||
}
|
||||
|
||||
.sub_nav_container {
|
||||
transition: all .2s ease;
|
||||
}
|
||||
|
||||
.supportlistview{
|
||||
border: none !important;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: none !important;
|
||||
text-align: white;
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.supportlistview:hover{
|
||||
background: none !important;
|
||||
text-align: white;
|
||||
color: black !important;
|
||||
border: none !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.removeFilesupportticket > svg{
|
||||
padding: 0 !important;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#carouselExampleAutoplaying{
|
||||
padding-top: 3rem;
|
||||
}
|
||||
.services.bg-gradient-anwi{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.font-1-5{
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.specContainer {
|
||||
flex-direction: column !important;
|
||||
}
|
||||
|
||||
.orderdetails{
|
||||
min-width: inherit !important;
|
||||
}
|
||||
|
||||
.productDetailsShadow > div{
|
||||
padding:10px;
|
||||
box-shadow: none;
|
||||
}
|
||||
.showspecsul{
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.showspecsul > li{
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.myaccount-tab-menu {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.tab-content img {
|
||||
min-width: 70px;
|
||||
}
|
||||
|
||||
.cartnumcount{
|
||||
padding: 3px 7px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
vendorováno
+1
-1
Rozdílový obsah nebyl zobrazen, protože některé řádky jsou příliš dlouhá
+466
-196
@@ -33,26 +33,30 @@
|
||||
|
||||
<title>Anwi</title>
|
||||
<style>
|
||||
.slick-prev{
|
||||
.slick-prev {
|
||||
position: absolute;
|
||||
padding: 10px 15px;
|
||||
z-index: 1;
|
||||
left: -25px;
|
||||
top: 70px;
|
||||
top: 45%;
|
||||
border-radius: 50%;
|
||||
background: rgb(63, 76, 119);
|
||||
}
|
||||
.slick-next{
|
||||
|
||||
.slick-next {
|
||||
position: absolute;
|
||||
padding: 10px 15px;
|
||||
right: -25px;
|
||||
top: 70px;
|
||||
top: 45%;
|
||||
border-radius: 50%;
|
||||
background: rgb(63, 76, 119);
|
||||
}
|
||||
.slick-prev.btn:hover, .slick-next.btn:hover{
|
||||
background: rgb(63, 76, 119);
|
||||
|
||||
.slick-prev.btn:hover,
|
||||
.slick-next.btn:hover {
|
||||
background: rgb(63, 76, 119);
|
||||
}
|
||||
|
||||
/* .graphene_text::after{
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -62,13 +66,11 @@
|
||||
left: 0;
|
||||
} */
|
||||
|
||||
.slick-track
|
||||
{
|
||||
.slick-track {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
.slick-slide {
|
||||
height: inherit !important;
|
||||
}
|
||||
</style>
|
||||
@@ -90,15 +92,27 @@
|
||||
class="active carousel_btn" aria-current="true" aria-label="Slide 1"></button>
|
||||
<button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1"
|
||||
aria-label="Slide 2" class="carousel_btn"></button>
|
||||
<button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="2"
|
||||
aria-label="Slide 3" class="carousel_btn"></button>
|
||||
<button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="3"
|
||||
aria-label="Slide 4" class="carousel_btn"></button>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active" id="carousel_item1">
|
||||
<img src="./dist/assets/imgs/allin_imgs/oradesktop.png"
|
||||
class="d-block mx-auto w-100 carousel_img" alt="...">
|
||||
</div>
|
||||
<div class="carousel-item " id="carousel_item4">
|
||||
<img src="./dist/assets/imgs/allin_imgs/oranvme.png" class="d-block w-100 mx-auto carousel_img"
|
||||
alt="...">
|
||||
<div class="carousel-item " id="carousel_item2">
|
||||
<img src="./dist/assets/imgs/allin_imgs/oranvme.png"
|
||||
class="d-block w-100 mx-auto carousel_img" alt="...">
|
||||
</div>
|
||||
<div class="carousel-item" id="carousel_item3">
|
||||
<img src="./dist/assets/imgs/allin_imgs/sleekbookbanner.jpg" alt=""
|
||||
class="d-block mx-auto w-100 carousel_img">
|
||||
</div>
|
||||
<div class="carousel-item" id="carousel_item4">
|
||||
<img src="./dist/assets/imgs/allin_imgs/allinonebanner.jpg" alt=""
|
||||
class="d-block mx-auto w-100 carousel_img">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -106,12 +120,276 @@
|
||||
</section>
|
||||
</section>
|
||||
<!-- end-banner -->
|
||||
|
||||
<!-- zeno section start -->
|
||||
<section class="zeno_steamlined_section py-5">
|
||||
<div class="container">
|
||||
<div class="zeno_steamlined_section_heading">
|
||||
<div class="d-flex align-items-center justify-content-center ">
|
||||
<div class="zeno_logo">
|
||||
<img src="./dist/assets/imgs/Home_new/Zeno_head_logo.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="zeno_section_heading_titleText ms-4">
|
||||
<h1 class="text-white">Streamlined and Efficient Computing!</h1>
|
||||
<h6 class="text-white satoshi_font">ZENO, the ideal choice for those who value efficiency
|
||||
and affordability.</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="zeno_products_main_container position-relative">
|
||||
<div class="row mt-4 justify-content-center">
|
||||
<div class="col-lg-6 h-100 d-none d-lg-block">
|
||||
<div class="">
|
||||
<div class="card ms-auto Two_four_inch_Card">
|
||||
<img src="./dist/assets/imgs/laptop_aio/Zeno/all-in-one 21.5 inch/1 (3).png"
|
||||
class="img-fluid w-65 w-sm-75 mx-auto" alt="...">
|
||||
<div class="card-body px-lg-5 pb-lg-5 pt-0 ms-5 text-white">
|
||||
<h5 class="card-text satoshi_font fw-bold">Zeno All-in-One 23.8 inch</h5>
|
||||
|
||||
<ul class="showspecsul">
|
||||
<li> 23.8 inch FHD Display</li>
|
||||
<li>Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 Processor (12th Gen)</li>
|
||||
<li>24 GB RAM | 1 TB M.2 NVMe</li>
|
||||
</ul>
|
||||
|
||||
<h5 class="card-text my-3"><small class="satoshi_font">Starting from ₹
|
||||
33,990</small></h5>
|
||||
<a class="btn btn-dark button_dark" href="/laptopdetails.html?AIO%20Zeno#productId=106633230000026#itemid=106633240000110">Coming Soon</a>
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 d-block d-lg-none">
|
||||
<div class="card mb-4 Two_four_inch_Card">
|
||||
<div class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row">
|
||||
<div class="col-lg-6 col-md-6">
|
||||
<div class="card-body p-lg-5 text-white">
|
||||
<p class="card-text satoshi_font fw-bold">24 Inch All-In-One</p>
|
||||
<ul class="showspecsul">
|
||||
<li>24" 2K FHD</li>
|
||||
<li>Intel<sup class="copy-right_sup">®</sup> Core<sup class="trademark_sup">TM</sup> i5 13400 | 16GB</li>
|
||||
<li>Memory | 1TB NVMe </li>
|
||||
</ul>
|
||||
<p class="card-text satoshi_font mb-2"></p>
|
||||
<p class="card-text satoshi_font mb-2">
|
||||
</p>
|
||||
<p class="card-text satoshi_font mb-2" style="visibility: hidden;">Starting
|
||||
from ₹ 54,999</p>
|
||||
<a class="btn btn-dark button_dark" href="#">Coming Soon</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 my-auto">
|
||||
<img src="./dist/assets/imgs/Home/all-in-one-mobile.png"
|
||||
class="img-fluid rounded-start w-lg-100 w-sm-75 p-3" alt="...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 h-100">
|
||||
<div class="card mb-4 zeno_sleekbook_1">
|
||||
<div
|
||||
class="row g-0 px-3 p-md-3 py-lg-4 flex-sm-row-reverse flex-lg-row flex-column-reverse ">
|
||||
<div class="col-lg-6 col-md-6">
|
||||
<div class="card-body">
|
||||
<div class="py-lg-2">
|
||||
<h5 class="card-title mb-2 satoshi_font fw-bold">Zeno Sleekbook 14.1 inch</h5>
|
||||
|
||||
<ul class="showspecsul">
|
||||
<li>14.1 inch 2.5K Display</li>
|
||||
<li>Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 (12th Gen)</li>
|
||||
<li>24 GB RAM , 1 TB M.2 NVMe</li>
|
||||
</ul>
|
||||
|
||||
<h5 class="card-text my-4"><small class="satoshi_font">Starting from ₹
|
||||
54,990</small></h5>
|
||||
<a class="btn btn-dark button_dark" href="/laptopdetails.html?Zeno#productId=106633230000029">Coming Soon</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 my-auto">
|
||||
<img src="./dist/assets/imgs/laptop_aio/Zeno/14.1-1/14 inch.png"
|
||||
class="img-fluid rounded-start w-sm-50 pt-md-0 pt-5" alt="...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-3 zeno_sleekbook_2">
|
||||
<div class="row g-0 px-3 p-md-3 py-lg-3 flex-column-reverse flex-md-row">
|
||||
<div class="col-lg-6 col-md-6">
|
||||
<div class="card-body">
|
||||
<div class="py-lg-2">
|
||||
<h5 class="card-title satoshi_font mb-2 fw-bold">Zeno Sleekbook 15.6
|
||||
inch</h5>
|
||||
<ul class="showspecsul">
|
||||
<li>15.6 inch 4k Display</li>
|
||||
<li>Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 (12th Gen)</li>
|
||||
<li>24 GB RAM , 1 TB M.2 NVMe</li>
|
||||
</ul>
|
||||
|
||||
<h5 class="card-text my-4"><small class="satoshi_font">Starting from ₹
|
||||
57,990</small></h5>
|
||||
|
||||
<a class="btn btn-dark button_dark" href="/laptopdetails.html?Zeno#productId=106633230000029">Coming Soon </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 my-auto">
|
||||
<img src="./dist/assets/imgs/laptop_aio/Zeno/15.6 inches/15 inch.png"
|
||||
class="img-fluid rounded-start w-lg-100 w-200 mt-3" alt="...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-md-block d-none">
|
||||
<span class="transform_text_1">Zeno Series</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- zeno section start -->
|
||||
|
||||
<!-- fyro section start -->
|
||||
<section class="fyro_steamlined_section py-md-5">
|
||||
<div class="container">
|
||||
<div class="fyro_steamlined_section_heading">
|
||||
<div class="d-flex align-items-center justify-content-center ">
|
||||
<div class="fyro_logo">
|
||||
<img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="fyro_section_heading_titleText ms-4">
|
||||
<h1 class="text-white">Unleash the Power of GPU!</h1>
|
||||
<h6 class="text-white satoshi_font">Explore the world of advanced computing with FYRO.</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fyro_products_main_container position-relative">
|
||||
<div class="row mt-4 justify-content-center">
|
||||
<div class="col-lg-6 text-center text-md-start h-100">
|
||||
<div class="">
|
||||
<div class="position-relative d-none">
|
||||
<span class="transform_text">FYRO Series</span>
|
||||
</div>
|
||||
<div class="left-spacer-card">
|
||||
<div class="card mb-4 fyro_sleekbook_1">
|
||||
<div class="row g-0 px-3 p-md-3 py-lg-4 flex-sm-row-reverse flex-lg-row flex-column-reverse ">
|
||||
<div class="col-lg-6 col-md-6">
|
||||
<div class="card-body">
|
||||
<div class="py-lg-4">
|
||||
<h5 class="card-title mb-2 satoshi_font fw-bold">FYRO 17.3 RTX 4080</h5>
|
||||
<ul class="showspecsul">
|
||||
<li>17.3 inch IPS level LCD</li>
|
||||
<li>Intel<sup>®</sup> Core<sup>™</sup> i9</li>
|
||||
<li>32 GB RAM , 2 TB M.2 NVMe</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<h5 class="card-text my-3">
|
||||
<small class="satoshi_font">Starting from ₹ 2,49,990</small>
|
||||
</h5>
|
||||
<a class="btn btn-dark button_dark" href="/laptopdetails.html?Fyro#productId=106633230000031">Coming Soon</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 my-auto">
|
||||
<img src="./dist/assets/imgs/fyro_laptop_images/15%20inches.png"
|
||||
class="img-fluid rounded-start w-sm-50 pt-md-0 pt-5" alt="...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-3 fyro_sleekbook_2">
|
||||
<div class="row g-0 px-3 p-md-3 py-lg-3 flex-column-reverse flex-md-row">
|
||||
<div class="col-lg-6 col-md-6">
|
||||
<div class="card-body">
|
||||
<div class="py-lg-4">
|
||||
<h5 class="card-title satoshi_font mb-2 fw-bold">FYRO 14 RTX 4060</h5>
|
||||
<ul class="showspecsul">
|
||||
<li>14.0 inch FHD</li>
|
||||
<li>Intel<sup>®</sup> Core<sup>™</sup> i5 | i7 | i9</li>
|
||||
<li>32 GB RAM , 2 TB M.2 NVMe</li>
|
||||
</ul>
|
||||
<h5 class="card-text my-3">
|
||||
<small class="satoshi_font">Starting from ₹ 1,09,990</small>
|
||||
</h5>
|
||||
<a class="btn btn-dark button_dark" href="/laptopdetails.html?Fyro#productId=106633230000031
|
||||
">Coming Soon </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 my-auto">
|
||||
<img src="../dist/assets/imgs/fyro_laptop_images/14 inches.png"
|
||||
class="img-fluid rounded-start w-lg-100 mt-3 w-200" alt="...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 d-none d-lg-none">
|
||||
<div class="card mb-4 Two_four_inch_Card">
|
||||
<div class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row">
|
||||
<div class="col-lg-6 col-md-6">
|
||||
<div class="card-body p-lg-5 text-white">
|
||||
<p class="card-text satoshi_font fw-bold">24 Inch All-In-One</p>
|
||||
|
||||
<ul class="showspecsul">
|
||||
<li>24 Inch 2K FHD</li>
|
||||
<li>Intel<sup class="copy-right_sup">®</sup> Core<sup class="trademark_sup">TM</sup> i5 13400 | 16GB</li>
|
||||
<li>16GB Memory | 1TB NVMe</li>
|
||||
|
||||
</ul>
|
||||
|
||||
<p class="card-text satoshi_font mb-2" style="visibility: hidden;">Starting
|
||||
from ₹ 54,999</p>
|
||||
<a class="btn btn-dark button_dark" href="#">Coming Soon</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 my-auto">
|
||||
<img src="./dist/assets/imgs/laptop and all in one/Fyro/All-in-one 34 inches/Asset 4@2x.png"
|
||||
class="img-fluid rounded-start w-lg-100 w-sm-75 p-3" alt="...">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 h-100">
|
||||
<div class="card ms-auto Two_four_inch_Card">
|
||||
<img src="./dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 4@2x.png"
|
||||
class="img-fluid w-75 w-sm-75 mx-auto my-4 pt-md-4" alt="...">
|
||||
<div class="card-body p-lg-5 ms-5">
|
||||
<h5 class="card-text satoshi_font fw-bold">FYRO AIO34 ARC</h5>
|
||||
|
||||
<ul class="showspecsul">
|
||||
<li>34 inch Curved 4K LCD</li>
|
||||
<li>Intel<sup>®</sup> Core<sup>™</sup> i7-| i9 Processor (12th | 13th Gen)</li>
|
||||
<li>32 GB RAM , 2 TB M.2 NVMe</li>
|
||||
</ul>
|
||||
|
||||
<h5 class="card-text my-3"><small class="satoshi_font">Starting from ₹
|
||||
1,24,990</small></h5>
|
||||
<a class="btn btn-dark button_dark" href="/laptopdetails.html?AIO%20Fyro#productId=106633230000027#itemid=106633240000126">Coming Soon</a>
|
||||
<p></p
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-md-block d-none">
|
||||
<span class="transform_text_1">FYRO Series</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- fyro section start -->
|
||||
|
||||
<!-- Graphene Technology Section -->
|
||||
<section class=" bg-black" id="graphene_section">
|
||||
<div class="container py-md-5 py-4 position-relative">
|
||||
<div class="row align-items-center justify-content-center pb-md-5 pb-4">
|
||||
<div class="col-md-4 col-3 text-end">
|
||||
<img src="./dist/assets/imgs/allin_imgs/ora_img.png" class="img-fluid w-md-50"/>
|
||||
<img src="./dist/assets/imgs/allin_imgs/ora_img.png" class="img-fluid w-md-50" />
|
||||
</div>
|
||||
<div class="col-md-8 col-9 text-white">
|
||||
<h2 class="satoshi_font">Our Innovation in Memory and Storage</h2>
|
||||
@@ -123,31 +401,36 @@
|
||||
<div class="col-12">
|
||||
<div class="row align-items-center justify-content-md-center ">
|
||||
<div class="col-lg-6 col-md-8 text-center px-lg-3 px-md-5">
|
||||
<img src="./dist/assets/imgs/allin_imgs/graphene_img.png" class="img-fluid text-center" />
|
||||
<img src="./dist/assets/imgs/allin_imgs/graphene_img.png"
|
||||
class="img-fluid text-center" />
|
||||
</div>
|
||||
<div class="col-lg-6 text-white pe-lg-4">
|
||||
<h2 class="satoshi_font pb-md-3">A Breakthrough in Storage Performance and Sustainability</h2>
|
||||
<h6 class="mb-md-4 fw-lighter" style="line-height: 24px;">Experience a new era of storage technology with
|
||||
<h2 class="satoshi_font pb-md-3">A Breakthrough in Storage Performance and
|
||||
Sustainability</h2>
|
||||
<h6 class="mb-md-4 fw-lighter" style="line-height: 24px;">Experience a new era of
|
||||
storage technology with
|
||||
our innovative Graphene-Thermal Pad solution
|
||||
designed to revolutionize performance, longevity,
|
||||
and environmental sustainability.<br>
|
||||
ORA Series offers unparalleled benefits
|
||||
that set it apart from traditional storage options.</h6>
|
||||
<div class="row px-md-3">
|
||||
<div class="col-md-6 border-left pt-md-0 pt-2">
|
||||
<p class="graphene_text fs-9 mb-0">Optimal Thermal Management</p>
|
||||
</div>
|
||||
<div class="col-md-6 border-left">
|
||||
<p class="graphene_text fs-9 mb-0"> Lightning-fast read and write speeds</p>
|
||||
</div>
|
||||
<div class="col-md-6 mt-md-3 border-left">
|
||||
<p class="graphene_text fs-9 mb-0">Lightweight & Flexible Deisgn</p>
|
||||
</div>
|
||||
<div class="col-md-6 mt-md-3 border-left">
|
||||
<p class="graphene_text fs-9 mb-0">Enhanced longevity</p>
|
||||
</div>
|
||||
<div class="col-12 pt-md-4 px-md-0 fs-9 pt-2">Upgrade to the Graphene Technology Memory Series and experience unparalleled performance, durability, and sustainability in your data storage solutions.</div>
|
||||
<div class="row px-md-3">
|
||||
<div class="col-md-6 border-left pt-md-0 pt-2">
|
||||
<p class="graphene_text fs-9 mb-0">Optimal Thermal Management</p>
|
||||
</div>
|
||||
<div class="col-md-6 border-left">
|
||||
<p class="graphene_text fs-9 mb-0"> Lightning-fast read and write speeds</p>
|
||||
</div>
|
||||
<div class="col-md-6 mt-md-3 border-left">
|
||||
<p class="graphene_text fs-9 mb-0">Lightweight & Flexible Deisgn</p>
|
||||
</div>
|
||||
<div class="col-md-6 mt-md-3 border-left">
|
||||
<p class="graphene_text fs-9 mb-0">Enhanced longevity</p>
|
||||
</div>
|
||||
<div class="col-12 pt-md-4 px-md-0 fs-9 pt-2">Upgrade to the Graphene Technology
|
||||
Memory Series and experience unparalleled performance, durability, and
|
||||
sustainability in your data storage solutions.</div>
|
||||
</div>
|
||||
<!-- <div class="text-end pe-md-4">
|
||||
<a class="btn btn-dark button_dark py-md-2" href="#">Know more...</a>
|
||||
</div> -->
|
||||
@@ -164,19 +447,24 @@
|
||||
<div class="row justify-content-center align-items-center">
|
||||
<div class="col-lg-6 col-12 text-center text-white">
|
||||
<div class="bg-black d-flex fs-9 px-md-4 py-md-2 py-2 px-3 rounded-3">
|
||||
<p class="mb-0 px-md-2 py-md-1"><i class="fa-sharp fa-arrow-right fs-7"></i> || <i class="fa-sharp fa-arrow-left fs-7"></i></p>
|
||||
<p class="mb-0 text-start py-md-1 w-75 fs-7"> World's Thinnest Heat Sink 100% More Effective</p>
|
||||
<p class="mb-0 px-md-2 py-md-1"><i class="fa-sharp fa-arrow-right fs-7"></i>
|
||||
|| <i class="fa-sharp fa-arrow-left fs-7"></i></p>
|
||||
<p class="mb-0 text-start py-md-1 w-75 fs-7"> World's Thinnest Heat
|
||||
Sink 100% More Effective</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-12 pt-lg-0 pt-3 text-center">
|
||||
<div class="bg-white fs-7 px-md-2 py-md-2 rounded-3">
|
||||
<div class="border d-flex fs-7 rounded-3 align-items-center">
|
||||
<div class="p-2" style="background-color: #50b2e4;border-top-left-radius: 7px;border-bottom-left-radius:7px;">
|
||||
<img src="./dist/assets/imgs/allin_imgs/15_percent.png" class="img-fluid w-60"/>
|
||||
</div>
|
||||
<p class="py-md-2 border-left mb-0 w-75 text-dark ps-1">15% More Performance & Life</p>
|
||||
<div class="bg-white fs-7 px-md-2 py-md-2 rounded-3">
|
||||
<div class="border d-flex fs-7 rounded-3 align-items-center">
|
||||
<div class="p-2"
|
||||
style="background-color: #50b2e4;border-top-left-radius: 7px;border-bottom-left-radius:7px;">
|
||||
<img src="./dist/assets/imgs/allin_imgs/15_percent.png"
|
||||
class="img-fluid w-60" />
|
||||
</div>
|
||||
<p class="py-md-2 border-left mb-0 w-75 text-dark ps-1">15% More
|
||||
Performance & Life</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -197,7 +485,8 @@
|
||||
<h2 class="satoshi_font">Discover the Future of Storage</h2>
|
||||
<h6 class="satoshi_font">with M2 NVMe SSDs at Lightning Speeds</h6>
|
||||
</div>
|
||||
<div class="align-items-center flex-column-reverse flex-md-row mx-0 px-md-5 rounded-4 row" id="Fyro_main_card">
|
||||
<div class="align-items-center flex-column-reverse flex-md-row mx-0 px-md-5 rounded-4 row"
|
||||
id="Fyro_main_card">
|
||||
<div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
|
||||
<h3 class="fw-600 mb-md-3">ORA PCIe Storage</h3>
|
||||
<h5 class="mb-1">NVMe M.2 SSDs</h5>
|
||||
@@ -223,11 +512,11 @@
|
||||
<div class="container py-md-5 py-5 position-relative">
|
||||
<div class="text-center text-white mb-md-5 mb-5">
|
||||
<h2 class="satoshi_font">Portability Meets Power</h2>
|
||||
<h6 class="satoshi_font">Boost the laptops Potentail with ORA Memory Series</h6>
|
||||
<h6 class="satoshi_font">Boost the Laptops Potential with ORA Memory Series</h6>
|
||||
</div>
|
||||
<div class="align-items-center flex-md-row mx-0 px-md-5 rounded-4 row" id="laptop_memory_sec">
|
||||
<div class="col-lg-8 col-md-8">
|
||||
<img src="./dist/assets/imgs/allin_imgs/laptop_memory.png" class="img-fluid"/>
|
||||
<img src="./dist/assets/imgs/allin_imgs/laptop_memory.png" class="img-fluid" />
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
|
||||
<h3 class="fw-600 mb-md-0">ORA Series</h3>
|
||||
@@ -252,7 +541,8 @@
|
||||
<h2 class="satoshi_font">Empowering the Performance</h2>
|
||||
<h6 class="satoshi_font">Maximize Efficiency with ORA Desktop Memory Series</h6>
|
||||
</div>
|
||||
<div class="align-items-center flex-column-reverse py-lg-5 py-md-5 flex-md-row mx-0 px-md-5 rounded-4 row" id="desktop_memory_sec">
|
||||
<div class="align-items-center flex-column-reverse py-lg-5 py-md-5 flex-md-row mx-0 px-md-5 rounded-4 row"
|
||||
id="desktop_memory_sec">
|
||||
<div class="col-lg-6 col-md-4 pb-4 pb-md-0 ps-4 ps-md-0 ps-lg-5">
|
||||
<h3 class="fw-600 mb-md-0">ORA Series</h3>
|
||||
<h3 class="fw-600 mb-md-2">Desktop Memory</h3>
|
||||
@@ -262,7 +552,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-8 pt-lg-5">
|
||||
<img src="./dist/assets/imgs/allin_imgs/desktop_memory.png" class="img-fluid"/>
|
||||
<img src="./dist/assets/imgs/allin_imgs/desktop_memory.png" class="img-fluid" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-md-block d-none">
|
||||
@@ -276,108 +566,90 @@
|
||||
<section>
|
||||
<div class="container mb-md-5 mb-5">
|
||||
<h2 class="satoshi_font text-center py-md-5 py-4">Top Selling Products</h2>
|
||||
<div class="row justify-content-center align-items-center pb-md-5 ">
|
||||
<div class="col-10">
|
||||
<div id="homepage-slider" >
|
||||
<div class="slider-hero">
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0">
|
||||
<div class="card-body">
|
||||
<a href="./storageproducts.html">
|
||||
<img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100"/>
|
||||
<p class="mb-0 fs-7 py-2">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row justify-content-center align-items-center pb-md-5 ">
|
||||
<div class="col-10">
|
||||
<div id="homepage-slider">
|
||||
<div class="slider-hero">
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0">
|
||||
<div class="card-body">
|
||||
<a href="./storageproducts.html">
|
||||
<img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100" />
|
||||
<p class="mb-0 fs-7 py-2">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0">
|
||||
<div class="card-body">
|
||||
<a href="./storageproducts.html">
|
||||
<img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100"/>
|
||||
<p class="mb-0 fs-7 py-2">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0">
|
||||
<div class="card-body">
|
||||
<a href="./storageproducts.html">
|
||||
<img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100" />
|
||||
<p class="mb-0 fs-7 py-2">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100"/>
|
||||
<p class="mb-0 fs-7 py-2">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
<p class="selling_product d-none"
|
||||
data_name="ORA 32GB DDR5 4800MHz Desktop RAM "
|
||||
data_version="DDR5"
|
||||
data_device="Desktop"
|
||||
data_gb="32GB"
|
||||
data_price="15500"
|
||||
data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100" />
|
||||
<p class="mb-0 fs-7 py-2">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
<p class="selling_product d-none" data_name="ORA 32GB DDR5 4800MHz Desktop RAM "
|
||||
data_version="DDR5" data_device="Desktop" data_gb="32GB" data_price="15500"
|
||||
data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png">
|
||||
</p>
|
||||
</div>
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100"/>
|
||||
<p class="mb-0 fs-7 py-2">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
<p class="selling_product d-none"
|
||||
data_name="ORA 8GB DDR5 4800MHz Laptop RAM "
|
||||
data_version="DDR5"
|
||||
data_device="Laptop"
|
||||
data_gb="8GB"
|
||||
data_price="5150"
|
||||
data_img="../dist/assets/imgs/allin_imgs/8gb_laptop.png">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100" />
|
||||
<p class="mb-0 fs-7 py-2">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
<p class="selling_product d-none" data_name="ORA 8GB DDR5 4800MHz Laptop RAM "
|
||||
data_version="DDR5" data_device="Laptop" data_gb="8GB" data_price="5150"
|
||||
data_img="../dist/assets/imgs/allin_imgs/8gb_laptop.png">
|
||||
</p>
|
||||
</div>
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"/>
|
||||
<p class="mb-0 fs-7 py-2">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
<p class="selling_product d-none"
|
||||
data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
|
||||
data_version="DDR4"
|
||||
data_device="Laptop"
|
||||
data_gb="32GB"
|
||||
data_price="8450"
|
||||
data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100" />
|
||||
<p class="mb-0 fs-7 py-2">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
<p class="selling_product d-none" data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
|
||||
data_version="DDR4" data_device="Laptop" data_gb="32GB" data_price="8450"
|
||||
data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png">
|
||||
</p>
|
||||
</div>
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"/>
|
||||
<p class="mb-0 fs-7 py-2">ORA DDR4 <br> 3200MHz Laptop Memory</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
<p class="selling_product d-none"
|
||||
data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
|
||||
data_version="DDR4"
|
||||
data_device="Laptop"
|
||||
data_gb="32GB"
|
||||
data_price="8450"
|
||||
data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100" />
|
||||
<p class="mb-0 fs-7 py-2">DDR4 <br> 3200MHz Laptop Memory</p>
|
||||
<p class="fw-600 text-primary mb-0">Buy Now</p>
|
||||
<p class="selling_product d-none" data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
|
||||
data_version="DDR4" data_device="Laptop" data_gb="32GB" data_price="8450"
|
||||
data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gradient-anwi container my-5 my-md-5 rounded-3 text-white" id="innovation_sections">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3 text-center">
|
||||
<img src="./dist/assets/imgs/allin_imgs/innovation_img1.png" class="img-fluid"/>
|
||||
</div>
|
||||
<div class="col-md-6 text-center">
|
||||
<h1 class="">Innovation at your fingertips</h1>
|
||||
<h5 class="mb-md-3 fw-600">Be the first to set your digital world on fire!</h5>
|
||||
<a href="./index1.html" class="btn rounded-3 bg-black text-white px-md-4">Know More</a>
|
||||
</div>
|
||||
<div class="col-md-3 text-center">
|
||||
<img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid"/>
|
||||
</div>
|
||||
<div class="col-md-3 text-center">
|
||||
<img src="./dist/assets/imgs/allin_imgs/innovation_img1.png" class="img-fluid" />
|
||||
</div>
|
||||
<div class="col-md-6 text-center">
|
||||
<h1 class="">Innovation at your fingertips</h1>
|
||||
<h5 class="mb-md-3 fw-600">Be the first to set your digital world on fire!</h5>
|
||||
<a href="./index1.html" class="btn rounded-3 bg-black text-white px-md-4">Know More</a>
|
||||
</div>
|
||||
<div class="col-md-3 text-center">
|
||||
<img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -386,16 +658,17 @@
|
||||
<!-- footer -->
|
||||
<div id="footer-head" class=""></div>
|
||||
<!-- end-footer -->
|
||||
|
||||
|
||||
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="./dist/js/jquery.min.js"></script>
|
||||
<script src="./dist/toaster/toastr.js"></script>
|
||||
<script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
|
||||
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
|
||||
<script src="./dist/toaster/toastr.js"></script>
|
||||
|
||||
<script src="./dist/js/fontawesome.all.js"></script>
|
||||
<script src="./dist/js/fontawesome.min.js"></script>
|
||||
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
|
||||
@@ -406,13 +679,9 @@
|
||||
<script src="./dist/js/plugins/wow.js"></script>
|
||||
<script src="./dist/js/plugins/svg-injector.min.js"></script>
|
||||
<script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
|
||||
<!-- <script src="./dist/js/plugins/mouse-parallax.js"></script>
|
||||
<script src="./dist/js/plugins/images-loaded.js"></script>
|
||||
<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/js/utils/helpers.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
@@ -421,42 +690,43 @@
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
let Newuser =window.localStorage.getItem(USER_AUTH_OKAY);
|
||||
|
||||
if(Newuser == 1){
|
||||
toasteropts()
|
||||
Command: toastr["success"]("Account Created Successfully");
|
||||
window.localStorage.removeItem(USER_AUTH_OKAY)
|
||||
return
|
||||
}else if(Newuser == 2){
|
||||
|
||||
toasteropts()
|
||||
Command: toastr["success"]("Logged In Successfully");
|
||||
window.localStorage.removeItem(USER_AUTH_OKAY)
|
||||
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"
|
||||
}
|
||||
}
|
||||
});
|
||||
$(document).ready(function () {
|
||||
let Newuser = window.localStorage.getItem(USER_AUTH_OKAY);
|
||||
|
||||
if (Newuser == 1) {
|
||||
toasteropts()
|
||||
Command: toastr["success"]("Account Created Successfully");
|
||||
window.localStorage.removeItem(USER_AUTH_OKAY)
|
||||
return
|
||||
} else if (Newuser == 2) {
|
||||
|
||||
toasteropts()
|
||||
Command: toastr["success"]("Logged In Successfully");
|
||||
window.localStorage.removeItem(USER_AUTH_OKAY)
|
||||
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"
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(".slick-prev").addClass("btn text-white");
|
||||
$(".slick-next").addClass("btn text-white");
|
||||
@@ -541,25 +811,25 @@
|
||||
$(".Fyro_main_card").removeClass("col-lg-11").addClass("col-12")
|
||||
}
|
||||
|
||||
$(".top_sell").each(function(){
|
||||
$(".top_sell").click(function(){
|
||||
$(".top_sell").each(function () {
|
||||
$(".top_sell").click(function () {
|
||||
let product_name = $(this).find(".selling_product").attr("data_name");
|
||||
let data_version = $(this).find(".selling_product").attr("data_version");
|
||||
let data_device = $(this).find(".selling_product").attr("data_device");
|
||||
let data_gb = $(this).find(".selling_product").attr("data_gb");
|
||||
let data_price = $(this).find(".selling_product").attr("data_price");
|
||||
let data_img = $(this).find(".selling_product").attr("data_img");
|
||||
let data_version = $(this).find(".selling_product").attr("data_version");
|
||||
let data_device = $(this).find(".selling_product").attr("data_device");
|
||||
let data_gb = $(this).find(".selling_product").attr("data_gb");
|
||||
let data_price = $(this).find(".selling_product").attr("data_price");
|
||||
let data_img = $(this).find(".selling_product").attr("data_img");
|
||||
|
||||
let top_obj = {
|
||||
name:product_name,
|
||||
version:data_version,
|
||||
device:data_device,
|
||||
gb:data_gb,
|
||||
price:data_price,
|
||||
img:data_img
|
||||
}
|
||||
localStorage.setItem("top_data",JSON.stringify(top_obj));
|
||||
window.location.href="./productdetails.html";
|
||||
let top_obj = {
|
||||
name: product_name,
|
||||
version: data_version,
|
||||
device: data_device,
|
||||
gb: data_gb,
|
||||
price: data_price,
|
||||
img: data_img
|
||||
}
|
||||
localStorage.setItem("top_data", JSON.stringify(top_obj));
|
||||
window.location.href = "./productdetails.html";
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
+21
-7
@@ -74,21 +74,35 @@
|
||||
|
||||
<!-- <div id="footer-head"></div> -->
|
||||
<!-- end-footer -->
|
||||
<script src="../dist/js/fontawesome.all.js"></script>
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<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="./libs/axios.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="./dist/toaster/toastr.js"></script>
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
<script src="./dist/js/fontawesome.all.js"></script>
|
||||
<script src="./dist/js/fontawesome.min.js"></script>
|
||||
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
|
||||
<script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
|
||||
<script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
|
||||
<script src="./dist/js/vendor/bootstrap.min.js"></script>
|
||||
<script src="./dist/js/plugins/slick.js"></script>
|
||||
<script src="./dist/js/plugins/wow.js"></script>
|
||||
<script src="./dist/js/plugins/svg-injector.min.js"></script>
|
||||
<script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
|
||||
|
||||
|
||||
<script src="./dist/js/utils/helpers.js"></script>
|
||||
<script src="./dist/js/shoppingcart/addtocart.js"></script>
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/auth/login.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="./dist/js/main.js"></script>
|
||||
|
||||
|
||||
+53
-3
@@ -58,6 +58,7 @@
|
||||
<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="#supportticket" data-bs-toggle="tab" class=" "> Support Ticket</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>
|
||||
@@ -76,7 +77,7 @@
|
||||
<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">
|
||||
<div class="col-md-3 text-center">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-icon.png"
|
||||
class="w-md-65 w-50" />
|
||||
</div>
|
||||
@@ -229,6 +230,35 @@
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="supportticket" role="tabpanel">
|
||||
<div class="myaccount-content">
|
||||
<div class="card nosupportticket rounded-1 p-2">
|
||||
No open tickets
|
||||
</div>
|
||||
<div class="supportlist">
|
||||
<div class="d-none d-md-block">
|
||||
<div class="row headersupportlist">
|
||||
<div class="ticket-date col-3">
|
||||
Date
|
||||
</div>
|
||||
<div class="ticket-no col-3">
|
||||
Ticket No
|
||||
</div>
|
||||
<div class="col-3 text-center">
|
||||
Stage
|
||||
</div>
|
||||
<div class="col-3 text-center">
|
||||
Priority Name
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="support-list-container">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
<div class="tab-pane fade" id="address-edit" role="tabpanel">
|
||||
@@ -619,13 +649,30 @@
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<div class="modal fade" id="supportmodalticket" role="dialog" aria-labelledby="supportmodalticket" aria-hidden="true">
|
||||
<div class="modal-dialog orderdetails p-5 d-flex align-items-center justify-content-center">
|
||||
|
||||
<div class="modal-body card">
|
||||
|
||||
<div>
|
||||
hello
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="checkoutbtn supportmodalticketclose btn bg-danger btn btn-sm mt-3 text-white px-2" data-bs-dismiss="modal">Close</button>
|
||||
<!-- <button type="button" class="checkoutbtn supportmodalticketsave btn bg-gradient-anwi btn btn-sm mt-3 text-white px-4 " data-bs-dismiss="modal">Submit</button> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer -->
|
||||
<div id="footer-head"></div>
|
||||
<!-- end-footer -->
|
||||
<!-- <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> -->
|
||||
<script src="./dist/js/jquery.min.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/footer.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>
|
||||
@@ -650,7 +697,10 @@
|
||||
<script src="./dist/js/localstorage/loginauthlocal.js"></script>
|
||||
<!-- <script src="./dist/js/utils/CookieHelper.js"></script> -->
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/myaccount/orderdetails.js"></script>
|
||||
<script src="./dist/js/myaccount/support_tickets.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>
|
||||
|
||||
+121
-3
@@ -7,6 +7,7 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
|
||||
<link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
|
||||
|
||||
<link rel="stylesheet" href="./dist/css/main.css" />
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
<link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
|
||||
@@ -14,6 +15,7 @@
|
||||
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./dist/css/vendor/vandella.css">
|
||||
<link rel="stylesheet" href="./libs/select2/select2.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
|
||||
<link rel="stylesheet" href="./dist/css/vendor/fontello.css">
|
||||
<link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
|
||||
@@ -25,7 +27,7 @@
|
||||
<link rel="stylesheet" href="./dist/css/style.css">
|
||||
<link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
|
||||
<link rel="stylesheet" href="./dist/css/fontawesome.min.css">
|
||||
|
||||
<link rel="stylesheet" href="./dist/toaster/toastr.css" />
|
||||
<title>Orders | Anwi</title>
|
||||
</head>
|
||||
|
||||
@@ -51,7 +53,7 @@
|
||||
<a href="#" class="fw-600 text-a-color">Need Help ?</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="row bg-white p-3">
|
||||
<div class="col-md-8 deliverd-card">
|
||||
|
||||
</div>
|
||||
@@ -61,7 +63,7 @@
|
||||
|
||||
</div>
|
||||
<div class="card rounded-0 border-top-0">
|
||||
<div class="card-body" >
|
||||
<div class="card-body " >
|
||||
<div class="payement details">
|
||||
<p class="fs-6 fw-600 mb-0 pb-1 border-bottom">Order Payment Details</p>
|
||||
<div class="py-1">
|
||||
@@ -171,14 +173,129 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="exampleModalsupport" role="dialog" aria-labelledby="exampleModalLabelsupport" aria-hidden="true">
|
||||
<div class="modal-dialog orderdetails p-5 d-flex align-items-center justify-content-center">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabelsupport">Open a Support Ticket
|
||||
</h5>
|
||||
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body ">
|
||||
<div class="pb-4">We love our customers, and we're here to help if you need us. Please keep in mind that not all topics are within the scope of out support.</div>
|
||||
<div class="row py-4">
|
||||
<div class="col-sm-4 text-center">
|
||||
<img class="img-fluid order_img w-75 " src=https://appassets.bizgaze.app/${order.imageurl}>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div class="">
|
||||
<span class="modalitemname">RAM ORA - Laptop - DDR4 SDRAM - 16 GB</span> (<span class="modalitemqty">1</span> items)
|
||||
</div>
|
||||
<div class="modalprice">
|
||||
3708.74
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
|
||||
<select class="form-select" id="supportgroups" aria-label="Default select example">
|
||||
<option selected>Open this select menu</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
<div class="invalid-feedback"> Please select support group</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6">
|
||||
|
||||
|
||||
<select class="form-select" id="supportlevel" aria-label="Default select example">
|
||||
<option selected>Open this select menu</option>
|
||||
<option value="1">One</option>
|
||||
<option value="2">Two</option>
|
||||
<option value="3">Three</option>
|
||||
</select>
|
||||
<div class="invalid-feedback"> Please select your priorty level</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="py-4">
|
||||
<div>Description</div>
|
||||
<textarea class="form-control desmodalsupportarea" name="modalsupportarea"></textarea>
|
||||
<div class="invalid-feedback"> Please enter the description</div>
|
||||
</div>
|
||||
<div class='text-primary cursor-pointer mb-md-4'>
|
||||
<label htmlFor='supportattachfile' class='d-flex d-gap-10' >
|
||||
<span class="pe-1"><i class="fa-solid fa-file"></i></span>
|
||||
<span>Attach a file</span>
|
||||
<input multiple="true" id="supportattachfile" type="file" class='d-none' />
|
||||
</label>
|
||||
<div class='d-flex flex-wrap text-dark pt-2 inputlistsupportcontainer'>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="closesupportticket checkoutbtn btn bg-danger btn btn-sm mt-3 text-white px-2" data-bs-dismiss="modal">Close</button>
|
||||
<button type="button" class="submitsupportticket checkoutbtn btn bg-gradient-anwi btn btn-sm mt-3 text-white px-4 ">
|
||||
<div class="spinner-border supportticketsubmit d-none" role="status"> <span class="visually-hidden">Loading...</span> </div>
|
||||
<span class="supportticketsubmitbtn">Submit</span>
|
||||
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- warrenty -->
|
||||
<div class="modal fade" id="exampleModalwarrenty" role="dialog" aria-labelledby="exampleModalLabelwarrenty" aria-hidden="true">
|
||||
<div class="modal-dialog orderdetails p-5 d-flex align-items-center justify-content-center">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabelwarrenty">Claim warranty
|
||||
</h5>
|
||||
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body ">
|
||||
<div class="pb-4">We love our customers, and we're here to help if you need us. Please keep in mind that not all topics are within the scope of out support.</div>
|
||||
<div class="row py-2">
|
||||
<div class="pb-2">
|
||||
|
||||
<h5 id="warrenymodalname"></h5>
|
||||
</div>
|
||||
<div>
|
||||
<div class="pb-3 form-floating py-0">
|
||||
<input required type="email" class="form-control shadow-none h-50p" id="warrentymodalcode" placeholder="Enter Your Email" autocomplete="off">
|
||||
<label for="warrentymodalcode">Enter Your Serial Number </label>
|
||||
<div class="invalid-feedback"> Please enter email. </div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="checkoutbtn btn bg-danger btn btn-sm mt-3 text-white px-2" data-bs-dismiss="modal">Close</button>
|
||||
<button type="button" class="checkoutbtn btn bg-gradient-anwi btn btn-sm mt-3 text-white px-4 " data-bs-dismiss="modal">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
<!-- footer -->
|
||||
<div id="footer-head" class=""></div>
|
||||
<!-- end-footer -->
|
||||
|
||||
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="./dist/js/jquery.min.js"></script>
|
||||
<script src="./dist/toaster/toastr.js"></script>
|
||||
<script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
|
||||
<script src="./dist/js/components/authloader/authloader.js"></script>
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
@@ -199,6 +316,7 @@
|
||||
<script src="./dist/js/plugins/mouse-parallax.js"></script>
|
||||
<script src="./dist/js/plugins/images-loaded.js"></script>
|
||||
<script src="./dist/js/plugins/isotope.js"></script>
|
||||
<script src="./libs/select2/select2.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>
|
||||
|
||||
+14
-12
@@ -306,7 +306,7 @@
|
||||
<script src="./dist/js/jquery.min.js"></script>
|
||||
<script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
|
||||
|
||||
<script src="./dist/js/axios.min.js"></script>
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<script src="./dist/js/fontawesome.all.js"></script>
|
||||
@@ -324,8 +324,10 @@
|
||||
<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>
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/main.js"></script>
|
||||
|
||||
<script>
|
||||
@@ -362,16 +364,16 @@
|
||||
["andhraprabha_10-04-23_pg11.jpeg", "Andhra Prabha", "10 April 2023", "11"],
|
||||
["adaabhyderabad_10-04-23_pg10.jpeg", "Adaab Hyderabad", "10 April 2023", "10"],
|
||||
["andhrapathrika_10_04_23_pg05.jpg", "Andhra Pathrika", "10 April 2023", "05"],
|
||||
["an_topstory_10_04_23_pg09.jpg", "An Top Story", "10 April 2023", "09"],
|
||||
["an_thestatesman_9_04_23_pg08.jpg", "An The States Man", "09 April 2023", "08"],
|
||||
["an_thefreedompress_9_04_23_pg02.jpg", "An The Freedom Press", "09 April 2023", "02"],
|
||||
["an_thecitizentimes_10_04_23_pg4.jpg", "An The Citizen Times", "10 April 2023", "04"],
|
||||
["an_rashtriyasahara_9_04_23_pg11.jpg", "An Rashtriya Sahara", "09 April 2023", "11"],
|
||||
["an_punjabkesari_9_04_23_pg02.jpg", "An Punjab Kesari", "09 April 2023", "02"],
|
||||
["an_hindustan_10_04_23_pg09.jpg", "An Hindustan", "10 April 2023", "09"],
|
||||
["an_deshbandhu_9_04_23_pg03.jpg", "An Deshbandhu", "09 April 2023", "03"],
|
||||
["an_dainiksaveratimes_9_04_23_pg11.jpg", "An Dainik Savera Times", "09 April 2023", "11"],
|
||||
["an_dainikbhaskar_9_04_23_pg11.jpg", "An Dainik Bhaskar", "09 April 2023", "11"]
|
||||
["an_topstory_10_04_23_pg09.jpg", "Top Story", "10 April 2023", "09"],
|
||||
["an_thestatesman_9_04_23_pg08.jpg", "The States Man", "09 April 2023", "08"],
|
||||
["an_thefreedompress_9_04_23_pg02.jpg", "The Freedom Press", "09 April 2023", "02"],
|
||||
["an_thecitizentimes_10_04_23_pg4.jpg", "The Citizen Times", "10 April 2023", "04"],
|
||||
["an_rashtriyasahara_9_04_23_pg11.jpg", "Rashtriya Sahara", "09 April 2023", "11"],
|
||||
["an_punjabkesari_9_04_23_pg02.jpg", "Punjab Kesari", "09 April 2023", "02"],
|
||||
["an_hindustan_10_04_23_pg09.jpg", "Hindustan", "10 April 2023", "09"],
|
||||
["an_deshbandhu_9_04_23_pg03.jpg", "Deshbandhu", "09 April 2023", "03"],
|
||||
["an_dainiksaveratimes_9_04_23_pg11.jpg", "Dainik Savera Times", "09 April 2023", "11"],
|
||||
["an_dainikbhaskar_9_04_23_pg11.jpg", "Dainik Bhaskar", "09 April 2023", "11"]
|
||||
];
|
||||
let split_arry = [];
|
||||
for (let i = 0; i < list_imgs.length; i++) {
|
||||
|
||||
@@ -194,7 +194,7 @@
|
||||
</div>
|
||||
<div class="d-none gap-2">
|
||||
<button id="addtocart" class="w-100 btn bg-black text-white" style="border-radius: 5px">
|
||||
Add to cart
|
||||
Add to cart
|
||||
</button>
|
||||
<button class="w-100 btn bg-black text-white" style="border-radius: 5px">
|
||||
Buy Now
|
||||
|
||||
+211
-21
@@ -55,6 +55,114 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="position-relative bg-black">
|
||||
<iframe class="d-none" src="https://player.vimeo.com/video/824707959?h=5b3654950a&&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>
|
||||
</section>
|
||||
<section class="bg-black py-5 fyro_id d-none">
|
||||
<div class="container pb-md-4 text-white">
|
||||
<div class="text-center">
|
||||
<h1 class="text-fyro">Unleashing the Beasts of Creativity &
|
||||
Innovation with Graphics, AI, and ML</h1>
|
||||
<p class="font-1-5 text-white">FYRO products are the ultimate machines for graphics, AI, and ML
|
||||
enthusiasts. With powerful Intel<sup>®</sup> processors and advanced NVIDIA graphics
|
||||
cards, <strong>FYRO laptops and all-in-ones deliver the raw power and
|
||||
performance</strong> needed to handle the most demanding workloads. Whether
|
||||
you're a gamer, video editor, or AI researcher, FYRO has the tools you need
|
||||
to unleash your creativity and push the boundaries of what's possible.</p>
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid w-50" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<p class="font-1-5 text-center mb-5 mt-4">With sleek designs and customizable features, FYRO products
|
||||
are the
|
||||
perfect blend of style and substance, offering unparalleled performance
|
||||
and portability in a compact package. Join the FYRO revolution and
|
||||
experience the power of next-gen computing today.</p>
|
||||
<div class="bg-blur border rounded-4 p-4 ">
|
||||
<div class="row p-md-3 ">
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100 pb-md-0 pb-3">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Group 4475.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Unmatched GPU Performance</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 ">
|
||||
<div class="row align-items-center h-100 pb-md-0 pb-3">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Group 4479.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">High-end Gaming Capabilities</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row p-md-3">
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Asset 5.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Thermal Tested to handle
|
||||
high Temp upto 105<sup>o</sup></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="row align-items-center h-100">
|
||||
<div class="col-md-2 col-6">
|
||||
<img src="./dist/assets/imgs/icons/Asset 4.svg" class="img-fluid">
|
||||
</div>
|
||||
<p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4" id="overview_data">Decent
|
||||
Battery backup</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<section class="bg-black py-5 zeno_id d-none">
|
||||
<div class="container text-center text-white">
|
||||
<h1 class="text-blue-1 m-auto">The compact powerhouse for your productivity</h1>
|
||||
<p class="font-1-5 my-4">Zeno products are a range of <strong>sleek, powerful, and compact non-GPU
|
||||
laptops and all-in-ones</strong> that offer exceptional performance and style.
|
||||
Built with state-of-the-art components, including the latest generation of
|
||||
Intel<sup>®</sup> processors, <strong>High-speed RAM, and Fast NVMe PCIe 4.0 SSDs.</strong></p>
|
||||
<div class="text-center">
|
||||
<img src="./dist/assets/imgs/allin_imgs/Asset 1.png img-fluid " alt="">
|
||||
</div>
|
||||
<p class="font-1-2 mt-4 mb-5">
|
||||
Zeno products are designed to meet the needs of professionals, students, and
|
||||
anyone who requires a reliable and portable computing solution. With their advanced
|
||||
features, including customizable hotkeys, fingerprint recognition, and a variety of
|
||||
connectivity options, Zeno products offer the perfect blend of style and substance for
|
||||
those who want a high-performing computing experience in a compact package.
|
||||
</p>
|
||||
<div class="bg-blur border rounded-4 p-4 text-white">
|
||||
<div class="row p-md-3 text-center">
|
||||
<div class="col-4 border-end">
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/icons/Asset 9.svg" class="h-100p p-3">
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5">Sleek & Light weight</p>
|
||||
</div>
|
||||
<div class="col-4 border-end">
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/icons/Group 4492.svg" class="h-100p p-3">
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5">Lightening-fast Intel<sup>®</sup> Processors
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div>
|
||||
<img src="./dist/assets/imgs/icons/Asset 8.svg" class="h-100p p-3">
|
||||
</div>
|
||||
<p class="p-2 mb-0 font-1-5" id="overview_data">Stunning Display</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="loadingCall">
|
||||
<div class="spinner-border" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
@@ -62,7 +170,7 @@
|
||||
</div>
|
||||
<div class="container mainContanierProduct d-none">
|
||||
<div class="row">
|
||||
<div class="col-xl-7 ">
|
||||
<div class="col-xl-5 ">
|
||||
<div class=" bgproductDGen border-0 ">
|
||||
<div class="row">
|
||||
<div class="d-none">
|
||||
@@ -102,7 +210,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-5 p-5 pt-0 productDetailsShadow">
|
||||
<div class="col-xl-7 pt-0 productDetailsShadow">
|
||||
<div class="card border-0">
|
||||
<div>
|
||||
<div>
|
||||
@@ -110,7 +218,7 @@
|
||||
<h5 class="productname">ORA3, M.2 NVMe SSD </h5>
|
||||
</div>
|
||||
<div class="small-font des_productdes"></div>
|
||||
<div>₹<span class="price"></span></div>
|
||||
<div><span class="price"></span></div>
|
||||
<div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div>
|
||||
</div>
|
||||
|
||||
@@ -283,7 +391,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="pb-2 quantityHTML">
|
||||
<div class="pb-2 quantityHTML" id="specification_data">
|
||||
<span>Quantity :</span>
|
||||
<select name="quantity" id="quantity">
|
||||
<option value="1">1</option>
|
||||
@@ -384,7 +492,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="specContainerRight">
|
||||
<!-- <div class="specContainerRight">
|
||||
|
||||
<div class="">
|
||||
<div class="row border-bottom">
|
||||
@@ -417,7 +525,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -433,38 +541,120 @@
|
||||
<!-- end-footer -->
|
||||
|
||||
|
||||
|
||||
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<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="./libs/axios.min.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<script src="./dist/js/fontawesome.all.js"></script>
|
||||
<script src="./dist/js/fontawesome.min.js"></script>
|
||||
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
|
||||
<script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
|
||||
<script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
|
||||
<script src="./dist/js/vendor/bootstrap.min.js"></script>
|
||||
<script src="./dist/js/plugins/slick.js"></script>
|
||||
<script src="./dist/js/plugins/wow.js"></script>
|
||||
<script src="./dist/js/plugins/svg-injector.min.js"></script>
|
||||
<script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
|
||||
<script src="./dist/js/plugins/mouse-parallax.js"></script>
|
||||
<script src="./dist/js/plugins/images-loaded.js"></script>
|
||||
<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/validate.min.js"></script>
|
||||
|
||||
|
||||
<!-- -->
|
||||
<!-- <script src="./libs/toaster/toastr.js"></script> -->
|
||||
<script src="./dist/toaster/toastr.js"></script>
|
||||
<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="./dist/js/jquery.min.js"></script>
|
||||
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/main.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/utils/helpers.js"></script>
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/shoppingcart/addtocart.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
|
||||
<script src="./dist/js/shoppingcart/shoppingcart.js"></script>
|
||||
<script src="./dist/js/productdetails/productdetails.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
let searchTerm = window.location.search.split('?')[1]?.toLowerCase();
|
||||
if (searchTerm) {
|
||||
if (searchTerm.includes('zeno')) {
|
||||
$('.fyro_id').addClass('d-none');
|
||||
$('.zeno_id').removeClass('d-none');
|
||||
$('.productitemnamefull').html('Zeno');
|
||||
} else {
|
||||
$('.zeno_id').addClass('d-none');
|
||||
$('.fyro_id').removeClass('d-none');
|
||||
$('.productitemnamefull').html('Fyro');
|
||||
}
|
||||
} else {
|
||||
$('.productitemnamefull').parent().addClass('d-none');
|
||||
}
|
||||
let ram_page = window.location.pathname;
|
||||
let loc_2= ram_page.includes('allinones.html');
|
||||
if(loc_2 === true){
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src",imgs);
|
||||
$('.same-style').find('svg path').attr('fill','#fff');
|
||||
$('svg path').attr('fill','#fff');
|
||||
}
|
||||
|
||||
|
||||
if(window.location.href.includes("?AIO%20Fyro")){
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src",imgs);
|
||||
$(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
|
||||
$("iframe").addClass("d-none");
|
||||
$(".fyro_id").find(".container").addClass("pt-5");
|
||||
$(".processor_name").addClass("d-none");
|
||||
}
|
||||
else if(window.location.href.includes("?AIO%20Zeno")){
|
||||
$(".zeno_id").find(".container").addClass("pt-5");
|
||||
$("iframe").addClass("d-none");
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
|
||||
$(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src",imgs);
|
||||
$('.same-style').find('svg path').attr('fill','#fff');
|
||||
$('svg path').attr('fill','#fff');
|
||||
}
|
||||
|
||||
|
||||
|
||||
let product_page = window.location.pathname;
|
||||
let loc = product_page.includes('?FYRO');
|
||||
// let loc_1 = product_page.includes('?AIO%20Zeno');
|
||||
if(loc === false){
|
||||
$(".fyro_id").addClass("d-none");
|
||||
}
|
||||
// if(loc_1 === true){
|
||||
// $(".fyro_id").addClass("d-none");
|
||||
// $(".zeno_id").removeClass("d-none");
|
||||
// }
|
||||
$(document).ready(function() {
|
||||
function swapSections() {
|
||||
var sectionOne = document.querySelector('.section-one');
|
||||
var sectionTwo = document.querySelector('.section-two');
|
||||
|
||||
var isMobile = window.matchMedia("(max-width: 768px)").matches;
|
||||
|
||||
if (isMobile) {
|
||||
sectionOne.parentNode.insertBefore(sectionOne, sectionTwo);
|
||||
}
|
||||
}
|
||||
|
||||
// Call the swapSections function on load and resize
|
||||
window.addEventListener('load', swapSections);
|
||||
window.addEventListener('resize', swapSections);
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
+91
-47
@@ -47,74 +47,86 @@
|
||||
</head>
|
||||
|
||||
<body class="product_pg">
|
||||
<auth-loader></auth-loader>
|
||||
<!-- navbar -->
|
||||
<div id="navbar-head" class="shadow"></div>
|
||||
<!-- end-navbar -->
|
||||
<!-- main-body -->
|
||||
<main class="main-body home-main-container pt-md-0 pt-5">
|
||||
<section class="services h-100 pt-3 bg-gradient-anwi">
|
||||
<main class="main-body home-main-container loading-main pt-md-0 pt-5 d-none">
|
||||
<!-- <section class="services h-100 pt-3 bg-gradient-anwi">
|
||||
<div class="container pt-5 ">
|
||||
<div class="text-center text-white ">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="position-relative bg-black">
|
||||
</section> -->
|
||||
<section class="position-relative bg-black section-one">
|
||||
<!-- <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/821425902?h=d2d8572f26&&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&&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">
|
||||
<!-- <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>
|
||||
</div> -->
|
||||
</section>
|
||||
<section class="pt-2 ramsContainer " id="ora_products">
|
||||
<div class="products-container container pb-5" id="pills-tabContent">
|
||||
<div class="text-center pb-md-5 pt-5">
|
||||
<h1 class="satoshi_font pb-md-4 pb-3">Discover the revolution of ORA</h1>
|
||||
<p class="fs-6 satoshi_font fw-500 pb-md-4">
|
||||
ORA Memory Series, harnessing cutting-edge<br>
|
||||
Graphene technology for blazing-fast heat absorption in NVMe SSDs.<br>
|
||||
Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage performance.
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-center py-md-5 py-4">
|
||||
<span class="bg-black fs-5 px-md-4 py-md-2 py-2 px-4 rounded-3 text-white">Join the future with Anwi Systems</span>
|
||||
</div>
|
||||
<div class="row product_card_section">
|
||||
<!--desktop--->
|
||||
<div class="col-sm-4 p-3">
|
||||
<div class="product_card_3 shadow ram_card">
|
||||
<div class="card-item-header">
|
||||
<div class="card-header-sub-3"><a class=" py-md-1" href="">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="w-100 h-100"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-item-body">
|
||||
<h3 cclass="mb-2"> <a href="#" class="" > ORA 8GB DDR4 3200MHz Desktop RAM </a></h3>
|
||||
<hr>
|
||||
<h6>8GB DDR4</h6> <h6>3200 Mhz</h6>
|
||||
<div class="py-2 card_product_footer">
|
||||
<a href="#" class="w-100 satoshi_font ram_btn" data_name="ORA 8GB DDR4 3200MHz Desktop RAM " data_version="DDR4" data_device="Desktop" data_gb="8GB" data_price="2900">Details </a>
|
||||
<section class="pt-2 ramsContainer section-two" id="ora_products">
|
||||
<div class="products-container container pb-5" id="pills-tabContent">
|
||||
<div class="text-center pb-md-5 pt-5">
|
||||
<h1 class="satoshi_font pb-md-4 pb-3">Discover the revolution of ORA</h1>
|
||||
<p class="fs-6 satoshi_font fw-500 pb-md-4">
|
||||
ORA Memory Series, harnessing cutting-edge<br>
|
||||
Graphene technology for blazing-fast heat absorption in NVMe SSDs.<br>
|
||||
Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage
|
||||
performance.
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-center py-md-5 py-4">
|
||||
<span class="bg-black fs-5 px-md-4 py-md-2 py-2 px-4 rounded-3 text-white">Join the future with Anwi
|
||||
Systems</span>
|
||||
</div>
|
||||
<div class="row product_card_section">
|
||||
<!--desktop--->
|
||||
<div class="col-sm-4 p-3">
|
||||
<div class="product_card_3 shadow ram_card">
|
||||
<div class="card-item-header">
|
||||
<div class="card-header-sub-3"><a class=" py-md-1" href="">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png"
|
||||
class="w-100 h-100"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-item-body">
|
||||
<h3 cclass="mb-2"> <a href="#" class=""> ORA 8GB DDR4 3200MHz Desktop RAM </a></h3>
|
||||
<hr>
|
||||
<h6>8GB DDR4</h6>
|
||||
<h6>3200 Mhz</h6>
|
||||
<div class="py-2 card_product_footer">
|
||||
<a href="#" class="w-100 satoshi_font ram_btn"
|
||||
data_name="ORA 8GB DDR4 3200MHz Desktop RAM " data_version="DDR4"
|
||||
data_device="Desktop" data_gb="8GB" data_price="2900">Details </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--desktop--->
|
||||
</div>
|
||||
</div>
|
||||
<!--desktop--->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</main>
|
||||
<div id="enquire"></div>
|
||||
<!-- footer -->
|
||||
<div id="footer-head"></div>
|
||||
|
||||
<!-- end-footer -->
|
||||
<script src="./dist/js/components/authloader/authloader.js"></script>
|
||||
<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="./libs/axios.min.js"></script>
|
||||
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
|
||||
<script src="./dist/toaster/toastr.js"></script>
|
||||
<script src="./dist/js/fontawesome.all.js"></script>
|
||||
@@ -130,18 +142,50 @@
|
||||
|
||||
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="./dist/js/utils/helpers.js"></script>
|
||||
<!-- Main JS -->
|
||||
<script src="./dist/js/utils/helpers.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
|
||||
<script src="./dist/js/main.js"></script>
|
||||
|
||||
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/products/products.js"></script>
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/products/products.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
let ram_page = window.location.pathname;
|
||||
let loc = ram_page.includes('ramproducts.html');
|
||||
if (loc === true) {
|
||||
let imgs = `./dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
|
||||
$(".logo-menu-wrap").find(".logo img").attr("src", imgs);
|
||||
$('.same-style').find('svg path').attr('fill', '#000');
|
||||
$('svg path').attr('fill', '#000');
|
||||
}
|
||||
|
||||
function swapSections() {
|
||||
var sectionOne = document.querySelector('.section-one');
|
||||
var sectionTwo = document.querySelector('.section-two');
|
||||
|
||||
var isMobile = window.matchMedia("(max-width: 768px)").matches;
|
||||
|
||||
if (isMobile) {
|
||||
sectionOne.parentNode.insertBefore(sectionOne, sectionTwo);
|
||||
}
|
||||
}
|
||||
swapSections();
|
||||
|
||||
// Call the swapSections function on load and resize
|
||||
// window.addEventListener('load', swapSections);
|
||||
window.addEventListener('resize', swapSections);
|
||||
|
||||
setTimeout(function (){
|
||||
document.querySelector('auth-loader').hide();
|
||||
$('.home-main-container').removeClass('d-none');
|
||||
},1000);
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -50,7 +50,7 @@
|
||||
</section>
|
||||
<section>
|
||||
<div class="container py-md-5 py-3">
|
||||
<div class="row shadow px-3 rounded-4">
|
||||
<div class="border px-3 rounded row shadow">
|
||||
<div class="bg-white">
|
||||
<div>
|
||||
<p class="mb-0 py-2">○○○</p>
|
||||
|
||||
@@ -50,7 +50,7 @@
|
||||
</section>
|
||||
<section>
|
||||
<div class="container py-md-5 py-3">
|
||||
<div class="row shadow px-3 rounded-4">
|
||||
<div class="border px-3 rounded row shadow">
|
||||
<div class="bg-white">
|
||||
<div>
|
||||
<p class="mb-0 py-2">○○○</p>
|
||||
|
||||
@@ -36,11 +36,11 @@
|
||||
<div id="navbar-head"></div>
|
||||
<!-- end-navbar -->
|
||||
<!-- main-body -->
|
||||
<main class="main-body home-main-container pt-5">
|
||||
<main class="main-body home-main-container">
|
||||
<section class="services bg-gradient-anwi h-100 pt-5">
|
||||
<div class="container pt-md-5">
|
||||
<div class="row pt-md-5 pt-5 pb-md-5 pb-3">
|
||||
<h3 class="text-white text-center">
|
||||
<h3 class="text-white text-center pt-5">
|
||||
<span class="satoshi_font pt-md-5 font-weight-600 pb-1">
|
||||
Payment Method
|
||||
</span>
|
||||
@@ -50,7 +50,7 @@
|
||||
</section>
|
||||
<section>
|
||||
<div class="container py-md-5 py-3">
|
||||
<div class="row shadow px-3 rounded-4">
|
||||
<div class="border px-3 rounded row shadow">
|
||||
<div class="bg-white">
|
||||
<div>
|
||||
<p class="mb-0 py-2">○○○</p>
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
</section>
|
||||
<section>
|
||||
<div class="container py-md-5 py-3">
|
||||
<div class="row shadow px-3 rounded-4">
|
||||
<div class="border px-3 rounded row shadow">
|
||||
<div class="bg-white">
|
||||
<div>
|
||||
<p class="mb-0 py-2">○○○</p>
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
</section>
|
||||
<section>
|
||||
<div class="container py-md-5 py-3">
|
||||
<div class="row shadow px-3 rounded-4">
|
||||
<div class="border px-3 rounded row shadow">
|
||||
<div class="bg-white">
|
||||
<div>
|
||||
<p class="mb-0 py-2">○○○</p>
|
||||
|
||||
@@ -50,7 +50,7 @@
|
||||
</section>
|
||||
<section>
|
||||
<div class="container py-md-5 py-3">
|
||||
<div class="row shadow px-3 rounded-4">
|
||||
<div class="border px-3 rounded row shadow">
|
||||
<div class="bg-white">
|
||||
<div>
|
||||
<p class="mb-0 py-2">○○○</p>
|
||||
|
||||
+13
-13
@@ -96,9 +96,11 @@
|
||||
|
||||
</div>
|
||||
<div class="emptyShow row d-none">
|
||||
<div class="bg-white innerEmptyShow p-5 d-flex justify-content-center gap-2">
|
||||
<span><i class="fa fa-cart-shopping"></i></span>
|
||||
<span> Your Card is Empty</span>
|
||||
<div class="bg-white innerEmptyShow p-5 d-flex flex-column align-items-center justify-content-center gap-2">
|
||||
<p> <span><i class="fa fa-cart-shopping"></i></span>
|
||||
<span> Your Card is Empty</span></p>
|
||||
|
||||
<p><a class="btn btn-dark button_dark" href="index.html">Continue Shopping</a></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -164,7 +166,7 @@
|
||||
<!-- <div class="bg-white rounded d-block d-sm-none "> -->
|
||||
<div class="card mb-3 mt-5" style="max-width: 540px;">
|
||||
<div class="mx-auto mobile-cart-img">
|
||||
<img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" alt="shopping-cart-item-img" class="img-fluid">
|
||||
<img src="{img}" alt="shopping-cart-item-img" class="img-fluid">
|
||||
</div>
|
||||
<div class="d-flex align-items-center g-0">
|
||||
<div class="col-md-8">
|
||||
@@ -406,12 +408,12 @@
|
||||
<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/utils/helpers.js"></script>
|
||||
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
|
||||
<script src="./dist/toaster/toastr.js"></script>
|
||||
<script src="./dist/js/fontawesome.all.js"></script>
|
||||
<script src="./dist/js/fontawesome.min.js"></script>
|
||||
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
|
||||
@@ -422,18 +424,16 @@
|
||||
<script src="./dist/js/plugins/wow.js"></script>
|
||||
<script src="./dist/js/plugins/svg-injector.min.js"></script>
|
||||
<script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
|
||||
<script src="./dist/js/plugins/mouse-parallax.js"></script>
|
||||
<script src="./dist/js/plugins/images-loaded.js"></script>
|
||||
<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 -->
|
||||
|
||||
<script src="./dist/js/main.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/utils/helpers.js"></script>
|
||||
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/shoppingcart/addtocart.js"></script>
|
||||
<script src="./dist/js/shoppingcart/shoppingcart.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/main.js"></script>
|
||||
<script>
|
||||
$(window).scroll(function() {
|
||||
if (isScrolledIntoView('#footer-head'))
|
||||
|
||||
+14
-13
@@ -48,17 +48,18 @@
|
||||
|
||||
<body class="product_pg">
|
||||
<!-- navbar -->
|
||||
<auth-loader></auth-loader>
|
||||
<div id="navbar-head" class="shadow"></div>
|
||||
<!-- end-navbar -->
|
||||
<!-- main-body -->
|
||||
<main class="main-body home-main-container pt-md-0 pt-5">
|
||||
<section class="services h-100 pt-3 bg-gradient-anwi">
|
||||
<!-- <section class="services h-100 pt-3 bg-gradient-anwi">
|
||||
<div class="container pt-5 ">
|
||||
<div class="text-center text-white ">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="position-relative bg-black">
|
||||
</section> -->
|
||||
<section class="position-relative bg-black section-one">
|
||||
<!-- <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>
|
||||
<!-- <div class="position-fixed text-white volume_btn" style="right:35px;bottom:20px">
|
||||
@@ -66,7 +67,7 @@
|
||||
<p class="bg-blue mb-0 p-2 px-3 rounded-circle shadow" id="unmute"><i class="fa-sharp fa-volume-xmark"></i></p>
|
||||
</div> -->
|
||||
</section>
|
||||
<section class="pt-2" id="ora_products">
|
||||
<section class="pt-2 section-two" id="ora_products">
|
||||
<div class="products-container">
|
||||
<div class="product-cards">
|
||||
|
||||
@@ -88,7 +89,7 @@
|
||||
<!-- first tab-pane -->
|
||||
<div class="row product_card_section">
|
||||
<!--desktop--->
|
||||
<div class="col-sm-4 p-3">
|
||||
<!-- <div class="col-sm-4 p-3">
|
||||
<div class="product_card_1 shadow ram_card">
|
||||
<div class="card-item-header">
|
||||
<div class="card-header-sub-1"><a class=" py-md-1" href="">
|
||||
@@ -104,7 +105,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -119,6 +120,7 @@
|
||||
<!-- footer -->
|
||||
<div id="footer-head"></div>
|
||||
<!-- end-footer -->
|
||||
<script src="./dist/js/components/authloader/authloader.js"></script>
|
||||
<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>
|
||||
@@ -126,6 +128,7 @@
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<script src="./dist/js/utils/helpers.js"></script>
|
||||
|
||||
<script src="./dist/toaster/toastr.js"></script>
|
||||
<script src="./dist/js/fontawesome.all.js"></script>
|
||||
@@ -141,15 +144,13 @@
|
||||
|
||||
|
||||
<!-- Main JS -->
|
||||
<script src="./dist/js/utils/helpers.js"></script>
|
||||
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./dist/js/main.js"></script>
|
||||
|
||||
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/products/products.js"></script>
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/products/products.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+2
-2
@@ -880,7 +880,7 @@ body {
|
||||
bottom: -2px;
|
||||
right: 0;
|
||||
display: none;
|
||||
background-color: black;
|
||||
background-color: red;
|
||||
}
|
||||
.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs {
|
||||
border-bottom: 1px solid;
|
||||
@@ -965,7 +965,7 @@ body {
|
||||
.home-main-container .zeno_steamlined_section .zeno_products_main_container .Two_four_inch_Card {
|
||||
background: radial-gradient(#54aff6, #26549A);
|
||||
width: 100%;
|
||||
max-width: 86%;
|
||||
/* max-width: 86%; */
|
||||
}
|
||||
.home-main-container .zeno_steamlined_section .zeno_products_main_container .zeno_sleekbook_1 {
|
||||
background: radial-gradient(#FFEFAB, #FFDB45);
|
||||
|
||||
+58
-18
@@ -34,6 +34,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<auth-loader></auth-loader>
|
||||
<!-- navbar -->
|
||||
<div id="navbar-head"></div>
|
||||
<!-- end-navbar -->
|
||||
@@ -45,18 +46,25 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="bg-gradient-violet">
|
||||
|
||||
<section class="bg-gradient-violet supportcontainer d-none">
|
||||
<div id="home-help">
|
||||
<div class="home-help--wrapper">
|
||||
<div class="home-help--wrapper_content">
|
||||
<div class="home-help--wrapper_content pt-4">
|
||||
<!-- <div class="home-help--wrapper_content-title"> How can I help you? </div> -->
|
||||
<h3 class="satoshi_font"><a href="mailto:sales@anwisystems.com " class="satoshi_font">sales@anwisystems.com </a></h3>
|
||||
<h3 class="satoshi_font"><a href="mailto:sales@anwisystems.com "
|
||||
class="satoshi_font">sales@anwisystems.com </a></h3>
|
||||
<h4 class="satoshi_font fs-6 pb-md-5 pb-2">Send us email for any queries.</h4>
|
||||
<div class="home-help--wrapper_content-items">
|
||||
<a href="https://anwisystems.com/w" alt="" class="grow-1 text-dark">
|
||||
<div class="grow-width">
|
||||
<svg class="svg-inline--fa fa-shield-halved fs-60" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="shield-halved" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8V444.8C394 378 431.1 230.1 432 141.4L256 66.8l0 0z"></path></svg>
|
||||
<svg class="svg-inline--fa fa-shield-halved fs-60" aria-hidden="true"
|
||||
focusable="false" data-prefix="fas" data-icon="shield-halved" role="img"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
|
||||
<path fill="currentColor"
|
||||
d="M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8V444.8C394 378 431.1 230.1 432 141.4L256 66.8l0 0z">
|
||||
</path>
|
||||
</svg>
|
||||
<div class="content">
|
||||
<p class="item_title">Warranty</p>
|
||||
<p class="item_dec">Enable Warranty / Check Warranty.</p>
|
||||
@@ -64,7 +72,13 @@
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" alt="" class="grow-1 text-dark">
|
||||
<div class="grow-width fs-60"><svg class="svg-inline--fa fa-laptop" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="laptop" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg=""><path fill="currentColor" d="M128 32C92.7 32 64 60.7 64 96V352h64V96H512V352h64V96c0-35.3-28.7-64-64-64H128zM19.2 384C8.6 384 0 392.6 0 403.2C0 445.6 34.4 480 76.8 480H563.2c42.4 0 76.8-34.4 76.8-76.8c0-10.6-8.6-19.2-19.2-19.2H19.2z"></path></svg>
|
||||
<div class="grow-width fs-60"><svg class="svg-inline--fa fa-laptop" aria-hidden="true"
|
||||
focusable="false" data-prefix="fas" data-icon="laptop" role="img"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
|
||||
<path fill="currentColor"
|
||||
d="M128 32C92.7 32 64 60.7 64 96V352h64V96H512V352h64V96c0-35.3-28.7-64-64-64H128zM19.2 384C8.6 384 0 392.6 0 403.2C0 445.6 34.4 480 76.8 480H563.2c42.4 0 76.8-34.4 76.8-76.8c0-10.6-8.6-19.2-19.2-19.2H19.2z">
|
||||
</path>
|
||||
</svg>
|
||||
<div class="content">
|
||||
<p class="item_title">Laptop Service</p>
|
||||
<p class="item_dec">Get your Installation and Repair started from here.</p>
|
||||
@@ -73,16 +87,28 @@
|
||||
</a>
|
||||
<a href="#" alt="" class="grow-1 text-dark">
|
||||
<div class="grow-width">
|
||||
<svg class="svg-inline--fa fa-desktop fs-60" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="desktop" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M64 0C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM512 64V288H64V64H512z"></path></svg>
|
||||
<svg class="svg-inline--fa fa-desktop fs-60" aria-hidden="true" focusable="false"
|
||||
data-prefix="fas" data-icon="desktop" role="img"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
|
||||
<path fill="currentColor"
|
||||
d="M64 0C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM512 64V288H64V64H512z">
|
||||
</path>
|
||||
</svg>
|
||||
<div class="content">
|
||||
<p class="item_title">All in One Service</p>
|
||||
<p class="item_dec">Get your repair started here.</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" alt=""class="grow-1 text-dark">
|
||||
<a href="#" alt="" class="grow-1 text-dark">
|
||||
<div class="grow-width">
|
||||
<svg class="svg-inline--fa fa-screwdriver-wrench fs-60" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="screwdriver-wrench" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4h54.1l109 109c-14.7 29-10 65.4 14.3 89.6l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-24.2-24.2-60.6-29-89.6-14.3l-109-109V104c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L233.7 374.3c-7.8-20.9-9-43.6-3.6-65.1l-61.7-61.7L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5c-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7H352c-8.8 0-16-7.2-16-16V102.6c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0C288.5 0 224 64.5 224 144l0 .8 85.3 85.3c36-9.1 75.8 .5 104 28.7L429 274.5c49-23 83-72.8 83-130.5zM56 432a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z"></path></svg>
|
||||
<svg class="svg-inline--fa fa-screwdriver-wrench fs-60" aria-hidden="true"
|
||||
focusable="false" data-prefix="fas" data-icon="screwdriver-wrench" role="img"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
|
||||
<path fill="currentColor"
|
||||
d="M78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4h54.1l109 109c-14.7 29-10 65.4 14.3 89.6l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-24.2-24.2-60.6-29-89.6-14.3l-109-109V104c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L233.7 374.3c-7.8-20.9-9-43.6-3.6-65.1l-61.7-61.7L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5c-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7H352c-8.8 0-16-7.2-16-16V102.6c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0C288.5 0 224 64.5 224 144l0 .8 85.3 85.3c36-9.1 75.8 .5 104 28.7L429 274.5c49-23 83-72.8 83-130.5zM56 432a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z">
|
||||
</path>
|
||||
</svg>
|
||||
<div class="content">
|
||||
<p class="item_title">Accessories</p>
|
||||
<p class="item_dec">Get repair service in Anwi Service Center.</p>
|
||||
@@ -91,7 +117,8 @@
|
||||
</a>
|
||||
<a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
|
||||
<div class="grow-width">
|
||||
<img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/switch.png" alt="" class="icon">
|
||||
<img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/switch.png"
|
||||
alt="" class="icon">
|
||||
<div class="content">
|
||||
<p class="item_title">Replace Products</p>
|
||||
<p class="item_dec">Check if your device is eligible for replacement</p>
|
||||
@@ -100,7 +127,8 @@
|
||||
</a>
|
||||
<a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
|
||||
<div class="grow-width">
|
||||
<img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/help.png" alt="" class="icon">
|
||||
<img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/help.png"
|
||||
alt="" class="icon">
|
||||
<div class="content">
|
||||
<p class="item_title">User Manual</p>
|
||||
<p class="item_dec">Explore your OnePlus device with easy user manuals</p>
|
||||
@@ -109,16 +137,18 @@
|
||||
</a>
|
||||
<a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
|
||||
<div class="grow-width">
|
||||
<img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/sparepart.png" alt="" class="icon">
|
||||
<img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/sparepart.png"
|
||||
alt="" class="icon">
|
||||
<div class="content">
|
||||
<p class="item_title">Repair Pricing</p>
|
||||
<p class="item_dec">Find repair pricing for your device</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" alt="" target="_blank"class="grow-1 text-dark d-none">
|
||||
<a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
|
||||
<div class="grow-width">
|
||||
<img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/software-upgrade.png" alt="" class="icon">
|
||||
<img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/software-upgrade.png"
|
||||
alt="" class="icon">
|
||||
<div class="content">
|
||||
<p class="item_title">Software Update</p>
|
||||
<p class="item_dec">Get the latest OxygenOS updates for your device.</p>
|
||||
@@ -134,14 +164,14 @@
|
||||
<!-- footer -->
|
||||
<div id="footer-head"></div>
|
||||
<!-- end-footer -->
|
||||
|
||||
<script src="./dist/js/components/authloader/authloader.js"></script>
|
||||
<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="./libs/axios.min.js"></script>
|
||||
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
<script src="./dist/js/footer.js"></script>
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<script src="./dist/js/fontawesome.all.js"></script>
|
||||
<script src="./dist/js/fontawesome.min.js"></script>
|
||||
<script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
|
||||
@@ -158,8 +188,18 @@
|
||||
<script src="./dist/js/plugins/jquery-ui.js"></script>
|
||||
<script src="./dist/js/plugins/magnific-popup.js"></script>
|
||||
<!-- Main JS -->
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./dist/js/navbar.js"></script>
|
||||
<script src="./dist/js/main.js"></script>
|
||||
|
||||
<script>
|
||||
setTimeout(function () {
|
||||
document.querySelector('auth-loader').hide();
|
||||
$('.loading-main').removeClass('d-none');
|
||||
$('.supportcontainer').removeClass('d-none');
|
||||
}, 1000);
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Odkázat v novém úkolu
Zablokovat Uživatele