init
This commit is contained in:
79
static/Vvvebjs/demo/landing/src/user/address.html
Normal file
79
static/Vvvebjs/demo/landing/src/user/address.html
Normal file
@@ -0,0 +1,79 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Addresses", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3 user-sidebar" data-v-save-global="user/index.html,.user-sidebar">
|
||||
|
||||
@@include('../_includes/user-sidebar.html')
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 justify-content-center border-start px-4" id="user-container">
|
||||
@@include('../_includes/notifications.html')
|
||||
|
||||
<h2>Addresses</h2>
|
||||
|
||||
<div class="table-responsive" data-v-component-user-address>
|
||||
<table class="table table-hover border-top">
|
||||
<tbody>
|
||||
<tr data-v-user_address>
|
||||
<td class="text-start">
|
||||
|
||||
<span data-v-user_address-first_name></span>
|
||||
<span data-v-user_address-last_name></span>
|
||||
<br>
|
||||
<span data-v-user_address-company></span>
|
||||
<br>
|
||||
<span data-v-user_address-address_1></span>
|
||||
<span data-v-user_address-address_2></span>
|
||||
<span data-v-user_address-city></span>
|
||||
<span data-v-user_address-post_code></span>
|
||||
|
||||
</td>
|
||||
<td class="text-end align-middle">
|
||||
<a href="" title="Edit" class="btn btn-outline-primary btn-sm border-0" data-v-user_address-url>
|
||||
<i class="la la-pen"></i>
|
||||
</a>
|
||||
<a href="" title="Delete" class="btn btn-outline-danger btn-sm border-0" data-v-user_address-delete-url>
|
||||
<i class="la la-trash"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-v-if-not="count >= 1">
|
||||
<td colspan="100">
|
||||
<div class="text-center p-4">
|
||||
<div>
|
||||
<i class="la la-comment-alt fs-1 mb-2"></i>
|
||||
<h6>No addresses to display!</h6>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<a href="user/address/edit" data-v-url="user/address/edit" class="btn btn-primary">
|
||||
<i class="la la-plus"></i> <span>Add new</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
135
static/Vvvebjs/demo/landing/src/user/address/edit.html
Normal file
135
static/Vvvebjs/demo/landing/src/user/address/edit.html
Normal file
@@ -0,0 +1,135 @@
|
||||
@@include('../../_includes/html-head.html', {"title": "Vvveb - Address edit", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../../_includes/header.html')
|
||||
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
|
||||
@@include('../../_includes/user-sidebar.html')
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 justify-content-center border-start px-4">
|
||||
@@include('../../_includes/notifications.html')
|
||||
|
||||
<h2>Address</h2>
|
||||
|
||||
<form id="profile-form" action="" method="post" class="address" data-v-user_address>
|
||||
<input type="hidden" name="action" id="action" value="edit">
|
||||
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-first_name" class="col-sm-2 col-form-label">First name</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-first_name" placeholder="First name" name="user_address[first_name]" data-v-user_address-first_name required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-last_name" class="col-sm-2 col-form-label">Last name</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-last_name" placeholder="Last name" name="user_address[last_name]" data-v-user_address-last_name required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-company" class="col-sm-2 col-form-label">Company</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-company" placeholder="Company" name="user_address[company]" data-v-user_address-company>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-address_1" class="col-sm-2 col-form-label" >Address 1</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-address_1" placeholder="Address 1" name="user_address[address_1]" data-v-user_address-address_1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-address_2" class="col-sm-2 col-form-label" >Address 2</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-address_2" placeholder="Address 2" name="user_address[address_2]" data-v-user_address-address_2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-city" class="col-sm-2 col-form-label">City</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-city" placeholder="City" name="user_address[city]" data-v-user_address-city>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-post_code" class="col-sm-2 col-form-label">Post code</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-post_code" placeholder="Post code" name="user_address[post_code]" data-v-user_address-post_code>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label class="col-sm-2 col-form-label" for="country">Country <span class="text-danger text-small">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<select class="form-select" id="country_id" name="user_address[country_id]" data-v-countries required readonly>
|
||||
<option value="1" data-v-option>
|
||||
Country 1
|
||||
</option>
|
||||
<option value="2" data-v-option>
|
||||
Country 2
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label class="col-sm-2 col-form-label" for="country">Region <span class="text-danger text-small">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<select class="form-select" id="region_id" name="user_address[region_id]" data-v-regions required readonly>
|
||||
<option value="1" data-v-option></option>
|
||||
<option value="2" data-v-option></option>
|
||||
<option value="3" data-v-option></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 float-end">
|
||||
|
||||
<a href="user/address" data-v-url="user/address/index" class="btn btn-outline-secondary">
|
||||
<i class="la la-arrow-left"></i> <span>Address list</span>
|
||||
</a>
|
||||
|
||||
<button type="submit" href=""
|
||||
class="btn btn-primary btn-icon ms-1"
|
||||
>
|
||||
<i class="la la-save me-2"></i>
|
||||
<span>Save address</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
@@include('../../_includes/footer.html')
|
||||
|
||||
@@include('../../_includes/footer-scripts.html')
|
||||
|
||||
<script>
|
||||
let regionsUrl = '{ $this->regionsUrl }';
|
||||
</script>
|
||||
|
||||
<script src="/js/checkout.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
82
static/Vvvebjs/demo/landing/src/user/comments.html
Normal file
82
static/Vvvebjs/demo/landing/src/user/comments.html
Normal file
@@ -0,0 +1,82 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Comments", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3 user-sidebar" data-v-save-global="user/index.html,.user-sidebar">
|
||||
|
||||
@@include('../_includes/user-sidebar.html')
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 justify-content-center border-start px-4" id="user-container">
|
||||
@@include('../_includes/notifications.html')
|
||||
|
||||
<h2>Comments</h2>
|
||||
|
||||
<div class="table-responsive" data-v-user_id="" data-v-post_id="null" data-v-component-comments>
|
||||
<table class="table table-hover border-top">
|
||||
<thead>
|
||||
<tr>
|
||||
<td class="text-center">Comment</td>
|
||||
<td class="text-center">Author</td>
|
||||
<td class="text-center">Status</td>
|
||||
<td class="text-center">Date added</td>
|
||||
<td>Actions</td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr data-v-comment>
|
||||
<td class="text-center">
|
||||
<span data-v-comment-content></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-comment-author data-filter-capitalize></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-comment-status></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-comment-created_at data-filter-friendly_date></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<a href="" title="View" class="btn btn-primary btn-sm" data-v-comment-url>
|
||||
<i class="la la-eye"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-v-if-not="count >= 1">
|
||||
<td colspan="100">
|
||||
<div class="text-center p-4">
|
||||
<div>
|
||||
<i class="la la-comment-alt fs-1 mb-2"></i>
|
||||
<h6>No comments to display!</h6>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@include('../_includes/pagination.html', {"component": "comments", "component-index":0})
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
86
static/Vvvebjs/demo/landing/src/user/downloads.html
Normal file
86
static/Vvvebjs/demo/landing/src/user/downloads.html
Normal file
@@ -0,0 +1,86 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Downloads", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3 user-sidebar" data-v-save-global="user/index.html,.user-sidebar">
|
||||
|
||||
@@include('../_includes/user-sidebar.html')
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 justify-content-center border-start px-4" id="user-container">
|
||||
@@include('../_includes/notifications.html')
|
||||
|
||||
<h2>Downloads</h2>
|
||||
|
||||
<div class="table-responsive" data-v-order_status_id="4" data-v-component-digital_assets>
|
||||
<table class="table table-hover border-top">
|
||||
<thead>
|
||||
<tr>
|
||||
<td class="text-center">Order id</td>
|
||||
<td class="text-center">Product name</td>
|
||||
<td class="text-center">Name</td>
|
||||
<!-- <td class="text-center">No products</td> -->
|
||||
<td class="text-center">File</td>
|
||||
<!-- <td class="text-start">Tracking Code</td> -->
|
||||
<td>Download</td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr data-v-digital_asset>
|
||||
<td class="text-center">
|
||||
<span>#</span>
|
||||
<span data-v-digital_asset-customer_order_id>1</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-digital_asset-product_name></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-digital_asset-name></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-digital_asset-public></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<a href="" title="Download" class="btn btn-primary btn-sm" data-v-digital_asset-url download>
|
||||
<i class="la la-download"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-v-if-not="count >= 1">
|
||||
<td colspan="100">
|
||||
<div class="text-center p-4">
|
||||
<div>
|
||||
<i class="la la-box fs-1 mb-2"></i>
|
||||
<h6>No downloads to display!</h6>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@include('../_includes/pagination.html', {"component": "digital_assets", "component-index":0})
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
60
static/Vvvebjs/demo/landing/src/user/edit.html
Normal file
60
static/Vvvebjs/demo/landing/src/user/edit.html
Normal file
@@ -0,0 +1,60 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - User edit", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-8">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="card" >
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">New User</h5>
|
||||
<p><strong>Register Account</strong>
|
||||
</p>
|
||||
<p >By creating an account you will be able to shop faster, be up to date on an order's status, and keep track of the orders you have previously made.</p>
|
||||
<a href="" class="btn btn-primary" data-v-url="user/signup/index" >Continue</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="card" >
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Returning User</h5>
|
||||
<p><strong>I am a returning user</strong></p>
|
||||
<form action="" method="post" enctype="multipart/form-data" data-v-url="user/login/index">
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="input-email">E-Mail Address</label>
|
||||
<input type="email" name="email" value="" placeholder="E-Mail Address" id="input-email" class="form-control" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="input-password">Password</label>
|
||||
<input type="password" minlength="4" autocorrect="off"name="password" value="" placeholder="Password" id="input-password" class="form-control" required>
|
||||
<a href="#recover" data-v-url="user/reset/index" >Recover Password</a>
|
||||
</div>
|
||||
<input type="submit" value="Login" class="btn btn-primary">
|
||||
<input type="hidden" name="redirect" value="">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
41
static/Vvvebjs/demo/landing/src/user/index.html
Normal file
41
static/Vvvebjs/demo/landing/src/user/index.html
Normal file
@@ -0,0 +1,41 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - User dashboard", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3 user-sidebar">
|
||||
|
||||
@@include('../_includes/user-sidebar.html')
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 justify-content-center border-start px-4" id="user-container" data-v-component-user>
|
||||
@@include('../_includes/notifications.html')
|
||||
|
||||
<h2>
|
||||
<span>Welcome</span>
|
||||
<span class="fw-bold">
|
||||
<span data-v-user-first_name data-filter-capitalize>John</span>
|
||||
<span data-v-user-last_name data-filter-capitalize>Doe<span>
|
||||
<span>
|
||||
</h2>
|
||||
|
||||
<span>This is your user dashboard, you can view or manage your content or profile from the sidebar menu.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
90
static/Vvvebjs/demo/landing/src/user/login.html
Normal file
90
static/Vvvebjs/demo/landing/src/user/login.html
Normal file
@@ -0,0 +1,90 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Login", "path":"../"})
|
||||
|
||||
<body class="login">
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-9 col-xl-6">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="user-card mx-auto">
|
||||
|
||||
<div class="card card-default my-4">
|
||||
|
||||
<div class="card-header bg-body">
|
||||
<h1 class="mb-1 h2 fw-bold">Sign in</h1>
|
||||
<p class="text-muted">Welcome back! Enter your email to get started.</p>
|
||||
|
||||
@@include('../_includes/notifications.html', {type:"login"})
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<form action="" method="post" enctype="multipart/form-data" id="login-form">
|
||||
<input type="hidden" name="csrf" data-v-csrf>
|
||||
<div class="mb-3">
|
||||
<div class="input-group">
|
||||
<span class="input-group-text bg-body pe-1"> <i class="la la-envelope"></i> </span>
|
||||
<input type="email" name="email" value="" placeholder=" " id="input-email" class="form-control label-over border-start-0" required>
|
||||
<label class="col-form-label ms-4" for="input-email">E-Mail Address</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<div class="input-group">
|
||||
<span class="input-group-text bg-body pe-1"> <i class="la la-lock"></i> </span>
|
||||
<input type="password" minlength="4" autocorrect="off" autocomplete="current-password" class="form-control label-over border-start-0" placeholder=" " id="password" name="password" value="" aria-label="Password" required>
|
||||
<label class="col-form-label ms-4" for="password">Password</label>
|
||||
<button class="btn px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'password')"><i class="la la-eye-slash"></i></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mb-3 clearfix">
|
||||
|
||||
<div class="form-check float-start">
|
||||
<input class="form-check-input" type="checkbox" value="" id="rememberme">
|
||||
<label class="form-check-label" for="rememberme">
|
||||
Remember me
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<a href="#recover" data-v-url="user/reset/index" class="float-end">Forgot your password?</a>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 clearfix">
|
||||
|
||||
<button type="submit" value="Login" class="btn btn-primary w-100 btn-login my-3" ><span>Login</span><i class="la la-arrow-right ms-2"></i></button>
|
||||
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="redirect" value="">
|
||||
</form>
|
||||
|
||||
<div class="mt-2">Don’t have an account? <a href="user/signup" data-v-url="user/signup/index" >Create user account</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
</body>
|
||||
</html>
|
||||
129
static/Vvvebjs/demo/landing/src/user/order-tracking.html
Normal file
129
static/Vvvebjs/demo/landing/src/user/order-tracking.html
Normal file
@@ -0,0 +1,129 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Orders", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-12 justify-content-center">
|
||||
|
||||
@@include('../_includes/notifications.html')
|
||||
|
||||
<div data-v-if="this.validOrder">
|
||||
<div data-v-customer_order_id="url" data-v-email="url" data-v-component-order>
|
||||
|
||||
<h2>Order ID: <span data-v-order-customer_order_id>#001</span></h2>
|
||||
|
||||
@@include('orders/_order_cart.html')
|
||||
|
||||
<div data-v-order>
|
||||
|
||||
<div class="d-md-flex justify-content-between">
|
||||
<div class="d-flex align-items-center mb-2 mb-md-0">
|
||||
<span class="badge ms-2" data-v-order-order_status>Pending</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('orders/_order_customer.html')
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('orders/_order_details.html')
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('orders/_order_billing_address.html')
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('orders/_order_shipping_address.html')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-lg-8 mx-auto">
|
||||
<div class="card card-default mt-4">
|
||||
|
||||
<div class="card-header bg-body p-5 pb-2">
|
||||
<h1 class="mb-1 h2 fw-bold">Order tracking</h1>
|
||||
<p class="text-muted">Please fill the form below to search for your order.</p>
|
||||
|
||||
@@include('../_includes/notifications.html', {type:"return"})
|
||||
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
|
||||
<form action method="post" enctype="multipart/form-data">
|
||||
|
||||
<input type="hidden" name="csrf" data-v-csrf>
|
||||
<input type="hidden" name="action" value="order">
|
||||
|
||||
<div class="login-form col-12 mx-auto">
|
||||
|
||||
<div class="row mb-3">
|
||||
<label class="col-4 col-form-label" for="input-email">E-Mail Address</label>
|
||||
<div class="col-8">
|
||||
<input type="email" name="email" value placeholder="E-Mail Address" id="input-email" class="form-control" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label class="col-4 col-form-label" for="customer-order-id">Order id</label>
|
||||
<div class="col-8">
|
||||
|
||||
<input type="text" minlength="4" autocorrect="off" class="form-control" placeholder="Order id" id="customer-order-id" name="customer_order_id" value="" aria-label="Order id" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-end">
|
||||
|
||||
<button type="submit" name="login" value="Login" class="btn btn-primary">
|
||||
|
||||
<span class="loading d-none">
|
||||
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
|
||||
</span>
|
||||
<span>Checking</span>...
|
||||
</span>
|
||||
|
||||
<span class="button-text">
|
||||
<span>Submit</span> <i class="la la-arrow-right float-end ms-2"></i>
|
||||
</span>
|
||||
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
90
static/Vvvebjs/demo/landing/src/user/order.html
Normal file
90
static/Vvvebjs/demo/landing/src/user/order.html
Normal file
@@ -0,0 +1,90 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Orders", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3 user-sidebar" data-v-save-global="user/index.html,.user-sidebar">
|
||||
|
||||
@@include('../_includes/user-sidebar.html')
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 justify-content-center border-start px-4" id="user-container">
|
||||
@@include('../_includes/notifications.html')
|
||||
|
||||
<h2>Order</h2>
|
||||
|
||||
<div class="table-responsive" data-v-customer_order_id="url" data-v-component-order>
|
||||
<table class="table table-hover border-top">
|
||||
<thead>
|
||||
<tr>
|
||||
<td class="text-center">Order id</td>
|
||||
<td class="text-center">Client</td>
|
||||
<!-- <td class="text-center">No products</td> -->
|
||||
<td class="text-center">Status</td>
|
||||
<td class="text-center">Total</td>
|
||||
<!-- <td class="text-start">Tracking Code</td> -->
|
||||
<td class="text-center">Date added</td>
|
||||
<td>Actions</td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr data-v-order>
|
||||
<td class="text-center">
|
||||
<span>#</span>
|
||||
<span data-v-order-order_id>1</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-order-first_name data-filter-capitalize></span>
|
||||
<span data-v-order-last_name data-filter-capitalize></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-order-status></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-order-total></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-order-created_at data-filter-friendly_date></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<a href="" title="View" class="btn btn-primary btn-sm" data-v-order-url>
|
||||
<i class="la la-eye"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-v-if-not="count >= 1">
|
||||
<td colspan="100">
|
||||
<div class="text-center p-4">
|
||||
<div>
|
||||
<i class="la la-comment-alt fs-1 mb-2"></i>
|
||||
<h6>No orders to display!</h6>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
90
static/Vvvebjs/demo/landing/src/user/orders.html
Normal file
90
static/Vvvebjs/demo/landing/src/user/orders.html
Normal file
@@ -0,0 +1,90 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Orders", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3 user-sidebar" data-v-save-global="user/index.html,.user-sidebar">
|
||||
|
||||
@@include('../_includes/user-sidebar.html')
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 justify-content-center border-start px-4" id="user-container">
|
||||
@@include('../_includes/notifications.html')
|
||||
|
||||
<h2>Orders</h2>
|
||||
|
||||
<div class="table-responsive" data-v-component-orders>
|
||||
<table class="table table-hover border-top">
|
||||
<thead>
|
||||
<tr>
|
||||
<td class="text-center">Order id</td>
|
||||
<td class="text-center">Client</td>
|
||||
<!-- <td class="text-center">No products</td> -->
|
||||
<td class="text-center">Status</td>
|
||||
<td class="text-center">Total</td>
|
||||
<!-- <td class="text-start">Tracking Code</td> -->
|
||||
<td class="text-center">Date added</td>
|
||||
<td>Actions</td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr data-v-order>
|
||||
<td class="text-center">
|
||||
<span>#</span>
|
||||
<span data-v-order-order_id>1</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-order-first_name data-filter-capitalize></span>
|
||||
<span data-v-order-last_name data-filter-capitalize></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-order-status></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-order-total></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span data-v-order-created_at data-filter-friendly_date></span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<a href="" title="View" class="btn btn-primary btn-sm" data-v-order-url>
|
||||
<i class="la la-eye"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-v-if-not="count >= 1">
|
||||
<td colspan="100">
|
||||
<div class="text-center p-4">
|
||||
<div>
|
||||
<i class="la la-shopping-cart fs-1 mb-2"></i>
|
||||
<h6>No orders to display!</h6>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@include('../_includes/pagination.html', {"component": "orders", "component-index":0})
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
189
static/Vvvebjs/demo/landing/src/user/orders/__order.html
Normal file
189
static/Vvvebjs/demo/landing/src/user/orders/__order.html
Normal file
@@ -0,0 +1,189 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Order","scripts":"","base_href":"../"})
|
||||
|
||||
<body class="order">
|
||||
|
||||
<div id="container">
|
||||
|
||||
@@include('../_includes/sidebar.html')
|
||||
|
||||
|
||||
<div class="main">
|
||||
|
||||
@@include('../_includes/top-header.html')
|
||||
|
||||
<div class="actions clearfix">
|
||||
|
||||
<div class="title">
|
||||
<h4 class="text-muted my-2">
|
||||
<i class="icon-cube-outline"></i>
|
||||
<span>Order</span>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="btns">
|
||||
|
||||
<a href="{$this.adminPath}index.php?module=order/orders" title="Order list"
|
||||
class="btn btn-outline-secondary me-2">
|
||||
<i class="la la-arrow-left"></i>
|
||||
<span>Order list</span>
|
||||
</a>
|
||||
|
||||
<a href="" class="btn btn-outline-secondary btn-icon" target="_blank" data-v-if="this.order.order_id" data-v-order-print-invoice-url>
|
||||
<i class="icon-receipt-outline"></i> <span>Print Invoice</span>
|
||||
</a>
|
||||
|
||||
<a href="" class="btn btn-outline-secondary btn-icon" target="_blank" data-v-if="this.order.order_id" data-v-order-print-url>
|
||||
<i class="icon-print-outline"></i> <span>Print Order</span>
|
||||
</a>
|
||||
|
||||
<a href="" class="btn btn-outline-secondary btn-icon" target="_blank" data-v-if="this.order.order_id" data-v-order-print-shipping-url>
|
||||
<i class="icon-boat-outline"></i> <span>Print Shipping</span>
|
||||
</a>
|
||||
|
||||
<button type="submit" href="" onclick="if(order_form.reportValidity()) order_form.submit()" class="btn btn-primary btn-icon ms-1">
|
||||
<i class="icon-create-outline"></i> Save order
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
|
||||
|
||||
<div class="content clearfix" data-v-order>
|
||||
|
||||
@@include('../_includes/notifications.html')
|
||||
|
||||
<div class="card border-0 mx-3 mb-5">
|
||||
|
||||
<div class="card-body p-0">
|
||||
|
||||
<form id="order-form" name="order_form" action="" method="post" >
|
||||
|
||||
<input type="hidden" name="action" id="action" value="save">
|
||||
<input type="hidden" name="order_id" id="order_id" value="" data-v-if="this.order.order_id" data-v-order-order_id>
|
||||
|
||||
<div class="d-md-flex justify-content-between">
|
||||
<div class="d-flex align-items-center mb-2 mb-md-0">
|
||||
<h2 class="mb-0">Order ID: #VI<span data-v-order-order_id>001</span></h2>
|
||||
<span class="badge ms-2" data-v-order-order_status>Pending</span>
|
||||
</div>
|
||||
<!--
|
||||
<div class="d-md-flex">
|
||||
<div class="mb-2 mb-md-0">
|
||||
<select class="form-select">
|
||||
<option selected="">Status</option>
|
||||
<option value="Success">Success</option>
|
||||
<option value="Pending">Pending</option>
|
||||
<option value="Cancel">Cancel</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="ms-md-3">
|
||||
<a class="btn btn-primary">Save</a>
|
||||
<a class="btn btn-outline-secondary">Download Invoice</a>
|
||||
</div>
|
||||
|
||||
-->
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<div class="row">
|
||||
<div class="col-xxl-3 col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('_order_customer.html')
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-3 col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('_order_details.html')
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-3 col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('_order_billing_address.html')
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-3 col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('_order_shipping_address.html')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
|
||||
@@include('_order_cart.html')
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card-body p-0">
|
||||
@@include('_order_log.html')
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
<script id="autocomplete-js" src="libs/autocomplete/autocomplete.js"></script>
|
||||
|
||||
<script>
|
||||
document.querySelector("#order-form").addEventListener("change", function (e) {
|
||||
let element = e.target.closest("input[type=text]");
|
||||
if (element) {
|
||||
let name = this.name;
|
||||
let textSelector = "[data-" + name + "-text]";
|
||||
document.querySelector(textSelector).innerHTML = this.value;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
document.querySelector("#order-form").addEventListener("change", function (e) {
|
||||
let element = e.target.closest("select");
|
||||
if (element) {
|
||||
let name = this.dataset.text;
|
||||
let value = this.options[this.selectedIndex].text
|
||||
let textSelector = "[" + name + "]";
|
||||
document.querySelector(textSelector).innerHTML = this.value;
|
||||
}
|
||||
});
|
||||
|
||||
//if new order toggle forms visibility
|
||||
let order_id = document.querySelector("[name=order_id]");
|
||||
if (!order_id || !order_id.value) {
|
||||
document.querySelector('.customer_details').classList.toggle('edit');
|
||||
document.querySelector('.order_details').classList.toggle('edit');
|
||||
document.querySelector('.shipping_address').classList.toggle('edit');
|
||||
document.querySelector('.billing_address').classList.toggle('edit');
|
||||
}
|
||||
|
||||
let productDetails = document.querySelector(".product-details > div");
|
||||
if (productDetails) {
|
||||
productDetails.style.display = "none";
|
||||
|
||||
function onSelect(value, text, name, listName) {
|
||||
productDetails.innerHTML = "";
|
||||
productDetails.style.display = "";
|
||||
loadAjax(window.location.href, ".product-details > div", null, {product_id:value}, "post");
|
||||
//document.querySelector(".product-details").load(window.location.href + " .product-details > div", {product_id:value});
|
||||
|
||||
}
|
||||
/*
|
||||
document.querySelectorAll(".product-details").on("click", ".btn-add-product", function (e) {
|
||||
document.querySelectorAll(".product-details").hide();
|
||||
e.preventDefault();
|
||||
return false;
|
||||
});
|
||||
*/
|
||||
let autocomplete = new _AutocompleteInput(document.querySelector('input.autocomplete'), {onSelect});
|
||||
}
|
||||
</script>
|
||||
@@include('../_includes/footer.html')
|
||||
@@ -0,0 +1,78 @@
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<th style="width: 50%;" class="text-start">
|
||||
<span>Billing Address</span>
|
||||
</th>
|
||||
<th style="width: 50%;" class="text-start">
|
||||
<span>Shipping Address</span>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-start billing_address">
|
||||
<div class="display">
|
||||
<div data-v-order-billing_first_name data-billing_first_name-text></div>
|
||||
<div data-v-order-billing_last_name data-billing_last_name-text></div>
|
||||
<div data-v-order-billing_company data-billing_company-text></div>
|
||||
<div data-v-order-billing_address_1 data-billing_address_1-text></div>
|
||||
<div data-v-order-billing_address_2 data-billing_address_2-text></div>
|
||||
<div data-v-order-billing_city data-billing_city-text></div>
|
||||
<div data-v-order-billing_post_code data-billing_post_code-text></div>
|
||||
<div data-v-order-billing_country_id data-billing_country_id-text></div>
|
||||
<div data-v-order-billing_country_id data-billing_country_id-text></div>
|
||||
<div data-v-order-billing_region_id data-billing_region_id-text></div>
|
||||
<div data-v-order-billing_fields data-billing_fields-text></div>
|
||||
</div>
|
||||
<div class="edit">
|
||||
<div class="mb-3 row"><label for="billing_first_name" class="col-sm-2 col-form-label">First name</label>
|
||||
<div class="col-sm-10"><input type="text" class="form-control" id="billing_first_name" name="billing_first_name" data-v-order-billing_first_name></div>
|
||||
</div>
|
||||
<div class="mb-3 row"><label for="billing_last_name" class="col-sm-2 col-form-label">Last name</label>
|
||||
<div class="col-sm-10"><input type="text" class="form-control" id="billing_last_name" name="billing_last_name" data-v-order-billing_last_name></div>
|
||||
</div>
|
||||
<div class="mb-3 row"><label for="billing_company" class="col-sm-2 col-form-label">Company</label>
|
||||
<div class="col-sm-10"><input type="text" class="form-control" id="billing_company" name="billing_company" data-v-order-billing_company></div>
|
||||
</div>
|
||||
<div class="mb-3 row"><label for="billing_address_1" class="col-sm-2 col-form-label">Address 1</label>
|
||||
<div class="col-sm-10"><input type="text" class="form-control" id="billing_address_1" name="billing_address_1" data-v-order-billing_address_1></div>
|
||||
</div>
|
||||
<div class="mb-3 row"><label for="billing_address_2" class="col-sm-2 col-form-label">Address 2</label>
|
||||
<div class="col-sm-10"><input type="text" class="form-control" id="billing_address_2" name="billing_address_2" data-v-order-billing_address_2></div>
|
||||
</div>
|
||||
<div class="mb-3 row"><label for="billing_city" class="col-sm-2 col-form-label">City</label>
|
||||
<div class="col-sm-10"><input type="text" class="form-control" id="billing_city" name="billing_city" data-v-order-billing_city></div>
|
||||
</div>
|
||||
<div class="mb-3 row"><label for="billing_post_code" class="col-sm-2 col-form-label">Post code</label>
|
||||
<div class="col-sm-10"><input type="text" class="form-control" id="billing_post_code" name="billing_post_code" data-v-order-billing_post_code></div>
|
||||
</div>
|
||||
<div class="mb-3 row"><label for="billing_country_id" class="col-sm-2 col-form-label">Country id</label>
|
||||
<div class="col-sm-10"><input type="text" class="form-control" id="billing_country_id" name="billing_country_id" data-v-order-billing_country_id></div>
|
||||
</div>
|
||||
<div class="mb-3 row"><label for="billing_region_id" class="col-sm-2 col-form-label">region id</label>
|
||||
<div class="col-sm-10"><input type="text" class="form-control" id="billing_region_id" name="billing_region_id" data-v-order-billing_region_id></div>
|
||||
</div>
|
||||
<div class="mb-3 row"><label for="billing_fields" class="col-sm-2 col-form-label">Custom field</label>
|
||||
<div class="col-sm-10"><input type="text" class="form-control" id="billing_fields" name="billing_fields" data-v-order-billing_fields></div>
|
||||
</div>
|
||||
|
||||
<div classs="mt-3">
|
||||
<button class="btn btn-success float-end">
|
||||
<i class="la la-save"></i> <span>Save</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-start shipping_address">
|
||||
<div class="display">
|
||||
<div data-v-order-shipping_first_name data-shipping_first_name-text></div>
|
||||
<div data-v-order-shipping_last_name data-shipping_last_name-text></div>
|
||||
<div data-v-order-shipping_company data-shipping_company-text></div>
|
||||
<div data-v-order-shipping_address_1 data-shipping_address_1-text></div>
|
||||
<div data-v-order-shipping_address_2 data-shipping_address_2-text></div>
|
||||
<div data-v-order-shipping_city data-shipping_city-text></div>
|
||||
<div data-v-order-shipping_post_code data-shipping_post_code-text></div>
|
||||
<div data-v-order-shipping_country_id data-shipping_country_id-text></div>
|
||||
<div data-v-order-shipping_country_id data-shipping_country_id-text></div>
|
||||
<div data-v-order-shipping_region_id data-shipping_region_id-text></div>
|
||||
<div data-v-order-shipping_fields data-shipping_fields-text></div>
|
||||
</div>
|
||||
</td>
|
||||
</table>
|
||||
@@ -0,0 +1,19 @@
|
||||
<div class="billing_address">
|
||||
<div class="clearfix">
|
||||
<h6 class="float-start">Billing Address</h6>
|
||||
</div>
|
||||
<div class="display mb-1 lh-lg">
|
||||
<div data-v-order-billing_first_name data-billing_first_name-text></div>
|
||||
<div data-v-order-billing_last_name data-billing_last_name-text></div>
|
||||
<div data-v-order-billing_company data-billing_company-text></div>
|
||||
<div data-v-order-billing_address_1 data-billing_address_1-text></div>
|
||||
<div data-v-order-billing_address_2 data-billing_address_2-text></div>
|
||||
<div data-v-order-billing_city data-billing_city-text></div>
|
||||
<div data-v-order-billing_post_code data-billing_post_code-text></div>
|
||||
<div data-v-order-billing_country data-billing_country_id></div>
|
||||
<div data-v-order-billing_region data-billing_region></div>
|
||||
<!--
|
||||
<div data-v-order-billing_fields data-billing_fields-text></div>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
81
static/Vvvebjs/demo/landing/src/user/orders/_order_cart.html
Normal file
81
static/Vvvebjs/demo/landing/src/user/orders/_order_cart.html
Normal file
@@ -0,0 +1,81 @@
|
||||
<div class="table-responsive order-table table-bordered">
|
||||
<table class="table mb-0 text-nowrap align-middle" data-v-cart>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">Image</th>
|
||||
<th class="text-start">Product Name</th>
|
||||
<!-- <th class="text-start">Model</th> -->
|
||||
<th class="text-start">Quantity</th>
|
||||
<th class="text-end">Unit Price</th>
|
||||
<th class="text-end">Total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr data-v-order-product>
|
||||
<td class="text-center order-img">
|
||||
<a href="#40" data-v-order-product-url>
|
||||
<img src="#" alt="Product name" class="img-rounded" data-v-order-product-image width=50 loading="lazy">
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-start">
|
||||
<a href="#40" target="_blank" data-v-order-product-url>
|
||||
<span data-v-order-product-name>Product name</span>
|
||||
</a>
|
||||
|
||||
<div class="option" data-v-if="product.option_value">
|
||||
<div class="" data-v-product-option>
|
||||
<span data-v-product-option-option>Color</span>: <span data-v-product-option-name>Red</span> <span data-v-if="value.price">(<span data-v-product-option-price_formatted></span>)</span>
|
||||
</div>
|
||||
<div class="" data-v-product-option>
|
||||
<span data-v-product-option-option>Size</span>: <span data-v-product-option-name>XL</span> <span data-v-if="value.price">(<span data-v-product-option-price_formatted></span>)</span>
|
||||
</div>
|
||||
<div class="" data-v-product-option>
|
||||
<span data-v-product-option-option>Material</span>: <span data-v-product-option-name>Wool</span> <span data-v-if="value.price">(<span data-v-product-option-price_formatted></span>)</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="price">
|
||||
<span data-v-order-product-price_tax_formatted>$160.40</span>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<!-- <td class="text-start">product 11</td> -->
|
||||
<td class="text-start">
|
||||
<span data-v-order-product-quantity>1</span>
|
||||
</td>
|
||||
<td class="text-end unit-price">
|
||||
<span data-v-order-product-price_formatted>1</span>
|
||||
</td>
|
||||
<!-- <td class="text-end price" data-v-order-product-price>$123.20</td> -->
|
||||
<td class="text-end total px-4">
|
||||
<span data-v-order-product-tax_formatted>$146.40</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
||||
<tfoot data-v-order-totals>
|
||||
<tr data-v-order-totals-total>
|
||||
<td colspan="4" class="text-end"><small data-v-order-total-title>Sub-Total</small>:</td>
|
||||
<td class="text-end" data-v-order-total-value_formatted>$101.00</td>
|
||||
</tr>
|
||||
<tr data-v-order-totals-total>
|
||||
<td colspan="4" class="text-end"><small>Eco Tax (2.00):</small></td>
|
||||
<td class="text-end">$2.00</td>
|
||||
</tr>
|
||||
<tr data-v-order-totals-total>
|
||||
<td colspan="4" class="text-end"><small>VAT (19%):</small></td>
|
||||
<td class="text-end">$20.20</td>
|
||||
</tr>
|
||||
<tr data-v-order-totals-total>
|
||||
<td colspan="4" class="text-end"><small>Total:</small></td>
|
||||
<td class="text-end">$123.20</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="text-end">Total:</td>
|
||||
<td class="text-end" data-v-order-total_formatted>$0</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
|
||||
</table>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,18 @@
|
||||
<div class="customer_details">
|
||||
<div class="clearfix">
|
||||
<h6 class="float-start">Customer Details</h6>
|
||||
</div>
|
||||
<div class="display mb-1 lh-lg">
|
||||
<div data-v-order-first_name data-first_name-text>First Name</div>
|
||||
<div data-v-order-last_name data-last_name-text>Last Name</div>
|
||||
<div data-v-order-email data-email-text>mail@mail.com</div>
|
||||
<div data-v-order-phone_number data-phone_number-text>12345678</div>
|
||||
|
||||
<a data-v-order-user_url data-v-if="this.order.user_id"><span>View Profile</span></a>
|
||||
|
||||
<div data-v-if="this.order.comment">
|
||||
<h6 class="mt-2">Order note</h6>
|
||||
<div data-v-order-comment>12345678</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,79 @@
|
||||
<div class="order_details">
|
||||
<div class="clearfix">
|
||||
<h6 class="float-start">Order Details</h6>
|
||||
</div>
|
||||
|
||||
<div class="display">
|
||||
<p class="mb-1 lh-lg">
|
||||
<table class="table table-borderless table-sm">
|
||||
<tr>
|
||||
<td><span class="text-muted">Order ID:</span> </td>
|
||||
<td><span data-v-order-order_id>001</span></td>
|
||||
</tr>
|
||||
<!--
|
||||
<tr>
|
||||
<td><span class="text-muted">Order Invoice:</span> </td>
|
||||
<td><span data-v-order-invoice_no>V1-</span></td>
|
||||
</tr>
|
||||
-->
|
||||
<tr>
|
||||
<td><span class="text-muted">Order Date:</span> </td>
|
||||
<td>
|
||||
<details>
|
||||
<summary><span><span data-v-order-created_at data-filter-friendly_date>23/10/2019</span></summary>
|
||||
<p><span class="badge bg-body-tertiary text-muted" data-v-order-created_at>23/10/2019</span></span></p>
|
||||
</details>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="text-muted">Payment method:</span> </td>
|
||||
<td>
|
||||
<details>
|
||||
<summary><span><span data-v-order-payment_title>Cash On Delivery</span></summary>
|
||||
<p>
|
||||
<span class="badge bg-body-tertiary text-muted" data-v-order-payment_method>Cash data-payment_method>Cash-text On Delivery</span></span><br/>
|
||||
<span data-v-order-payment_description>Flat data-payment_description>Flat-text Shipping Rate</span><br/>
|
||||
</p>
|
||||
</details>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="text-muted">Shipping method:</span></td>
|
||||
<td>
|
||||
<details>
|
||||
<summary><span data-v-order-shipping_title>Flat Shipping Rate</span></summary>
|
||||
|
||||
<p>
|
||||
<span class="badge bg-body-tertiary text-muted" data-v-order-shipping_method>Flat data-shipping_method>Flat-text Shipping Rate</span></span><br/>
|
||||
<span data-v-order-shipping_description>Flat data-shipping_description>Flat-text Shipping Rate</span><br/>
|
||||
</p>
|
||||
</details>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="text-muted">Order Total:</span></td>
|
||||
<td><span data-v-order-total_formatted>$734.28</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="text-muted">Reward points:</span></td>
|
||||
<td><span data-v-order-points>$734.28</span></td>
|
||||
</tr>
|
||||
<td><span class="text-muted">Status</span></td>
|
||||
<td>
|
||||
<span data-v-order-order_status>Pending</span>
|
||||
<!--
|
||||
<select class="form-select">
|
||||
<option selected="">Status</option>
|
||||
<option value="Success">Success</option>
|
||||
<option value="Pending">Pending</option>
|
||||
<option value="Cancel">Cancel</option>
|
||||
</select>
|
||||
-->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
<div class="shipping_address">
|
||||
<div class="clearfix">
|
||||
<h6 class="float-start">Shipping Address</h6>
|
||||
</div>
|
||||
<div class="display mb-1 lh-lg">
|
||||
<div data-v-order-shipping_first_name data-shipping_first_name-text></div>
|
||||
<div data-v-order-shipping_last_name data-shipping_last_name-text></div>
|
||||
<div data-v-order-shipping_company data-shipping_company-text></div>
|
||||
<div data-v-order-shipping_address_1 data-shipping_address_1-text></div>
|
||||
<div data-v-order-shipping_address_2 data-shipping_address_2-text></div>
|
||||
<div data-v-order-shipping_city data-shipping_city-text></div>
|
||||
<div data-v-order-shipping_post_code data-shipping_post_code-text></div>
|
||||
<div data-v-order-shipping_country data-shipping_country_id-text></div>
|
||||
<div data-v-order-shipping_region data-shipping_region_id-text></div>
|
||||
<!--
|
||||
<div data-v-order-shipping_fields data-shipping_fields-text></div>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
79
static/Vvvebjs/demo/landing/src/user/orders/order.html
Normal file
79
static/Vvvebjs/demo/landing/src/user/orders/order.html
Normal file
@@ -0,0 +1,79 @@
|
||||
@@include('../../_includes/html-head.html', {"title": "Vvveb - Orders", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
|
||||
@@include('../../_includes/user-sidebar.html')
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 justify-content-center border-start px-4">
|
||||
@@include('../../_includes/notifications.html')
|
||||
|
||||
<div data-v-customer_order_id="url" data-v-component-order>
|
||||
|
||||
<h2>Order ID: <span data-v-order-customer_order_id>#001</span></h2>
|
||||
|
||||
@@include('_order_cart.html')
|
||||
|
||||
<div data-v-order>
|
||||
|
||||
<div class="d-md-flex justify-content-between">
|
||||
<div class="d-flex align-items-center mb-2 mb-md-0">
|
||||
<span class="badge ms-2" data-v-order-order_status>Pending</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('_order_customer.html')
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('_order_details.html')
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('_order_billing_address.html')
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 col-12">
|
||||
<div class="mb-6">
|
||||
@@include('_order_shipping_address.html')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../../_includes/footer.html')
|
||||
|
||||
@@include('../../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
117
static/Vvvebjs/demo/landing/src/user/profile.html
Normal file
117
static/Vvvebjs/demo/landing/src/user/profile.html
Normal file
@@ -0,0 +1,117 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Profile", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3 user-sidebar" data-v-save-global="user/index.html,.user-sidebar">
|
||||
|
||||
@@include('../_includes/user-sidebar.html')
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 justify-content-center border-start px-4" id="user-container" data-v-component-user>
|
||||
@@include('../_includes/notifications.html')
|
||||
|
||||
<h2>Profile</h2>
|
||||
|
||||
<form id="profile-form" action="" method="post" class="settings" data-v-user>
|
||||
<input type="hidden" name="action" id="action" value="save">
|
||||
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-user" class="col-sm-2 col-form-label">User</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-user" placeholder="User" name="user[username]" maxlength="60" data-v-user-username disabled>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-email" class="col-sm-2 col-form-label">Email</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="email" class="form-control" id="input-email" placeholder="Email" name="user[email]" maxlength="100" data-v-user-email required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-display_name" class="col-sm-2 col-form-label" >Display name</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-display_name" placeholder="Display name" name="user[display_name]" maxlength="250" data-v-user-display_name required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-first_name" class="col-sm-2 col-form-label" >First name</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-first_name" placeholder="First name" name="user[first_name]" maxlength="32" data-v-user-first_name required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-last_name" class="col-sm-2 col-form-label" >Last name</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-last_name" placeholder="Last name" name="user[last_name]" maxlength="32"data-v-user-last_name required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-phone_number" class="col-sm-2 col-form-label">Phone number</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-phone_number" placeholder="Phone number" name="user[phone_number]" maxlength="32" data-v-user-phone_number>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-url" class="col-sm-2 col-form-label">Website</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-url" placeholder="Url" name="user[url]" maxlength="100" data-v-user-url>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 row">
|
||||
<label for="input-site-title" class="col-sm-2 col-form-label">
|
||||
Password<br>
|
||||
<small class="text-muted">Enter new password to reset</small>
|
||||
</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="input-site-title" placeholder="Password" name="user[password]" data-v-user-password>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<button type="submit" name="action" value="delete" href="" class="btn btn-outline-danger btn-icon btn-sm ms-1 float-start" onclick="return confirm('Are you sure?');">
|
||||
<i class="la la-trash me-2"></i>
|
||||
<span>Delete account</span>
|
||||
</button>
|
||||
<button type="submit" name="action" value="download" href="" class="btn btn-outline-primary btn-icon btn-sm ms-1 float-start">
|
||||
<i class="la la-download me-2"></i>
|
||||
<span>Download account data</span>
|
||||
</button>
|
||||
|
||||
<button type="submit" href=""
|
||||
class="btn btn-primary btn-icon ms-1 float-end"
|
||||
>
|
||||
<i class="la la-save me-2"></i>
|
||||
<span>Save settings</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
67
static/Vvvebjs/demo/landing/src/user/reset.html
Normal file
67
static/Vvvebjs/demo/landing/src/user/reset.html
Normal file
@@ -0,0 +1,67 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Password recover", "path":"../"})
|
||||
|
||||
|
||||
<body class="reset">
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-9">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-8 col-xl-7 mx-auto">
|
||||
|
||||
<div class="card card-default my-4">
|
||||
|
||||
<div class="card-header bg-body">
|
||||
|
||||
<h2 class="mb-1 h3 fw-bold mb-3"><i class="la la-lock"></i> Reset account password</h2>
|
||||
<p class="text-muted">Enter your account email and we will send you a reset link to change your password.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
@@include('../_includes/notifications.html')
|
||||
|
||||
<form method="post" role="form" id="reset-form" class="fade-in-effect" enctype="multipart/form-data" action="">
|
||||
<div class="mb-3">
|
||||
|
||||
<div class="input-group">
|
||||
<span class="input-group-text bg-body pe-1">
|
||||
<i class="la la-envelope"></i>
|
||||
</span>
|
||||
<input type="email" name="email" value="" placeholder="E-Mail Address" id="input-email" class="form-control border-start-0" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<button class="btn btn-primary btn-reset btn-lg my-3 w-100"type="submit">
|
||||
<span>Send reset link</span><i class="la la-arrow-right ms-2"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
74
static/Vvvebjs/demo/landing/src/user/reset/reset.html
Normal file
74
static/Vvvebjs/demo/landing/src/user/reset/reset.html
Normal file
@@ -0,0 +1,74 @@
|
||||
@@include('../../_includes/html-head.html', {"title": "Vvveb - Password recover", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
<div class="container mb-2">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-8">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-8 mx-auto">
|
||||
|
||||
<div class="card card-default my-4">
|
||||
|
||||
<div class="card-header bg-body p-5 pb-2">
|
||||
<h1 class="mb-1 h2 fw-bold"><i class="la la-lock"></i> <span>Reset password</span></h1>
|
||||
<p class="text-muted">Enter the new password for your account</p>
|
||||
|
||||
@@include('../../_includes/notifications.html')
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card-body p-5">
|
||||
|
||||
<form method="post" role="form" id="reset" class="fade-in-effect" enctype="multipart/form-data" action="">
|
||||
|
||||
|
||||
|
||||
<div class="mb-3 input-group">
|
||||
<span class="input-group-text"> <i class="la la-lock"></i> </span>
|
||||
<input type="password" minlength="6" autocorrect="off" class="form-control border-start-0" placeholder="Password" id="password" name="password" autocomplete="new-password" value="" aria-label="Password" required>
|
||||
<div class="input-group-append">
|
||||
<button class="btn px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'password')"><i class="la la-eye-slash"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 input-group">
|
||||
<span class="input-group-text"> <i class="la la-lock"></i> </span>
|
||||
<input type="password" minlength="6" autocorrect="off" autocomplete="new-password" class="form-control border-start-0" placeholder="Repeat password" id="confirm_password" name="confirm_password" value="" aria-label="Repeat Password" required>
|
||||
<div class="input-group-append">
|
||||
<button class="btn px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'confirm_password')"><i class="la la-eye-slash"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-4 mt-4">
|
||||
|
||||
<button type="submit" class="btn btn-primary btn-icon w-100 btn-reset">
|
||||
<span>Change password</span> <i class="la la-arrow-right float-end ms-2"></i>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../../_includes/footer.html')
|
||||
|
||||
@@include('../../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
242
static/Vvvebjs/demo/landing/src/user/return-form.html
Normal file
242
static/Vvvebjs/demo/landing/src/user/return-form.html
Normal file
@@ -0,0 +1,242 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Return form", "path":"../"})
|
||||
|
||||
|
||||
<body class="signup">
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-12 mx-auto">
|
||||
|
||||
<div class="card card-default my-4">
|
||||
|
||||
<div class="card-header bg-body p-5 pb-2">
|
||||
<h1 class="mb-1 h2 fw-bold">Product Return</h1>
|
||||
<p class="text-muted">Please complete the form below to register your return request.</p>
|
||||
|
||||
@@include('../_includes/notifications.html', {type:"return"})
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card-body p-4">
|
||||
|
||||
|
||||
<form action="" method="post" enctype="multipart/form-data" data-v-url="user/return-form/save">
|
||||
<input type="hidden" name="csrf" data-v-csrf>
|
||||
<input type="hidden" name="action" value="save">
|
||||
|
||||
<h5>Order Information</h5>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-3">
|
||||
<label for="input-first_name" class="col-sm-4 col-form-label">First Name</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" name="first_name" value="" placeholder="First Name" id="input-first_name" class="form-control" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-3">
|
||||
<label for="input-last_name" class="col-sm-4 col-form-label">Last Name</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" name="last_name" value="" placeholder="Last Name" id="input-last_name" class="form-control" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-3">
|
||||
<label for="input-email" class="col-sm-4 col-form-label">E-Mail</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="email" name="email" value="" placeholder="E-Mail" id="input-email" class="form-control" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-3">
|
||||
<label for="input-phone_number" class="col-sm-4 col-form-label">Phone number</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" name="phone_number" value="" placeholder="Phone number" id="input-phone_number" class="form-control" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="input-order-id" class="col-sm-4 col-form-label">Order ID</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" name="customer_order_id" value="" placeholder="Order ID" id="input-order-id" class="form-control" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-3">
|
||||
<label for="input-date-ordered" class="col-sm-4 col-form-label">Order Date</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="date" name="date_ordered" value="" placeholder="Order Date" id="input-date-ordered" class="form-control" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h5>Product Information</h5>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-3">
|
||||
<label for="input-product" class="col-sm-4 col-form-label">Product Name</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" name="product" value="" placeholder="Product Name" id="input-product" class="form-control">
|
||||
<input type="hidden" name="product_id" value="" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="input-model" class="col-sm-4 col-form-label">Product Model</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" name="model" value="" placeholder="Product Model" id="input-model" class="form-control" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="input-quantity" class="col-sm-4 col-form-label">Quantity</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="number" name="quantity" value="1" placeholder="Quantity" id="input-quantity" class="form-control w-100" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="row mb-3">
|
||||
<label class="col-sm-4 col-form-label">Product is opened</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="form-check form-check-inline">
|
||||
<label class="form-check-label">
|
||||
<input type="radio" name="opened" value="1" class="form-check-input" required>
|
||||
<span>Yes</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<label class="form-check-label">
|
||||
<input type="radio" name="opened" value="0" class="form-check-input" required>
|
||||
<span>No</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label class="col-sm-2 col-form-label">Reason for Return</label>
|
||||
<div class="col-sm-10">
|
||||
<div id="return_reason" data-v-return_reason>
|
||||
<div class="form-check" data-v-option>
|
||||
<label class="form-check-label">
|
||||
<input type="radio" name="return_reason_id" value="1" class="form-check-input" required>
|
||||
<span>Ordered wrong product or size</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check" data-v-option>
|
||||
<label class="form-check-label">
|
||||
<input type="radio" name="return_reason_id" value="2" class="form-check-input" required>
|
||||
<span>Received wrong item</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check" data-v-option>
|
||||
<label class="form-check-label">
|
||||
<input type="radio" name="return_reason_id" value="3" class="form-check-input" required>
|
||||
<span>Product did not match the description</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check" data-v-option>
|
||||
<label class="form-check-label">
|
||||
<input type="radio" name="return_reason_id" value="4" class="form-check-input" required>
|
||||
<span>Damaged or defective</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<label for="input-comment" class="col-sm-2 col-form-label">Other details</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea name="note" rows="5" placeholder="Other details" id="input-comment" class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col text-end">
|
||||
<button type="submit" class="btn btn-primary"><span>Submit request</span> <i class="la la-arrow-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
@@include('../_includes/footer.html')
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
<style>
|
||||
#return_reason {
|
||||
padding: 1rem;
|
||||
border: 1px dashed var(--bs-border-color);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 800px) {
|
||||
#return_reason {
|
||||
column-count: 2;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#return_reason .form-check {
|
||||
margin-bottom:1rem;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
let dateOrdered = document.getElementById('input-date-ordered');
|
||||
if (!dateOrdered.value) dateOrdered.valueAsDate = new Date();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
124
static/Vvvebjs/demo/landing/src/user/signup.html
Normal file
124
static/Vvvebjs/demo/landing/src/user/signup.html
Normal file
@@ -0,0 +1,124 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Signup", "path":"../"})
|
||||
|
||||
|
||||
<body class="signup">
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-9 col-xl-6">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="user-card mx-auto">
|
||||
|
||||
<div class="card card-default my-4">
|
||||
|
||||
<div class="card-header bg-body">
|
||||
<h1 class="mb-1 h2 fw-bold">Sign up</h1>
|
||||
<p class="text-muted">Welcome! Enter your data to create an account.</p>
|
||||
|
||||
@@include('../_includes/notifications.html', {type:"login"})
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<form action="" method="post" enctype="multipart/form-data" id="signup-form">
|
||||
<input type="hidden" name="csrf" data-v-csrf>
|
||||
|
||||
<!--
|
||||
<div class="mb-3 input-group">
|
||||
<span class="input-group-text bg-body pe-1"> <i class="la la-user"></i> </span>
|
||||
<input name="login" class="form-control border-start-0" placeholder="Username" type="text" required>
|
||||
|
||||
</div>
|
||||
-->
|
||||
|
||||
<label class="form-label" for="username">Username</label>
|
||||
<div class="mb-3 input-group">
|
||||
<span class="input-group-text bg-body pe-1"> <i class="la la-user"></i> </span>
|
||||
<input name="username" id="username" class="form-control border-start-0 border-start-0" placeholder="Username" type="text" required>
|
||||
</div>
|
||||
<!--
|
||||
<label class="form-label" for="first-name">First name</label>
|
||||
<div class="mb-3 input-group">
|
||||
<span class="input-group-text bg-body pe-1"> <i class="la la-user"></i> </span>
|
||||
<input name="first_name" id="first-name" class="form-control border-start-0 border-start-0" placeholder="First Name" type="text" required>
|
||||
</div>
|
||||
|
||||
<label class="form-label" for="last-name">Last name</label>
|
||||
<div class="mb-3 input-group">
|
||||
<span class="input-group-text bg-body pe-1"> <i class="la la-user"></i> </span>
|
||||
<input name="last_name" id="last-name" class="form-control border-start-0 border-start-0" placeholder="Last Name" type="text" required>
|
||||
</div>
|
||||
-->
|
||||
<label class="form-label" for="email">Email address</label>
|
||||
<div class="mb-3 input-group">
|
||||
<span class="input-group-text bg-body pe-1"> <i class="la la-envelope"></i> </span>
|
||||
<input name="email" id="email" class="form-control border-start-0 border-start-0" placeholder="Email address" type="email" required>
|
||||
</div>
|
||||
|
||||
<label class="form-label" for="password">Password</label>
|
||||
<div class="mb-3 input-group">
|
||||
<span class="input-group-text bg-body pe-1"> <i class="la la-lock"></i> </span>
|
||||
<input type="password" minlength="6" autocorrect="off" class="form-control border-start-0 border-start-0" placeholder="Password" id="password" name="password" autocomplete="new-password" value="" aria-label="Password" required>
|
||||
<button class="btn px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'password')"><i class="la la-eye-slash"></i></button>
|
||||
</div>
|
||||
|
||||
<label class="form-label" for="new-password">Confirm password</label>
|
||||
<div class="mb-3 input-group">
|
||||
<span class="input-group-text bg-body pe-1"> <i class="la la-lock"></i> </span>
|
||||
<input type="password" minlength="6" autocorrect="off" autocomplete="new-password" class="form-control border-start-0 border-start-0" placeholder="Confirm password" id="confirm_password" name="confirm_password" value="" aria-label="Repeat Password" required>
|
||||
<button class="btn px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'confirm_password')"><i class="la la-eye-slash"></i></button>
|
||||
</div>
|
||||
|
||||
<!-- if these hidden inputs are filled then ignore, robots -->
|
||||
|
||||
<input type="text" class="form-control d-none" placeholder="Contact form" name="contact-form" >
|
||||
|
||||
<input type="text" class="form-control d-none" placeholder="Subject" name="subject-empty" >
|
||||
|
||||
<input type="text" class="form-control visually-hidden" placeholder="Last name" name="lastname-empty" tabindex="-1">
|
||||
|
||||
|
||||
<div class="mb-3">
|
||||
<div class="form-check mb-1">
|
||||
<input type="checkbox" class="form-check-input" id="terms" name="terms" required>
|
||||
<label class="form-check-label" for="terms">
|
||||
</span>I agree to</span>
|
||||
<a href="page/terms-conditions" target="_blank" data-v-url="content/page/index" data-v-url-params='{"slug":"terms-conditions"}'>Terms and conditions</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<button type="submit" class="btn btn-primary w-100 btn-signup my-3">Create Account</button>
|
||||
</div>
|
||||
|
||||
<div class="text-center">Have an account? <a href="" data-v-url="user/login/index" >Log In</a> </div>
|
||||
</form>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
</body>
|
||||
</html>
|
||||
88
static/Vvvebjs/demo/landing/src/user/wishlist.html
Normal file
88
static/Vvvebjs/demo/landing/src/user/wishlist.html
Normal file
@@ -0,0 +1,88 @@
|
||||
@@include('../_includes/html-head.html', {"title": "Vvveb - Orders", "path":"../"})
|
||||
|
||||
<body>
|
||||
|
||||
@@include('../_includes/header.html')
|
||||
|
||||
<main id="site-content" role="main">
|
||||
|
||||
|
||||
<div class="container my-5">
|
||||
<div class="row">
|
||||
<div class="col-md-3 user-sidebar" data-v-save-global="user/index.html,.user-sidebar">
|
||||
|
||||
@@include('../_includes/user-sidebar.html')
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 justify-content-center border-start px-4" id="user-container">
|
||||
@@include('../_includes/notifications.html')
|
||||
|
||||
<h2>Wishlist</h2>
|
||||
|
||||
<form method="post" action="">
|
||||
<input type="hidden" name="action" value="delete">
|
||||
<div class="table-responsive" data-v-component-user-wishlist>
|
||||
<table class="table table-hover border-top align-middle text-center" style="--bs-table-hover-bg:rgba(var(--bs-primary-rgb), 0.05);">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Image</td>
|
||||
<td>Product</td>
|
||||
<td>Date added</td>
|
||||
<td>Actions</td>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr data-v-product>
|
||||
<td>
|
||||
<a data-v-product-url>
|
||||
<img src="" width="75" data-v-product-image>
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<a data-v-product-url>
|
||||
<span data-v-product-name></span>
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<span data-v-product-created_at data-filter-friendly_date></span>
|
||||
</td>
|
||||
<td>
|
||||
<a href="" title="View" class="btn btn-outline-primary btn-sm border-0" data-v-product-url>
|
||||
<i class="la la-eye"></i>
|
||||
</a>
|
||||
<button type="submit" id="button-cart" value="" name="product_id" class="btn btn-outline-danger btn-sm border-0" title="Delete">
|
||||
<i class="la la-trash"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr data-v-if-not="count >= 1">
|
||||
<td colspan="100">
|
||||
<div class="text-center p-4">
|
||||
<div>
|
||||
<i class="la la-comment-alt fs-1 mb-2"></i>
|
||||
<h6>No products to display!</h6>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@include('../_includes/pagination.html', {"component": "user_wishlist", "component-index":0})
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('../_includes/footer.html')
|
||||
|
||||
@@include('../_includes/footer-scripts.html')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user