Added login and warranty along with toaster
Dieser Commit ist enthalten in:
+123
-110
@@ -5,7 +5,6 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<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">
|
||||
@@ -25,14 +24,16 @@
|
||||
<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">
|
||||
<title>My Account | Anwi</title>
|
||||
<link rel="stylesheet" href="./dist//toaster/toastr.css">
|
||||
<title>Anwi</title>
|
||||
</head>
|
||||
|
||||
<body class="my_account_page">
|
||||
<body class="my_account_page d-none">
|
||||
<!-- navbar -->
|
||||
<div id="navbar-head" class="bg-white"></div>
|
||||
<!-- end-navbar -->
|
||||
<!-- main-body -->
|
||||
<auth-loader></auth-loader>
|
||||
<main class="shopping-cart-main-container main-body pb-0">
|
||||
<section class="pt-5">
|
||||
<div class="my-account-wrapper bg-gradient-violet py-md-5">
|
||||
@@ -49,13 +50,12 @@
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="myaccount-tab-menu nav" role="tablist">
|
||||
<a href="#dashboad" class="" data-bs-toggle="tab">Overview</a>
|
||||
<a href="#orders" data-bs-toggle="tab" class="active"> My Orders</a>
|
||||
<a href="#warrenty" data-bs-toggle="tab">Warranty Products </a>
|
||||
<a href="#orders" data-bs-toggle="tab" class="active"> Orders</a>
|
||||
<a href="#warrenty" data-bs-toggle="tab" class="d-none">Warranty</a>
|
||||
<a href="#payment-method" data-bs-toggle="tab" class="d-none"> Payment Method</a>
|
||||
|
||||
<a href="#account-info" data-bs-toggle="tab">Profile</a>
|
||||
<a href="#address-edit" data-bs-toggle="tab">address</a>
|
||||
<a href="./login.html">Logout</a>
|
||||
<a href="./login.html" class="User_logout">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- My Account Tab Menu End -->
|
||||
@@ -187,70 +187,7 @@
|
||||
</div>
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
<div class="tab-pane fade active show" id="orders" role="tabpanel">
|
||||
<div class="myaccount-content">
|
||||
<h3>Orders</h3>
|
||||
<div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3 text-center">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="row ps-md-2 ps-3">
|
||||
<div class="col-md-5">
|
||||
<div>Serial No : <span class="text-secondary fs-9">#7907987897348</span></div>
|
||||
<div>Purchase Date : <span class="text-secondary fs-9">Feb 1, 2023</span></div>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2">Mar 20, 2023</span></div>
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-6"> Status :</div>
|
||||
<div class="col-md-7 col-6"><span class="btn btn-success py-0 fs-9">Running</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3">
|
||||
<p class="text-success d-done">Add Product Serial Number</p>
|
||||
<div class="d-none">
|
||||
<button class="btn btn-primary me-2">Send Remainder</button>
|
||||
<button class="btn btn-primary">Extended warranty History</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards">
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3 text-center">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="row ps-md-2 ps-3">
|
||||
<div class="col-md-5">
|
||||
<div class="fs-9">Serial No : <span class="text-secondary fs-9">#7907987897348</span></div>
|
||||
<div class="fs-9">Purchase Date : <span class="text-secondary fs-9">Feb 1, 2023</span></div>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2">Mar 20, 2023</span></div>
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-6"> Status :</div>
|
||||
<div class="col-md-7 col-6"> <span class="btn btn-success py-0 fs-9">Running</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3">
|
||||
<p class="text-success d-none">Add Product Serial Number</p>
|
||||
<div class="d-none">
|
||||
<button class="btn btn-primary me-2">Send Remainder</button>
|
||||
<button class="btn btn-primary">Extended warranty History</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
<div class="tab-pane fade" id="payment-method" role="tabpanel">
|
||||
@@ -288,49 +225,79 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade active show" id="orders" role="tabpanel">
|
||||
<div class="myaccount-content">
|
||||
<h3>Order Details</h3>
|
||||
<div class="user_order_details border rounded mb-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="tab-pane fade" id="warrenty" role="tabpanel">
|
||||
<div class="myaccount-content pb-0">
|
||||
<div id="product-2" class="tab-pane active pb-5">
|
||||
<h5 class="mb-md-4">Enter your Product Serial no. :</h5>
|
||||
<div class="row ">
|
||||
<div class="col-md-12">
|
||||
<form>
|
||||
<div class="row pt-2">
|
||||
<div class="col-md-6">
|
||||
<div class="col-md-12 pb-4 d-none">
|
||||
<input type="text" class="form-control border-0 shadow-none border-bottom" placeholder="Enetr Mobile Number.." required />
|
||||
</div>
|
||||
<div class="col-md-12 text-center d-none py-md-4 py-2">
|
||||
<sapn class="p-2 shadow bg-gray rounded-2">Or</span>
|
||||
</div>
|
||||
<div class="col-md-12 pb-4">
|
||||
<input type="text"
|
||||
class="form-control border-0 shadow-none border-bottom"
|
||||
placeholder="Enetr Serial Number.." required />
|
||||
</div>
|
||||
<div class="col-md-12 pb-4 d-none">
|
||||
<input type="text"
|
||||
class="form-control border-0 shadow-none border-bottom"
|
||||
placeholder="Enetr captcha" required />
|
||||
</div>
|
||||
<div class="col-md-12 pb-4 px-md-2 text-center d-none">
|
||||
<span class="fw-bold pe-3">W p 5 C n</span> <span
|
||||
class="cursor-pointer text-primary">Refresh captcha</span>
|
||||
</div>
|
||||
<div class="col-md-6 pb-4 px-md-2">
|
||||
</div>
|
||||
<div class="col-md-12 pb-4 text-center">
|
||||
<span class="action_btn">
|
||||
<button class="btn border px-5">Submit</button>
|
||||
</span>
|
||||
<div class="myaccount-content">
|
||||
<h3>Warranty Order Details</h3>
|
||||
<div class="user_orders">
|
||||
|
||||
</div>
|
||||
<div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<div>Serail NO: <span class="text-secondary fs-9 serial_no">#7907987897348</span></div>
|
||||
<div>Purchase Date : <span class="text-secondary fs-9 purchase_date">Feb 1, 2023</span></div>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2 warrenty_date">Mar 20, 2023</span></div>
|
||||
<div class="row">
|
||||
<div class="col-md-5"> Status :</div>
|
||||
<div class="col-md-7"> <span class="btn btn-success py-0 fs-9">Running</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3">
|
||||
<div class="d-none">
|
||||
<button class="btn btn-primary me-2">Send Remainder</button>
|
||||
<button class="btn btn-primary">Extended warranty History</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<div class="fs-9">Product ID : <span class="text-secondary fs-9">#7907987897348</span></div>
|
||||
<div class="fs-9">Purchase Date : <span class="text-secondary fs-9">Feb 1, 2023</span></div>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2">Mar 20, 2023</span></div>
|
||||
<div class="row">
|
||||
<div class="col-md-5"> Status :</div>
|
||||
<div class="col-md-7"> <span class="btn btn-success py-0 fs-9">Running</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3">
|
||||
<div class="d-none">
|
||||
<button class="btn btn-primary me-2">Send Remainder</button>
|
||||
<button class="btn btn-primary">Extended warranty History</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
@@ -409,11 +376,13 @@
|
||||
<!-- 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="./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/cookies.min.js"></script>
|
||||
<script src="./dist/Js/components/authloader/authloader.js"></script>
|
||||
<script src="./dist/js/auth/apiservice.js"></script>
|
||||
<script src="./libs/cookies.min.js"></script>
|
||||
<script src="./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>
|
||||
@@ -429,16 +398,60 @@
|
||||
<script src="./dist/js/plugins/isotope.js"></script>
|
||||
<script src="./dist/js/plugins/jquery-ui.js"></script>
|
||||
<script src="./dist/js/plugins/magnific-popup.js"></script>
|
||||
<!-- Main JS -->
|
||||
<!-- Main JS -->
|
||||
<script src="./dist//toaster/toastr.js"></script>
|
||||
<!-- <script src="./dist/js/auth/apiservice.js"></script> -->
|
||||
<script src="./dist/js/localstorage/loginauthlocal.js"></script>
|
||||
<!-- <script src="./dist/js/utils/CookieHelper.js"></script> -->
|
||||
<script src="./libs/axios.min.js"></script>
|
||||
<script src="./dist/js/myaccount/orderdetails.js"></script>
|
||||
<script src="./dist/js/myaccount/myaccount_warrenty.js"></script>
|
||||
<script src="./dist/Js/myaccount/Myaccount.js"></script>
|
||||
<script src="./dist/js/main.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
let Userpassword_update =window.localStorage.getItem('Ispasswordupdate')
|
||||
if(Userpassword_update == 'true'){
|
||||
toasteropts()
|
||||
Command: toastr["success"]("Password Updated Successfully");
|
||||
window.localStorage.removeItem('Ispasswordupdate')
|
||||
return
|
||||
}
|
||||
function toasteropts(){
|
||||
toastr.options = {
|
||||
"closeButton": true,
|
||||
"debug": false,
|
||||
"newestOnTop": true,
|
||||
"progressBar": true,
|
||||
"positionClass": "toast-top-center",
|
||||
"preventDuplicates": true,
|
||||
"onclick": null,
|
||||
"showDuration": "300",
|
||||
"hideDuration": "1000",
|
||||
"timeOut": "5000",
|
||||
"extendedTimeOut": "1000",
|
||||
"showEasing": "swing",
|
||||
"hideEasing": "linear",
|
||||
"showMethod": "fadeIn",
|
||||
"hideMethod": "fadeOut"
|
||||
}
|
||||
}
|
||||
});
|
||||
$(".order-cards").each(function(){
|
||||
$(".order-cards").css("cursor","pointer")
|
||||
$(this).click(function(){
|
||||
window.location.href = "./orderdetails.html";
|
||||
})
|
||||
})
|
||||
$('.User_logout').click(function(){
|
||||
window.localStorage.removeItem("Useremail");
|
||||
window.localStorage.removeItem("Userpassword");
|
||||
window.localStorage.setItem('Isloggedin',false)
|
||||
COOKIE_HELPER_ACTIONS.removeAuthCookie();
|
||||
})
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren