Changes in my account and order details..
Цей коміт міститься в:
+535
-307
@@ -12,6 +12,7 @@
|
||||
<link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="./libs/select2/select2.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="./dist/css/vendor/vandella.css">
|
||||
<link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
|
||||
<link rel="stylesheet" href="./dist/css/vendor/fontello.css">
|
||||
@@ -31,7 +32,7 @@
|
||||
<body class="my_account_page d-none">
|
||||
<!-- navbar -->
|
||||
<div id="navbar-head" class="bg-white"></div>
|
||||
<!-- end-navbar -->
|
||||
<!-- end-navbar -->
|
||||
<!-- main-body -->
|
||||
<auth-loader></auth-loader>
|
||||
<main class="shopping-cart-main-container main-body pb-0">
|
||||
@@ -41,89 +42,104 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="">
|
||||
<div class="my-account-wrapper bg-gradient-violet py-md-5">
|
||||
<div class="container">
|
||||
<div>
|
||||
<h4>My Account </h4>
|
||||
</div>
|
||||
<div class="row pt-3 ">
|
||||
<div class="col-lg-12">
|
||||
<!-- My Account Page Start -->
|
||||
<div class="myaccount-page-wrapper">
|
||||
<!-- My Account Tab Menu Start -->
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="myaccount-tab-menu nav" role="tablist">
|
||||
<a href="#dashboad" class="" data-bs-toggle="tab">Overview</a>
|
||||
<a href="#orders" data-bs-toggle="tab" class="active "> Orders</a>
|
||||
<a href="#warrenty" data-bs-toggle="tab" class="d-none">Warranty</a>
|
||||
<a href="#payment-method" data-bs-toggle="tab" class="d-none"> Payment Method</a>
|
||||
<a href="#account-info" data-bs-toggle="tab">Profile</a>
|
||||
<a href="#address-edit" data-bs-toggle="tab">address</a>
|
||||
<a href="./login.html" class="User_logout">Logout</a>
|
||||
<section class="">
|
||||
<div class="my-account-wrapper bg-gradient-violet py-md-5">
|
||||
<div class="container">
|
||||
<div>
|
||||
<h4>My Account </h4>
|
||||
</div>
|
||||
<div class="row pt-3 ">
|
||||
<div class="col-lg-12">
|
||||
<!-- My Account Page Start -->
|
||||
<div class="myaccount-page-wrapper">
|
||||
<!-- My Account Tab Menu Start -->
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="myaccount-tab-menu nav" role="tablist">
|
||||
<a href="#dashboad" class="" data-bs-toggle="tab">Overview</a>
|
||||
<a href="#orders" data-bs-toggle="tab" class="active "> Orders</a>
|
||||
<a href="#warrenty" data-bs-toggle="tab" class="d-none">Warranty</a>
|
||||
<a href="#payment-method" data-bs-toggle="tab" class="d-none"> Payment
|
||||
Method</a>
|
||||
<a href="#account-info" data-bs-toggle="tab">Profile</a>
|
||||
<a href="#address-edit" data-bs-toggle="tab">address</a>
|
||||
<a href="./login.html" class="User_logout">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- My Account Tab Menu End -->
|
||||
<!-- My Account Tab Content Start -->
|
||||
<div class="col-lg-9 col-md-8">
|
||||
<div class="tab-content" id="myaccountContent">
|
||||
<!-- Single Tab Content Start -->
|
||||
<div class="tab-pane fade " id="dashboad" role="tabpanel">
|
||||
<div class="myaccount-content p-lg-4">
|
||||
<div class="row bg-gray p-lg-4 align-items-end">
|
||||
<div class="col-md-7 col-12">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-icon.png" class="w-md-65 w-50"/>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h6>Name :<span class="text-black-50"> Anwi</span></h6>
|
||||
<h6>Phone :<span class="text-black-50 User_phoneum">9542494949</span></h6>
|
||||
<!-- <h6>Phone :<span class="text-black-50 User_phoneum">9030076615</span></h6> -->
|
||||
<!-- My Account Tab Menu End -->
|
||||
<!-- My Account Tab Content Start -->
|
||||
<div class="col-lg-9 col-md-8">
|
||||
<div class="tab-content" id="myaccountContent">
|
||||
<!-- Single Tab Content Start -->
|
||||
<div class="tab-pane fade " id="dashboad" role="tabpanel">
|
||||
<div class="myaccount-content p-lg-4">
|
||||
<div class="row bg-gray p-lg-4 align-items-end">
|
||||
<div class="col-md-7 col-12">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-icon.png"
|
||||
class="w-md-65 w-50" />
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<h6>Name :<span class="text-black-50 overview_user_name text-capitalize"> Anwi</span>
|
||||
</h6>
|
||||
<h6>Phone :<span
|
||||
class="text-black-50 User_phoneum overview_user_phone"></span>
|
||||
</h6>
|
||||
<!-- <h6>Phone :<span class="text-black-50 User_phoneum">9030076615</span></h6> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3"></div>
|
||||
<div class="col-md-2 col-12 text-end">
|
||||
<a href="#"
|
||||
class="btn bg-gradient-anwi-outline px-4 btn-sm">Edit</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3"></div>
|
||||
<div class="col-md-2 col-12 text-end">
|
||||
<a href="#" class="btn bg-gradient-anwi-outline px-4 btn-sm">Edit</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row py-4 justify-content-md-between">
|
||||
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-orders.png" class="w-25 img-fluid"/>
|
||||
<h6>Orders</h6>
|
||||
<p class="mb-0 text-secondary">Check your order status</p>
|
||||
<div class="row py-4 justify-content-md-between">
|
||||
<div
|
||||
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-orders.png"
|
||||
class="w-25 img-fluid" />
|
||||
<h6>Orders</h6>
|
||||
<p class="mb-0 text-secondary">Check your order
|
||||
status</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-collections.png" class="w-25 img-fluid"/>
|
||||
<h6>Warranty</h6>
|
||||
<p class="mb-0 text-secondary">All your curated product collections</p>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-collections.png"
|
||||
class="w-25 img-fluid" />
|
||||
<h6>Warranty</h6>
|
||||
<p class="mb-0 text-secondary">All your curated
|
||||
product collections</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-myntra-credit.png" class="w-25 img-fluid"/>
|
||||
<h6>Anwi Credit</h6>
|
||||
<p class="mb-0 text-secondary">Manage all your refunds & gift cards</p>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-myntra-credit.png"
|
||||
class="w-25 img-fluid" />
|
||||
<h6>Anwi Credit</h6>
|
||||
<p class="mb-0 text-secondary">Manage all your
|
||||
refunds & gift cards</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<!-- <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
</a>
|
||||
</div>
|
||||
<!-- <div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
@@ -156,141 +172,195 @@
|
||||
</div>
|
||||
</a>
|
||||
</div> -->
|
||||
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2 ">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-address.png" class="w-25 img-fluid"/>
|
||||
<h6>Addresses</h6>
|
||||
<p class="mb-0 text-secondary">Save addressess for a hassle free checkout</p>
|
||||
<div
|
||||
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2 ">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-address.png"
|
||||
class="w-25 img-fluid" />
|
||||
<h6>Addresses</h6>
|
||||
<p class="mb-0 text-secondary">Save addressess
|
||||
for a hassle free checkout</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-coupons.png" class="w-25 img-fluid"/>
|
||||
<h6>Coupons</h6>
|
||||
<p class="mb-0 text-secondary">Manage coupons for additional discounts</p>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-coupons.png"
|
||||
class="w-25 img-fluid" />
|
||||
<h6>Coupons</h6>
|
||||
<p class="mb-0 text-secondary">Manage coupons
|
||||
for additional discounts</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-edit.png" class="w-25 img-fluid"/>
|
||||
<h6>Profile Details</h6>
|
||||
<p class="mb-0 text-secondary">Change your profile details & password</p>
|
||||
</a>
|
||||
</div>
|
||||
<div
|
||||
class="col-lg-3 col-md-5 mx-lg-3 mx-md-1 mb-3 border shadow rounded-2">
|
||||
<a href="#">
|
||||
<div class="border-0 card text-center">
|
||||
<div class="card-body">
|
||||
<img src="./dist/assets/imgs/account_warrenty/profile-edit.png"
|
||||
class="w-25 img-fluid" />
|
||||
<h6>Profile Details</h6>
|
||||
<p class="mb-0 text-secondary">Change your
|
||||
profile details & password</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
<div class="tab-pane fade" id="payment-method" role="tabpanel">
|
||||
<div class="myaccount-content">
|
||||
<h3>Payment Method</h3>
|
||||
<p class="saved-message">You Can't Saved Your Payment Method yet.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
<div class="tab-pane fade" id="address-edit" role="tabpanel">
|
||||
<div class="myaccount-content pb-0">
|
||||
<div class="row">
|
||||
<div class="col-md-6 py-md-2">
|
||||
<h3 class="mb-0 border-0 pb-0">Saved Address</h3>
|
||||
</div>
|
||||
<div class="col-md-6 text-end py-md-2">
|
||||
<a href="#" class="btn bg-gradient-anwi-outline btn-sm">+ ADD NEW ADDRESS</a>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<address>
|
||||
<p><strong>Alex Tuntuni</strong></p>
|
||||
<p>1355 Market St, Suite 900 <br>
|
||||
San Francisco, CA 94103</p>
|
||||
<p>Mobile: (123) 456-7890</p>
|
||||
</address>
|
||||
<div class="row border-top">
|
||||
<div class="col-md-6 border-end text-center py-md-2">
|
||||
<a href="#" class="check-btn sqr-btn">Edit Address</a>
|
||||
</div>
|
||||
<div class="col-md-6 text-center py-md-2">
|
||||
<a href="#" class="check-btn sqr-btn">Remove</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade active show" id="orders" role="tabpanel">
|
||||
<div class="myaccount-content">
|
||||
<h3>Order Details</h3>
|
||||
<div class="user_order_details rounded mb-3">
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
<div class="tab-pane fade" id="payment-method" role="tabpanel">
|
||||
<div class="myaccount-content">
|
||||
<h3>Payment Method</h3>
|
||||
<p class="saved-message">You Can't Saved Your Payment Method yet.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="tab-pane fade" id="warrenty" role="tabpanel">
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
<div class="tab-pane fade" id="address-edit" role="tabpanel">
|
||||
<div class="myaccount-content">
|
||||
<div class="align-items-center d-flex profile_head py-md-2">
|
||||
<h3 class="mb-0 border-0 pb-0">Address</h3> <a href="#" class="ms-3 address_edit">
|
||||
Edit</a><a href="#" class="ms-3 address_edit_cancel" style="display: none;">
|
||||
Cancel</a>
|
||||
</div>
|
||||
<div class="p-3 addresslist" style="display: none;">
|
||||
<label class="form-check-label addresslabel w-100" for="address1">
|
||||
<input checked type="radio" id="address1" class="d-none">
|
||||
<div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-floating">
|
||||
<!-- <input type="number" class="form-control" id="phonenumber"
|
||||
placeholder="Phone Number"> -->
|
||||
<input type="number" inputmode="tel" class="form-control" pattern="[1-9]{1}[0-9]{9}^[0-9]*$" onKeyPress="if(this.value.length==10) return false;"maxlength="10" id="phonenumber" placeholder="Phone Number" required>
|
||||
<label for="phonenumber">Phonenumber</label>
|
||||
<div class="invalid-feedback ">
|
||||
Please choose a valid Phone Number.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control" id="addressdes"
|
||||
placeholder="Phone Number">
|
||||
<label for="addressdes">Address </label>
|
||||
<div class="invalid-feedback ">
|
||||
Please Enter Your Address.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-floating">
|
||||
<input type="number" inputmode="tel" class="form-control" pattern="[1-6]{1}[0-6]{6}^[0-6]*$" onKeyPress="if(this.value.length==6) return false;" maxlength="6" id="zipcode"
|
||||
placeholder="Zip Number">
|
||||
<label for="zipcode">zipcode</label>
|
||||
<div class="invalid-feedback ">
|
||||
Please choose a valid zipcode.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-floating h-100">
|
||||
<select name="state" id="state"
|
||||
class="form-control h-100 pt-2"></select>
|
||||
|
||||
<div class="invalid-feedback ">
|
||||
Please choose a valid state.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="py-2">
|
||||
<div class="text-danger errMsgFormEdit d-none"></div>
|
||||
<button
|
||||
class=" saveaddress bg-gradient-anwi text-white btn btn-sm">
|
||||
<div class="spinner-border d-none " role="status">
|
||||
|
||||
</div>
|
||||
<span>Save</span>
|
||||
</button>
|
||||
<button
|
||||
class="Createaddress bg-gradient-anwi text-white btn btn-sm" style="display: none;">
|
||||
<div class="spinner-border d-none " role="status">
|
||||
|
||||
</div>
|
||||
<span>Save</span>
|
||||
</button>
|
||||
<button
|
||||
class=" saveanddeliverCanel ml-2 d-none bg-gradient-anwi text-white btn btn-sm">
|
||||
<div class="spinner-border d-none " role="status">
|
||||
|
||||
</div>
|
||||
<span>Cancel</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</label>
|
||||
</div>
|
||||
<div class="profile_Address">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade active show" id="orders" role="tabpanel">
|
||||
<div class="myaccount-content">
|
||||
<h3>Order Details</h3>
|
||||
<div class="user_order_details rounded mb-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="tab-pane fade" id="warrenty" role="tabpanel">
|
||||
<div class="myaccount-content">
|
||||
<h3>Warranty Order Details</h3>
|
||||
<div class="user_orders">
|
||||
|
||||
|
||||
</div>
|
||||
<div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
|
||||
<div
|
||||
class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png"
|
||||
class="img-fluid w-75" />
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<div>Serail NO: <span class="text-secondary fs-9 serial_no">#7907987897348</span></div>
|
||||
<div>Purchase Date : <span class="text-secondary fs-9 purchase_date">Feb 1, 2023</span></div>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2 warrenty_date">Mar 20, 2023</span></div>
|
||||
<div class="row">
|
||||
<div class="col-md-5"> Status :</div>
|
||||
<div class="col-md-7"> <span class="btn btn-success py-0 fs-9">Running</span></div>
|
||||
<div>Serail NO: <span
|
||||
class="text-secondary fs-9 serial_no">#7907987897348</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3">
|
||||
<div class="d-none">
|
||||
<button class="btn bg-gradient-anwi-outline me-2">Send Remainder</button>
|
||||
<button class="btn bg-gradient-anwi">Extended warranty History</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="img-fluid w-75"/>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<div class="fs-9">Product ID : <span class="text-secondary fs-9">#7907987897348</span></div>
|
||||
<div class="fs-9">Purchase Date : <span class="text-secondary fs-9">Feb 1, 2023</span></div>
|
||||
<div>Purchase Date : <span
|
||||
class="text-secondary fs-9 purchase_date">Feb
|
||||
1, 2023</span></div>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="fs-9">Warrenty Expairy Date : <span class="bg-warning px-2 fs-9 rounded-2">Mar 20, 2023</span></div>
|
||||
<div class="fs-9">Warrenty Expairy Date : <span
|
||||
class="bg-warning px-2 fs-9 rounded-2 warrenty_date">Mar
|
||||
20, 2023</span></div>
|
||||
<div class="row">
|
||||
<div class="col-md-5"> Status :</div>
|
||||
<div class="col-md-7"> <span class="btn btn-success py-0 fs-9">Running</span></div>
|
||||
<div class="col-md-7"> <span
|
||||
class="btn btn-success py-0 fs-9">Running</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -298,96 +368,251 @@
|
||||
</div>
|
||||
<div class="p-3">
|
||||
<div class="d-none">
|
||||
<button class="btn bg-gradient-anwi-outline me-2">Send Remainder</button>
|
||||
<button class="btn bg-gradient-anwi">Extended warranty History</button>
|
||||
<button class="btn bg-gradient-anwi-outline me-2">Send
|
||||
Remainder</button>
|
||||
<button class="btn bg-gradient-anwi">Extended warranty
|
||||
History</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="border-0 border-bottom card rounded-0 shadow-sm mb-2 order-cards d-none">
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-3">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png"
|
||||
class="img-fluid w-75" />
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<div class="fs-9">Product ID : <span
|
||||
class="text-secondary fs-9">#7907987897348</span>
|
||||
</div>
|
||||
<div class="fs-9">Purchase Date : <span
|
||||
class="text-secondary fs-9">Feb 1,
|
||||
2023</span></div>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="fs-9">Warrenty Expairy Date : <span
|
||||
class="bg-warning px-2 fs-9 rounded-2">Mar
|
||||
20, 2023</span></div>
|
||||
<div class="row">
|
||||
<div class="col-md-5"> Status :</div>
|
||||
<div class="col-md-7"> <span
|
||||
class="btn btn-success py-0 fs-9">Running</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3">
|
||||
<div class="d-none">
|
||||
<button class="btn bg-gradient-anwi-outline me-2">Send
|
||||
Remainder</button>
|
||||
<button class="btn bg-gradient-anwi">Extended warranty
|
||||
History</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
<div class="tab-pane fade" id="account-info" role="tabpanel">
|
||||
<div class="myaccount-content">
|
||||
<h3>Account Details</h3>
|
||||
<div class="account-details-form">
|
||||
<form action="#">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="single-input-item">
|
||||
<label for="first-name" class="required">First Name</label>
|
||||
<input type="text" id="first-name" class="form-control shadow-none rounded-0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="single-input-item">
|
||||
<label for="last-name" class="required">Last Name</label>
|
||||
<input type="text" id="last-name" class="form-control shadow-none rounded-0">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="single-input-item">
|
||||
<label for="display-name" class="required">Display Name</label>
|
||||
<input type="text" id="display-name" class="form-control shadow-none rounded-0">
|
||||
</div>
|
||||
<!-- <div class="single-input-item">
|
||||
<label for="email" class="required">Email Addres</label>
|
||||
<input type="email" id="email" class="form-control shadow-none rounded-0">
|
||||
</div> -->
|
||||
<div class="form-floating py-0 ">
|
||||
<input type="email" class="form-control shadow-none h-50p"
|
||||
id="email" placeholder="Email address"
|
||||
autocomplete="off">
|
||||
<label for="email">Email address</label>
|
||||
</div>
|
||||
<fieldset>
|
||||
<legend>Password change</legend>
|
||||
|
||||
<div class="form-floating py-0 mb-3 ">
|
||||
<input type="password" class="form-control shadow-none h-50p"
|
||||
id="current-pwd" placeholder="Email address"
|
||||
autocomplete="off">
|
||||
<label for="current-pwd" class="required">Current Password</label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="form-floating ">
|
||||
<input type="password" id="new-pwd" class="form-control shadow-none rounded-0">
|
||||
<label for="new-pwd" class="required">New Password</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="single-input-item">
|
||||
<label for="confirm-pwd" class="required">Confirm Password</label>
|
||||
<input type="password" id="confirm-pwd" class="form-control shadow-none rounded-0">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="single-input-item">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6 col-6 text-center">
|
||||
<button class="check-btn sqr-btn ">Save Changes</button>
|
||||
</div>
|
||||
<div class="col-md-6 col-6 text-center">
|
||||
<button class="check-btn sqr-btn ">Edit Profile</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div> <!-- Single Tab Content End -->
|
||||
</div>
|
||||
</div> <!-- My Account Tab Content End -->
|
||||
</div>
|
||||
</div> <!-- My Account Page End -->
|
||||
<!-- Single Tab Content End -->
|
||||
<!-- Single Tab Content Start -->
|
||||
<div class="tab-pane fade" id="account-info" role="tabpanel">
|
||||
<div class="myaccount-content">
|
||||
<!-- <div class="profile_head">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6 col-6">
|
||||
<h3>Personal Information</h3>
|
||||
</div>
|
||||
<div class="col-md-6 col-6 text-end">
|
||||
<button
|
||||
class="check-btn Theme_btn rounded">Edit</button>
|
||||
<button
|
||||
class="check-btn Theme_btn rounded d-none">Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="profile_head my-4">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6 col-6">
|
||||
<div class="d-flex">
|
||||
<div class="profile_header">
|
||||
<h3>Personal Information</h3>
|
||||
</div>
|
||||
<div class="edit_sec ms-3">
|
||||
<span
|
||||
class="check-btn rounded profile_edit">Edit</span>
|
||||
<span
|
||||
class="check-btn rounded profile_edit_cancel"
|
||||
style="display: none;">Cancel</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="account-details-form mt-0">
|
||||
<form action="#">
|
||||
<div class="col-md-6 py-2">
|
||||
<div class="form-floating py-0 ">
|
||||
<input type="text"
|
||||
class="form-control shadow-none h-50p profile_info cursor-notvalid text-capitalize"
|
||||
id="Profile_User_name"
|
||||
placeholder="Enter Your Name" autocomplete="off"
|
||||
disabled>
|
||||
<label for="Profile_User_name"
|
||||
class="profile_info_label"
|
||||
style="display: none;">User Name</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 py-2">
|
||||
<div class="form-floating py-0 ">
|
||||
<input type="number" inputmode="tel" class="form-control profile_info cursor-notvalid shadow-none h-50p" pattern="[1-9]{1}[0-9]{9}^[0-9]*$" onKeyPress="if(this.value.length==10) return false;"maxlength="10" id="Profile_Phone_num" placeholder="Enter Your Number" disabled>
|
||||
<label for="Profile_Phone_num"
|
||||
class="profile_info_label"
|
||||
style="display: none;">Phone
|
||||
Number</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="py-1">
|
||||
<button
|
||||
class="check-btn Theme_btn rounded profile_save_btn"
|
||||
style="display: none;" type="button">Save</button>
|
||||
</div>
|
||||
<!-- <div class="row align-items-center">
|
||||
<div class="col-md-4 py-1">
|
||||
<div class="form-floating py-0 ">
|
||||
<input type="text"
|
||||
class="form-control shadow-none h-50p"
|
||||
id="Profile_User_name"
|
||||
placeholder="Enter Your Name"
|
||||
autocomplete="off">
|
||||
<label for="Profile_User_name">User Name</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 py-1">
|
||||
<div class="form-floating py-0 ">
|
||||
<input type="text"
|
||||
class="form-control shadow-none h-50p"
|
||||
id="Profile_Phone_num"
|
||||
placeholder="Enter Your Number"
|
||||
autocomplete="off">
|
||||
<label for="Profile_Phone_num">Phone
|
||||
Number</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 py-1">
|
||||
<button
|
||||
class="check-btn Theme_btn rounded d-none">Save</button>
|
||||
</div>
|
||||
</div> -->
|
||||
</form>
|
||||
</div>
|
||||
<div class="profile_head my-4">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6 col-6">
|
||||
<div class="d-flex">
|
||||
<div class="profile_header">
|
||||
<h3>Password</h3>
|
||||
</div>
|
||||
<div class="edit_sec ms-3">
|
||||
<span
|
||||
class="check-btn rounded pass_edit">Edit</span>
|
||||
<span class="check-btn rounded pass_edit_cancel"
|
||||
style="display: none;">Cancel</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="account-details-form mt-0">
|
||||
<div class="col-md-6">
|
||||
<div class="profilepass_feedbackres"></div>
|
||||
</div>
|
||||
<form action="#">
|
||||
<div class="col-md-6 py-2">
|
||||
<div class="form-floating py-0 ">
|
||||
<input type="password"
|
||||
class="form-control shadow-none profile_info_pass cursor-notvalid h-50p"
|
||||
id="Profile_User_current_pass"
|
||||
placeholder="Enter Current Password"
|
||||
autocomplete="off" disabled>
|
||||
<label for="Profile_User_current_pass">Current
|
||||
Password</label>
|
||||
<div class="invalid-feedback">
|
||||
Please Enter Current Password !
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 py-2">
|
||||
<div class="form-floating py-0 ">
|
||||
<input type="password"
|
||||
class="form-control shadow-none profile_info_pass cursor-notvalid h-50p"
|
||||
id="Profile_User_new_pass"
|
||||
placeholder="Enter New Password"
|
||||
autocomplete="off" disabled>
|
||||
<label for="Profile_User_new_pass">New
|
||||
Password</label>
|
||||
<div class="invalid-feedback">
|
||||
Please Enter Correct Password !
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 py-2">
|
||||
<div class="form-floating py-0 ">
|
||||
<input type="text"
|
||||
class="form-control shadow-none profile_info_pass cursor-notvalid h-50p"
|
||||
id="Profile_User_confirm_pass"
|
||||
placeholder="Enter Confirm Password"
|
||||
autocomplete="off" disabled>
|
||||
<label for="Profile_User_confirm_pass">Confirm
|
||||
Password</label>
|
||||
<div class="invalid-feedback">
|
||||
Please Enter Correct Password !
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="col-md-9 py-2 d-flex align-items-center">
|
||||
<div class="col-md-3">
|
||||
<div class="input_label fw-500">Confirm password</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-floating py-0 ">
|
||||
<input type="text"
|
||||
class="form-control shadow-none h-50p"
|
||||
id="Profile_User_confirm_pass"
|
||||
placeholder="Enter Confirm Password"
|
||||
autocomplete="off">
|
||||
<label for="Profile_User_confirm_pass">Confirm Password</label>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="py-2">
|
||||
<button
|
||||
class="check-btn Theme_btn rounded update_profile_pass"
|
||||
style="display: none;" type="button">Update
|
||||
Password</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- Single Tab Content End -->
|
||||
</div>
|
||||
</div> <!-- My Account Tab Content End -->
|
||||
</div>
|
||||
</div> <!-- My Account Page End -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</main>
|
||||
<!-- footer -->
|
||||
<div id="footer-head"></div>
|
||||
@@ -414,7 +639,7 @@
|
||||
<script src="./dist/js/plugins/isotope.js"></script>
|
||||
<script src="./dist/js/plugins/jquery-ui.js"></script>
|
||||
<script src="./dist/js/plugins/magnific-popup.js"></script>
|
||||
<!-- Main JS -->
|
||||
<!-- Main JS -->
|
||||
<script src="./dist//toaster/toastr.js"></script>
|
||||
<!-- <script src="./dist/js/auth/apiservice.js"></script> -->
|
||||
<script src="./dist/js/localstorage/loginauthlocal.js"></script>
|
||||
@@ -423,51 +648,54 @@
|
||||
<script src="./dist/js/myaccount/orderdetails.js"></script>
|
||||
<script src="./dist/js/myaccount/myaccount_warrenty.js"></script>
|
||||
<script src="./dist/js/myaccount/Myaccount.js"></script>
|
||||
<script src="./dist/js/myaccount/Profile.js"></script>
|
||||
<script src="./dist/js/myaccount/Address.js"></script>
|
||||
<script src="./libs/select2/select2.js"></script>
|
||||
<script src="./dist/js/main.js"></script>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
let Userpassword_update =window.localStorage.getItem('Ispasswordupdate')
|
||||
if(Userpassword_update == 'true'){
|
||||
toasteropts()
|
||||
Command: toastr["success"]("Password Updated Successfully");
|
||||
window.localStorage.removeItem('Ispasswordupdate')
|
||||
return
|
||||
}
|
||||
function toasteropts(){
|
||||
toastr.options = {
|
||||
"closeButton": true,
|
||||
"debug": false,
|
||||
"newestOnTop": true,
|
||||
"progressBar": true,
|
||||
"positionClass": "toast-top-center",
|
||||
"preventDuplicates": true,
|
||||
"onclick": null,
|
||||
"showDuration": "300",
|
||||
"hideDuration": "1000",
|
||||
"timeOut": "5000",
|
||||
"extendedTimeOut": "1000",
|
||||
"showEasing": "swing",
|
||||
"hideEasing": "linear",
|
||||
"showMethod": "fadeIn",
|
||||
"hideMethod": "fadeOut"
|
||||
}
|
||||
}
|
||||
});
|
||||
$(".order-cards").each(function(){
|
||||
$(".order-cards").css("cursor","pointer")
|
||||
$(this).click(function(){
|
||||
$(document).ready(function () {
|
||||
let Userpassword_update = window.localStorage.getItem('Ispasswordupdate')
|
||||
if (Userpassword_update == 'true') {
|
||||
toasteropts()
|
||||
Command: toastr["success"]("Password Updated Successfully");
|
||||
window.localStorage.removeItem('Ispasswordupdate')
|
||||
return
|
||||
}
|
||||
function toasteropts() {
|
||||
toastr.options = {
|
||||
"closeButton": true,
|
||||
"debug": false,
|
||||
"newestOnTop": true,
|
||||
"progressBar": true,
|
||||
"positionClass": "toast-top-center",
|
||||
"preventDuplicates": true,
|
||||
"onclick": null,
|
||||
"showDuration": "300",
|
||||
"hideDuration": "1000",
|
||||
"timeOut": "5000",
|
||||
"extendedTimeOut": "1000",
|
||||
"showEasing": "swing",
|
||||
"hideEasing": "linear",
|
||||
"showMethod": "fadeIn",
|
||||
"hideMethod": "fadeOut"
|
||||
}
|
||||
}
|
||||
});
|
||||
$(".order-cards").each(function () {
|
||||
$(".order-cards").css("cursor", "pointer")
|
||||
$(this).click(function () {
|
||||
window.location.href = "./orderdetails.html";
|
||||
})
|
||||
})
|
||||
$('.User_logout').click(function(){
|
||||
$('.User_logout').click(function () {
|
||||
window.localStorage.removeItem("Useremail");
|
||||
window.localStorage.removeItem("Userpassword");
|
||||
window.localStorage.setItem('Isloggedin',false)
|
||||
window.localStorage.removeItem("Userpassword");
|
||||
window.localStorage.setItem('Isloggedin', false)
|
||||
COOKIE_HELPER_ACTIONS.removeAuthCookie();
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
|
||||
Посилання в новій задачі
Заблокувати користувача