nudoragon/vvveb-cms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
nudoragon
2026-05-17 21:09:32 +08:00
commit 1870400c47
1564 changed files with 544713 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
static/Vvvebjs/demo/landing/src/_includes/_blank-breadcrumb.html Normal file
View File

@@ -0,0 +1,47 @@
<section class="inner-page-hero" data-v-component-post>
<div>
<div class="title-container">
<div class="container">
@@include('breadcrumb.html')
<h1 data-v-post-name>My custom page</h1>
</div>
</div>
<!-- img data-v-post-image src="demo/img/bg-img/bg-7.webp" alt="" -->
</div>
</section>
<main id="site-content" data-v-component-post>
<!-- Single Blog Post Thumb -->
<!--
<div class="inner-page-hero" data-v-if="post.img">
<div class="title-container">
<h1 data-v-post-name>Post title</h1>
</div>
<img data-v-post-img loading="lazy" src="demo/img/bg-img/bg-7.webp" alt="">
</div>
-->
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<div>
<!--
<h1 class="text-center" data-v-if-not="post.img" data-v-post-name>Page title</h1>
-->
<div class="" data-v-post-content>
<h2>Vivamus sed nunc in arcu cursus mollis quis et orci. Interdum et malesuada</h2>
<p>Mauris viverra cursus ante laoreet eleifend. Donec vel fringilla ante. Aenean finibus velit id urna vehicula, nec maximus est sollicitudin. Praesent at tempus lectus, eleifend blandit felis. Fusce augue arcu, consequat a nisl aliquet, consectetur elementum turpis. Donec iaculis lobortis nisl, et viverra risus imperdiet eu. Etiam mollis posuere elit non sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis arcu a magna sodales venenatis. Integer non diam sit amet magna luctus mollis ac eu nisi. In accumsan tellus ut dapibus blandit.</p>
</div>
@@include('../_includes/fields.html', {"type": "post", "subtype": "page"})
</div>
</div>
</div>
</div>
</main>

32
static/Vvvebjs/demo/landing/src/_includes/_blank.html Normal file
View File

@@ -0,0 +1,32 @@
<main id="site-content" data-v-component-post>
<!-- Single Blog Post Thumb -->
<!--
<div class="inner-page-hero" data-v-if="post.img">
<div class="title-container">
<h1 data-v-post-name>Post title</h1>
</div>
<img data-v-post-img loading="lazy" src="demo/img/bg-img/bg-7.webp" alt="">
</div>
-->
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<div>
<!--
<h1 class="text-center" data-v-if-not="post.img" data-v-post-name>Page title</h1>
-->
<div class="" data-v-post-content>
<h2>Vivamus sed nunc in arcu cursus mollis quis et orci. Interdum et malesuada</h2>
<p>Mauris viverra cursus ante laoreet eleifend. Donec vel fringilla ante. Aenean finibus velit id urna vehicula, nec maximus est sollicitudin. Praesent at tempus lectus, eleifend blandit felis. Fusce augue arcu, consequat a nisl aliquet, consectetur elementum turpis. Donec iaculis lobortis nisl, et viverra risus imperdiet eu. Etiam mollis posuere elit non sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis arcu a magna sodales venenatis. Integer non diam sit amet magna luctus mollis ac eu nisi. In accumsan tellus ut dapibus blandit.</p>
</div>
@@include('../_includes/fields.html', {"type": "post", "subtype": "page"})
</div>
</div>
</div>
</div>
</main>

14
static/Vvvebjs/demo/landing/src/_includes/author-box.html Normal file
View File

@@ -0,0 +1,14 @@
<div class="container py-4 my-4 border-top border-bottom" data-v-component-admin data-v-admin_id="url">
<div class="row">
<div class="col-md-3 align-self-center">
<img class="img-fluid d-block rounded-circle border p-1 mx-auto avatar" src="/media/placeholder.svg" width="128" height="128" data-v-admin-avatar_url>
</div>
<div class="col-md-9 align-self-center">
<span class="text-muted">Meet the author</span>
<h4 data-v-admin-display_name>John Doe</h4>
<div class="mb-2"data-v-admin-bio>My bio</div>
<a href="#" data-v-admin-url><span>All author posts</span></a>
</div>
</div>
</div>

56
static/Vvvebjs/demo/landing/src/_includes/blog-list-item.html Normal file
View File

@@ -0,0 +1,56 @@
<article class="card post @@class">
<div class="card-img-top" data-v-if="post.image">
<img src="demo/img/video-1.webp" alt="" class="w-100" loading="lazy" data-v-size="thumb" data-v-post-image>
</div>
<!-- Post Title -->
<a data-v-post-url>
<div class="card-body p-4">
<div class="post-title card-title">
<h3 class="h4" data-v-post-name>
Vivamus sed nunc in arcu cursus mollis quis et orci. Interdum et malesuada
</h3>
</div>
<ul class="post-meta text-start mb-3 small">
<li class="post-author meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post author</span>
<i class="la la-user"></i>
</span>
<span class="meta-text">
By <a href="content/post.html" data-v-post-author-url><span data-v-post-display_name>admin</span></a>
</span>
</li>
<li class="post-date meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post date</span>
<i class="la la-calendar"></i>
</span>
<span class="meta-text">
<a href="content/post.html" data-v-post-url>
<!-- <span data-v-post-created_at data-filter-friendly_date>December 31, 2020</span> -->
<span data-v-post-created_at_formatted>December 31, 2020</span>
</a>
</span>
</li>
<!--
<li class="post-comment-link meta-wrapper">
<span class="meta-icon">
<i class="la la-comment"></i>
</span>
<span class="meta-text">
<a href="#comments" data-v-post-comments-url><span data-v-post-comment_text>0 Comments</span></a>
</span>
</li>
-->
</ul>
<p class="card-text text-muted" data-v-post-excerpt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce enim nulla, mollis eu metus in, sagittis fringilla tortor. Phasellus purus dignissim convallis.</p>
<button title="{$post.name}" role="button" class="btn btn-link px-0"><span>Read more</span> <i class="la la-angle-right"></i></button>
</div>
</a>
</article>

124
static/Vvvebjs/demo/landing/src/_includes/blog-post-excerpt.html Normal file
View File

@@ -0,0 +1,124 @@
<!-- Blog Post -->
<article class="card @@class" data-v-post data-v-if="posts.count > 0">
<div class="card-header">
<a class="post-title" href="content/post.html" data-v-post-url>
<img class="img-fluid" src="demo/img/hero-3.webp" loading="lazy" alt="Card image cap" data-aos="zoom-in-up" data-aos-duration="200" data-v-post-image data-v-if="post.image">
</a>
<div class="post-meta-wrapper post-meta-single post-meta-single-top" data-aos="fade-up" data-aos-duration="200">
<ul class="post-meta text-start my-2">
<li class="post-author meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post author</span>
<i class="la la-user"></i>
</span>
<span class="meta-text">
By <a href="content/post.html" data-v-post-author-url><span data-v-post-display_name>admin</span></a>
</span>
</li>
<li class="post-date meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post date</span>
<i class="la la-calendar"></i>
</span>
<span class="meta-text">
<a href="content/post.html" data-v-post-url>
<!-- <span data-v-post-created_at data-filter-friendly_date>December 31, 2020</span> -->
<span data-v-post-created_at_formatted>December 31, 2020</span>
</a>
</span>
</li>
<li class="post-comment-link meta-wrapper">
<span class="meta-icon">
<i class="la la-comment"></i>
</span>
<span class="meta-text">
<a href="#comments" data-v-post-comments-url><span data-v-post-comment_text>0 Comments</span></a>
</span>
</li>
</ul><!-- .post-meta -->
</div>
<a class="post-title" href="content/post.html" data-v-post-url>
<h2 class="card-title h4" data-aos="fade" data-aos-duration="500" data-v-post-name>Begin each day by telling yourself</h2>
</a>
</div>
<!-- <img class="img-fluid" src="https://placeholdit.com/1200x300" alt="Card image cap" data-aos="zoom-in-up" data-aos-duration="200" data-v-post-image data-v-if="post.image"> -->
<div class="card-body py-0">
<div class="card-text" data-v-post-excerpt>
<p>Today I shall be meeting with interference, ingratitude, insolence, disloyalty, ill-will, and selfishness all of them due to the offenders` ignorance of what is good or evil.</p>
</div>
</div>
<div class="card-footer text-muted m-0 mb-4">
<div class="tags">
<div data-v-categories>
<div data-v-if="categories > 0" class="me-4">
<i class="la la-archive"></i>
<ul class="tags d-inline-block">
<li data-v-categories-cat>
<a data-v-categories-cat-url>
<span data-v-categories-cat-name>cat 1</span>
</a>
</li>
<li data-v-categories-cat>
<a href="content/tag.html" data-v-cat-url><span data-v-cat-name>tag 2</span></a>
</li>
<li data-v-categories-cat>
<a href="content/tag.html" data-v-cat-url><span data-v-cat-name>tag 3</span></a>
</li>
<li data-v-categories-cat>
<a href="content/tag.html" data-v-cat-url><span data-v-cat-name>tag 4</span></a>
</li>
</ul>
</div>
</div>
<div data-v-tags>
<div data-v-if="tags > 0">
<i class="la la-tag"></i>
<ul class="tags d-inline-block">
<li data-v-tags-tag>
<a data-v-tags-tag-url>
<span data-v-tags-tag-name>tag 1</span>
</a>
</li>
<li data-v-tags-tag>
<a data-v-tag-url><span data-v-cat-name>tag 2</span></a>
</li>
<li data-v-tags-tag>
<a data-v-tag-url><span data-v-cat-name>tag 3</span></a>
</li>
<li data-v-tags-tag>
<a data-v-tag-url><span data-v-cat-name>tag 4</span></a>
</li>
</ul>
</div>
</div>
</div>
<!--
<a class="float-end" href="content/post.html" data-v-post-url><span>Read More </span></a>
-->
</div>
</article>

142
static/Vvvebjs/demo/landing/src/_includes/blog-post-single.html Normal file
View File

@@ -0,0 +1,142 @@
<!-- Blog Post -->
<article class="card mb-4 @@class" data-v-post>
<div class="card-header">
<!--
<div class="post-meta-wrapper post-meta-single post-meta-single-top">
<ul class="post-meta">
<li class="post-author meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post author</span>
<i class="la la-user"></i>
</span>
<span class="meta-text">
By <a data-v-post-author-url><span data-v-post-display_name>admin</span></a>
</span>
</li>
<li class="post-date meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post date</span>
<i class="la la-calendar"></i>
</span>
<span class="meta-text">
<a data-v-post-url>
<span data-v-post-created_at data-filter-friendly_date>December 31, 2020</span>
<span data-v-post-created_at_formatted>December 31, 2020</span>
</a>
</span>
</li>
<li class="post-comment-link meta-wrapper">
<span class="meta-icon">
<i class="la la-comment"></i>
</span>
<span class="meta-text">
<a href="#comments" data-v-post-comments-url><span data-v-post-comment_text>0 Comments</span></a> </span>
</li>
</ul>
</div>
-->
</div>
<div class="card-body mb-3">
<div class="card-text post-content" data-v-post-content>
<p>
Begin each day by telling yourself:
</p>
<blockquote cite="https://en.wikipedia.org/wiki/Marcus_Aurelius">
<p>Today I shall be meeting with interference, ingratitude, insolence, disloyalty, ill-will, and selfishness all of them due to the offenders` ignorance of what is good or evil.</p>
<cite class="small">
<a href="https://en.wikipedia.org/wiki/Marcus_Aurelius" class="text-decoration-none" target="_blank">Marcus Aurelius</a>
</cite>
</blockquote>
<p>
But for my part I have long perceived the nature of good and its nobility, the nature of evil and its meanness, and also the nature of the culprit himself, who is my brother (not in the physical sense, but as a fellow creature similarly endowed with reason and a share of the divine);therefore none of those things can injure me, for nobody can implicate me in what is degrading.
</p>
<p>
<img class="img-fluid" loading="lazy" src="https://placeholdit.com/1200x300">
</p>
<p>
Neither can I be angry with my brother or fall foul of him; for he and I were born to work together, like a man`s two hands, feet or eyelids, or the upper and lower rows of his teeth.
</p>
<p>
To obstruct each other is against Nature`s law - and what is irritation or aversion but a form of obstruction.
</p>
<div>
<img class="img-fluid align-center" loading="lazy" src="https://placeholdit.com/1200x300">
</div>
<p>
Consectetur adipiscing elit. Praesent vel tortor facilisis, volutpat nulla placerat, tincidunt mi.
</p>
<p>
<img class="img-fluid align-right" loading="lazy" src="https://placeholdit.com/150x150">
</p>
<p>
Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem.
</p>
<p>
Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus.
</p>
<p>
<img class="img-fluid align-left" loading="lazy" src="https://placeholdit.com/150x150">
</p>
<p>
Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem.
</p>
<p>
Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus.
</p>
</div>
@@include('../_includes/fields.html', {"type": "post", "subtype": "post"})
@@include('../_includes/post-password.html')
</div>
<div class="card-footer">
<div data-v-component-content-categories="blog-post" data-v-type="tags" data-v-post_id="url">
<div>
<ul data-v-cats class="tags">
<li data-v-cat>
<a data-v-cat-url><span data-v-cat-name>tag 1</span></a>
</li>
<li data-v-cat>
<a data-v-cat-url><span data-v-cat-name>tag 2</span></a>
</li>
<li data-v-cat>
<a data-v-cat-url><span data-v-cat-name>tag 3</span></a>
</li>
<li data-v-cat>
<a data-v-cat-url><span data-v-cat-name>tag 4</span></a>
</li>
</ul>
</div>
</div>
@@include('../_includes/author-box.html')
@@include('../_includes/post-comments.html')
</div>
</article>

176
static/Vvvebjs/demo/landing/src/_includes/blog-post.html Normal file
View File

@@ -0,0 +1,176 @@
<!-- Blog Post -->
<article class="card @@class" data-v-post data-v-if="posts.count > 0">
<div class="card-header">
<a class="post-title" href="content/post.html" data-v-post-url>
<h2 class="card-title display-4 text-center" data-aos="fade" data-aos-duration="500" data-v-post-name>Begin each day by telling yourself</h2>
</a>
<div class="post-meta-wrapper post-meta-single post-meta-single-top" data-aos="fade-up" data-aos-duration="200">
<ul class="post-meta">
<li class="post-author meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post author</span>
<i class="la la-user"></i>
</span>
<span class="meta-text">
By <a href="content/post.html" data-v-post-author-url><span data-v-post-display_name>admin</span></a>
</span>
</li>
<li class="post-date meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post date</span>
<i class="la la-calendar"></i>
</span>
<span class="meta-text">
<a href="content/post.html" data-v-post-url>
<!-- <span data-v-post-created_at data-filter-friendly_date>December 31, 2020</span> -->
<span data-v-post-created_at_formatted>December 31, 2020</span>
</a>
</span>
</li>
<li class="post-comment-link meta-wrapper">
<span class="meta-icon">
<i class="la la-comment"></i>
</span>
<span class="meta-text">
<a href="#comments" data-v-post-comments-url><span data-v-post-comment_text>0 Comments</span></a>
</span>
</li>
</ul><!-- .post-meta -->
</div>
</div>
<img class="img-fluid" src="demo/img/hero-3.webp" loading="lazy" alt="Card image cap" data-aos="zoom-in-up" data-aos-duration="200" data-v-post-image data-v-if="post.image">
<div class="card-body">
<div class="card-text post-content" data-v-post-content="">
<p>
Begin each day by telling yourself:
</p>
<blockquote cite="https://en.wikipedia.org/wiki/Marcus_Aurelius">
<p>Today I shall be meeting with interference, ingratitude, insolence, disloyalty, ill-will, and selfishness all of them due to the offenders` ignorance of what is good or evil.</p>
<cite class="small">
<a href="https://en.wikipedia.org/wiki/Marcus_Aurelius" class="text-decoration-none" target="_blank">Marcus Aurelius</a>
</cite>
</blockquote>
<p>
But for my part I have long perceived the nature of good and its nobility, the nature of evil and its meanness, and also the nature of the culprit himself, who is my brother (not in the physical sense, but as a fellow creature similarly endowed with reason and a share of the divine);therefore none of those things can injure me, for nobody can implicate me in what is degrading.
</p>
<p>
<img class="img-fluid" src="https://placeholdit.com/1200x300">
</p>
<p>
Neither can I be angry with my brother or fall foul of him; for he and I were born to work together, like a man`s two hands, feet or eyelids, or the upper and lower rows of his teeth.
</p>
<p>
To obstruct each other is against Nature`s law - and what is irritation or aversion but a form of obstruction.
</p>
<div>
<img class="img-fluid align-center" src="https://placeholdit.com/1200x300">
</div>
<p>
Consectetur adipiscing elit. Praesent vel tortor facilisis, volutpat nulla placerat, tincidunt mi.
</p>
<p>
<img class="img-fluid align-right" src="https://placeholdit.com/150x150">
</p>
<p>
Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem.
</p>
<p>
Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus.
</p>
<p>
<img class="img-fluid align-left" src="https://placeholdit.com/150x150">
</p>
<p>
Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem.
</p>
<p>
Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus.
</p>
</div>
</div>
<div class="card-footer text-muted">
<div class="d-flex tags">
<div data-v-categories>
<div data-v-if="categories > 0" class="me-4">
<i class="la la-archive"></i>
<ul class="tags d-inline-block">
<li data-v-categories-cat>
<a data-v-categories-cat-url>
<span data-v-categories-cat-name>cat 1</span>
</a>
</li>
<li data-v-categories-cat>
<a data-v-cat-url><span data-v-cat-name>cat 2</span></a>
</li>
<li data-v-categories-cat>
<a data-v-cat-url><span data-v-cat-name>cat 3</span></a>
</li>
<li data-v-categories-cat>
<a data-v-cat-url><span data-v-cat-name>cat 4</span></a>
</li>
</ul>
</div>
</div>
<div data-v-tags>
<div data-v-if="tags > 0">
<i class="la la-tag"></i>
<ul class="tags d-inline-block">
<li data-v-tags-tag>
<a data-v-tags-tag-url>
<span data-v-tags-tag-name>tag 1</span>
</a>
</li>
<li data-v-tags-tag>
<a data-v-tag-url><span data-v-cat-name>tag 2</span></a>
</li>
<li data-v-tags-tag>
<a data-v-tag-url><span data-v-cat-name>tag 3</span></a>
</li>
<li data-v-tags-tag>
<a data-v-tag-url><span data-v-cat-name>tag 4</span></a>
</li>
</ul>
</div>
</div>
</div>
<!--
<a class="float-end" href="content/post.html" data-v-post-url><span>Read More </span></a>
-->
</div>
</article>
<div data-v-if="posts.count < 1" class="border-bottom text-center py-4">
<h5>No posts to display!</h5>
</div>

19
static/Vvvebjs/demo/landing/src/_includes/breadcrumb.html Normal file
View File

@@ -0,0 +1,19 @@
<nav aria-label="breadcrumb" class="text-muted text-small" data-v-component-breadcrumb>
<ol class="breadcrumb">
<li class="breadcrumb-item" data-v-breadcrumb-item>
<a data-v-breadcrumb-item-url data-v-if="breadcrumb.url">
<span data-v-breadcrumb-item-text>Home</span>
</a>
<span data-v-breadcrumb-item-text data-v-if-not="breadcrumb.url">Home</span>
</li>
<li class="breadcrumb-item" data-v-breadcrumb-item>
<a data-v-breadcrumb-item-url data-v-if="breadcrumb.url">
<span data-v-breadcrumb-item-text>Library</span>
</a>
<span data-v-breadcrumb-item-text data-v-if-not="breadcrumb.url">Library</span>
</li>
<li class="breadcrumb-item active" aria-current="page" data-v-breadcrumb-item>
<span>Data</span>
</li>
</ol>
</nav>

17
static/Vvvebjs/demo/landing/src/_includes/cart-dropdown.html Normal file
View File

@@ -0,0 +1,17 @@
<!-- Cart Area -->
<div class="dropdown nav-item mini-cart" data-v-component-cart>
<a class="dropdown-toggle cart-info nav-link " href role="button" id="cart-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="cart/cart/index">
<!-- <img src="demo/img/bag.svg" width="20" alt> -->
<i class="la la-lg la-shopping-bag"></i><span class="visually-hidden">Cart</span>
<strong class="badge bg-primary-subtle text-body" data-v-total_items data-v-if="cart.total_items > 0"></strong>
</a>
<div class="dropdown-menu dropdown-menu-end cart-box" aria-labelledby="cart-dropdown">
@@include('mini-cart.html')
</div>
</div>

3
static/Vvvebjs/demo/landing/src/_includes/cart-icon.html Normal file
View File

@@ -0,0 +1,3 @@
<svg width="@@if (typeof width !== "undefined"){@@width}" viewBox="0 0 24 24" fill="none">
<path d="M15.9996 8C15.9996 9.06087 15.5782 10.0783 14.828 10.8284C14.0779 11.5786 13.0605 12 11.9996 12C10.9387 12 9.92131 11.5786 9.17116 10.8284C8.42102 10.0783 7.99959 9.06087 7.99959 8M3.63281 7.40138L2.93281 15.8014C2.78243 17.6059 2.70724 18.5082 3.01227 19.2042C3.28027 19.8157 3.74462 20.3204 4.33177 20.6382C5.00006 21 5.90545 21 7.71623 21H16.283C18.0937 21 18.9991 21 19.6674 20.6382C20.2546 20.3204 20.7189 19.8157 20.9869 19.2042C21.2919 18.5082 21.2167 17.6059 21.0664 15.8014L20.3664 7.40138C20.237 5.84875 20.1723 5.07243 19.8285 4.48486C19.5257 3.96744 19.0748 3.5526 18.5341 3.29385C17.92 3 17.141 3 15.583 3L8.41623 3C6.85821 3 6.07921 3 5.4651 3.29384C4.92433 3.5526 4.47349 3.96744 4.17071 4.48486C3.82689 5.07243 3.76219 5.84875 3.63281 7.40138Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 958 B

14
static/Vvvebjs/demo/landing/src/_includes/cart-offcanvas.html Normal file
View File

@@ -0,0 +1,14 @@
<!-- Cart Area -->
<div class="dropdown nav-item mini-cart" data-v-component-cart="offcanvas">
<a class="dropdown-toggle cart-info nav-link" role="button" id="cart-dropdown" data-bs-toggle="offcanvas" href="#cart-offcanvas" role="button" aria-controls="cart-offcanvas">
<!-- <img src="demo/img/bag.svg" width="20" alt> -->
<!--
<i class="la la-lg la-shopping-bag"></i><span class="visually-hidden">Cart</span>
-->
@@include('cart-icon.html', {"width": "20px"})
<strong class="badge bg-primary" data-v-total_items data-v-if="cart.total_items > 0"></strong>
</a>
</div>

65
static/Vvvebjs/demo/landing/src/_includes/docs-post-single.html Normal file
View File

@@ -0,0 +1,65 @@
<!-- Blog Post -->
<div class="mb-4 @@class" data-v-post>
<div>
<h1 data-v-post-name>Post Title</h1>
<div class="post-meta-wrapper post-meta-single post-meta-single-top">
<!-- ul class="post-meta">
<li class="post-author meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post author</span>
<i class="la la-user"></i>
</span>
<span class="meta-text">
By <a>admin</a>
</span>
</li>
<li class="post-date meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post date</span>
<i class="la la-calendar"></i>
</span>
<span class="meta-text">
<a href="http://givan.ro/2020/12/31/hello-world/">December 31, 2020</a>
</span>
</li>
<li class="post-comment-link meta-wrapper">
<span class="meta-icon">
<i class="la la-comment"></i>
</span>
<span class="meta-text">
<a href="http://givan.ro/2020/12/31/hello-world/#comments">1 Comment<span class="screen-reader-text"> on Hello world!</span></a> </span>
</li>
</ul --><!-- .post-meta -->
</div>
</div>
<div>
<div class="post-content" data-v-post-content>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis aliquid atque, nulla? Quos cum ex quis soluta, a laboriosam. Dicta expedita corporis animi vero voluptate voluptatibus possimus, veniam magni quis!
</div>
</div>
<div>
<!--
<ul class="tags float-start">
<li>#winter</li>
<li>#tag</li>
</ul>
-->
</div>
</div>

28
static/Vvvebjs/demo/landing/src/_includes/fields.html Normal file
View File

@@ -0,0 +1,28 @@
<div data-v-component-fields data-v-type="@@type" data-v-subtype="@@subtype">
<div class="list-unstyled" data-v-fields>
<div data-v-field>
@@include('fields/google_map.html')
<div data-v-type-default>
<span class="fw-bold" data-v-field-name></span>
<span data-v-if-not="is_array" data-v-field-value></span>
<div data-v-subfields>
<li data-v-subfields-field>
<span class="fw-bold" data-v-subfields-field-name></span>
<span data-v-subfields-field-value></span>
</li>
</div><!-- /subfields -->
</div><!-- /default -->
</div><!-- /field -->
</div><!-- /fields -->
</div><!-- /component -->

9
static/Vvvebjs/demo/landing/src/_includes/fields/accordion.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-accordion>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/button_group.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-button_group>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

15
static/Vvvebjs/demo/landing/src/_includes/fields/checkbox.html Normal file
View File

@@ -0,0 +1,15 @@
<div data-v-field-checkbox>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<div class="form-check form-switch">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" value="" name="value" switch>
</label>
</div>
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/clone.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-clone>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/color.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-color>
<label class="col-form-label">
<div>Color</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name="value"" placeholder="Name" name="value"="">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/date.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-date>
<label class="col-form-label">
<div>Date</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="date" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/date_time.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-date_time>
<label class="col-form-label">
<div>Date time</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="datetime-local" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/email.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-email>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="email" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

226
static/Vvvebjs/demo/landing/src/_includes/fields/fields.html Normal file
View File

@@ -0,0 +1,226 @@
@@include('../_includes/html-head.html', {"title": "Vvveb - Fields","scripts":"","base_href":"../"})
<body class="field">
<div id="container">
@@include('../_includes/sidebar.html')
<div class="main">
@@include('../_includes/top-header.html')
<div id="content">
<div class="actions">
<div class="title">
<h4 class="text-muted my-2">
<i class="icon-document-text-outline"></i>
<span>Fields</span>
</h4>
</div>
<div class="btns">
<button type="button" data-bs-toggle="collapse" href="#filters" aria-expanded="false"
aria-controls="filters" title="Filter"
class="btn btn-icon btn-outline-secondary">
<i class="icon-funnel-outline"></i>&nbsp;
<i class="icon-chevron-down-outline small"></i>
</button>
<a href data-v-url-params='{"module":"localization/field"}'
class="btn btn-primary btn-icon ms-1">
<i class="icon-add-outline"></i> <span>Add field</span>
</a>
</div>
</div>
<div id="filters" class="collapse mx-3">
<form method="get">
<input type="hidden" class="form-control" name="module" value="">
<input type="hidden" class="form-control" name="action" value="">
<input type="hidden" class="form-control" name="type" value="">
<div class="card card-block p-3">
<div class="row">
<div class="col-sm-3">
<div class="row">
<label class="col-sm-2 col-form-label" for="search">Search</label>
<div class="col-sm-10">
<input type="search" class="form-control" name="filter[search]" value="" placeholder="Search" id="search">
</div>
</div>
</div>
<div class="col-sm-4 mb-3">
<div class="row">
<label class="col-sm-2 col-form-label" for="input-model">Country</label>
<div class="col-sm-10">
<input name="filter[country_id]" value="" placeholder="Country" id="input-country" autocomplete="off" type="text" class="form-control autocomplete"
data-url="/admin?module=localization/countries&action=countryAutocomplete" data-text=""/>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="row">
<label class="col-sm-2 col-form-label" for="input-model">Status</label>
<div class="col-sm-10">
<select name="filter[status]" id="filter-by-status" class="form-control" >
<option value="">- All -</option>
<option value="1" data-v-option>Active</option>
<option value="0" data-v-option>Inactive</option>
</select>
</div>
</div>
</div>
<div class="col-sm-2">
<button type="submit" id="button-filter" class="btn btn-primary btn-icon">
<i class="icon-funnel-outline"></i> Filter
</button>
</div>
</div>
</div>
</form>
</div>
<div id="main-content">
@@include('../_includes/notifications.html')
<div class="field card-block">
<form action="" method="post">
<div class="bulk-actions px-2 mb-2" style="display:none">
<button type="submit" name="action" value="delete" aria-expanded="false"
title="Delete selected"
class="btn btn-icon btn-outline-secondary bg-body-tertiary text-danger">
<i class="icon-trash-outline"></i> Delete selected
</button>
</div>
<div class="table-responsive">
<table class="table table-hover middle-align" data-v-field>
<thead>
<tr>
<th class="col-cb">
<div class="checkbox_outer">
<label class="form-check">
<input type="checkbox" class="form-check-input" value="4"
name="field[]"
data-v-vvveb-action="table.bulkSelect">
<span class="form-check-label"></span>
<span class="custom-control-description">&nbsp;</span>
</label>
</div>
</th>
<th class="field">
<i class="icon-cube-outline"></i><span>Name</span>
</th>
<th style="width:200px;text-align:center;">
<i class="la la-image"></i><span>Country</span>
</th>
<th style="width:200px;text-align:center;">
<i class="la la-image"></i><span>Status</span>
</th>
<th class="actions text-center" style="width:150px">
<i class="la la-edit"></i><span>Actions</span>
</th>
</tr>
</thead>
<tbody>
<tr class="field" data-v-field>
<td class="checkbox">
<label class="form-check">
<input type="checkbox" class="form-check-input" value="4" name="field_id[]" data-v-vvveb-action="table.selectRow" data-v-field-field_id>
<span class="form-check-label"></span>
<span class="custom-control-description">&nbsp;</span>
</label>
</td>
<td class="field position-relative">
<a href="/admin?module=field&amp;action=field&amp;id=4" data-v-field-url><span data-v-field-name>Field</span></a>
</td>
<td style="width:200px;text-align:center;">
<span data-v-field-country></span>
</td>
<td style="width:200px;text-align:center;">
<span class="price badge small bg-success" data-v-if="field.status = 1"><span>Active</span></span>
<span class="price badge small bg-body-tertiary text-muted" data-v-if="field.status = 0"><span>Disabled</span></span>
</td>
<td class="actions" style="width:200px;">
<div class="btn-group">
<a class="btn btn-icon btn-outline-secondary" data-v-field-edit-url><i class="la la-pencil-alt text-primary"></i><span>Edit</span></a>
<button type="button" class="btn btn-icon btn-outline-secondary dropdown-toggle dropdown-toggle-split"
data-bs-toggle="dropdown"
aria-expanded="false"
data-bs-reference="parent">
<span class="visually-hidden">Toggle primary</span>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item text-danger" data-v-field-delete-url onclick="return confirm('Are you sure?')"><i class="icon-trash-outline"></i><span>Delete</span></a></li>
</ul>
</div>
</td>
</tr>
<tr data-v-if-not="this.count > 0" class="no-items">
<td colspan="100">
<div class="text-center mb-4">
<div>
<i class="la la-file-alt display-4 lh-1 text-secondary text-opacity-75"></i>
<div class="mt-3">No field to display!</div>
</div>
<a href data-v-url-params='{"module":"fields/field"}'
class="btn btn-outline-secondary btn-icon mt-4">
<i class="icon-add-outline"></i> <span>Add field</span>
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="bottom clearfix">
<div class="float-start"></div>
<div class="float-end">
@@include('../_includes/pagination.html')
</div>
</div>
</form>
</div>
</div>
</div>
@@include('../_includes/main-footer.html')
</div>
</div>
@@include('../_includes/footer-scripts.html')
<script src="libs/autocomplete/autocomplete.js"></script>
<script>
document.querySelectorAll('input.autocomplete').forEach(el => new _AutocompleteInput(el, el.dataset));
document.querySelectorAll('input.autocomplete-list').forEach(el => new _AutocompleteList(el, el.dataset));
</script>
@@include('../_includes/footer.html')

9
static/Vvvebjs/demo/landing/src/_includes/fields/file.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-file>
<label class="col-form-label">
<div>File</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="file" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/flexible.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-flexible>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

38
static/Vvvebjs/demo/landing/src/_includes/fields/gallery.html Normal file
View File

@@ -0,0 +1,38 @@
<div data-v-field-gallery>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="hidden" data-v-image name="image[image]" id="featured-image-input" value="" name="value">
<img data-v-image src="img/placeholder.svg" alt=""
id="featured-image-thumb"
data-v-placeholder=""
data-media-gallery
data-target-input="#featured-image-input"
data-target-thumb="#featured-image-thumb" data-type="single"
class="img-thumbnail bg-body-tertiary"
style="max-width:200px;"
>
<div class="py-3">
<div class="btn-group">
<button type="button" class="btn btn-outline-secondary btn-icon btn-sm"
data-media-gallery data-target-input="#featured-image-input"
data-target-thumb="#featured-image-thumb" data-type="single">
<i class="la la-image la-lg"></i> <span>Set image</span>
</button>
<button type="button" class="btn btn-outline-secondary btn-icon btn-sm" onclick="clearMedia()">
<i class="la la-times"></i>
</button>
</div>
</div>
</div>
</div>

6
static/Vvvebjs/demo/landing/src/_includes/fields/google_map.html Normal file
View File

@@ -0,0 +1,6 @@
<div data-v-type-google_map>
<iframe data-v-if="field.value" frameborder="0" src="https://maps.google.com/maps?q={$field.value.address}&amp;z={$field.value.zoom}&center={$field.value.lat},{$field.value.long}&amp;t=q&amp;key=&amp;output=embed" width="100%" height="100%" style="width:100%;height:100%;left:0px"></iframe>
<iframe data-v-if="field.lat && field.long && !field.value" frameborder="0" src="https://maps.google.com/maps?center={$field.value.lat},{$field.value.long}&amp;z={$field.value.zoom}&amp;t=q&amp;key=&amp;output=embed" width="100%" height="100%" style="width:100%;height:100%;left:0px"></iframe>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/group.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-group>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

3
static/Vvvebjs/demo/landing/src/_includes/fields/hidden.html Normal file
View File

@@ -0,0 +1,3 @@
<div data-v-field-hidden>
<input type="hidden" id="input-name" placeholder="Name" name="value">
</div>

38
static/Vvvebjs/demo/landing/src/_includes/fields/image.html Normal file
View File

@@ -0,0 +1,38 @@
<div data-v-field-image>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="hidden" data-v-image name="image[image]" id="featured-image-input" value="" name="value">
<img data-v-image src="img/placeholder.svg" alt=""
id="featured-image-thumb"
data-v-placeholder=""
data-media-gallery
data-target-input="#featured-image-input"
data-target-thumb="#featured-image-thumb" data-type="single"
class="img-thumbnail bg-body-tertiary"
style="max-width:200px;"
>
<div class="py-3">
<div class="btn-group">
<button type="button" class="btn btn-outline-secondary btn-icon btn-sm"
data-media-gallery data-target-input="#featured-image-input"
data-target-thumb="#featured-image-thumb" data-type="single">
<i class="la la-image la-lg"></i> <span>Set image</span>
</button>
<button type="button" class="btn btn-outline-secondary btn-icon btn-sm" onclick="clearMedia()">
<i class="la la-times"></i>
</button>
</div>
</div>
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/link.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-link>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/message.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-message>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/month.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-url>
<label class="col-form-label">
<div>Month</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="month" class="form-control" id="input-name="value"" placeholder="Name" name="value"="">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/null.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-null>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/number.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-number>
<label class="col-form-label">
<div>Number</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="number" class="form-control" id="field-name" placeholder="$placeholder" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/oembed.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-oembed>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

15
static/Vvvebjs/demo/landing/src/_includes/fields/optgroup.html Normal file
View File

@@ -0,0 +1,15 @@
<div data-v-field-optgroup>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<select readonly class="form-control" id="field-name" placeholder="Name" name="value">
<optgroup>
<option></option>
<option></option>
<option></option>
</optgroup>
</select>
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/page_link.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-page_link>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/password.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-password>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="password" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/post_object.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-post_object>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/radio.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-radio>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="radio" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/range.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-range>
<label class="col-form-label">
<div>Range</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="range" class="form-range" id="input-name" placeholder="Name" min="0" max="" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/relationship.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-relationship>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/repeater.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-repeater>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

13
static/Vvvebjs/demo/landing/src/_includes/fields/select.html Normal file
View File

@@ -0,0 +1,13 @@
<div data-v-field-select>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<select readonly class="form-control" id="field-name" placeholder="Name" name="value">
<option></option>
<option></option>
<option></option>
</select>
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/tab.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-tab>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/taxonomy.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-taxonomy>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/tel.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-tel>
<label class="col-form-label">
<div>Telephone</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="tel" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/text.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-text>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-text" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/textarea.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-textarea>
<label class="col-form-label">
<div>Textarea</div>
<span class="form-text"></span>
</label>
<div class="col">
<textarea class="form-control" id="field-name" placeholder="Name" name="value"></textarea>
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/time.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-time>
<label class="col-form-label">
<div>Time</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="time" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/true_false.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-true_false>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/url.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-url>
<label class="col-form-label">
<div>Url</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="url" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/user.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-user>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="text" class="form-control" id="input-name" placeholder="Name" name="value">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/week.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-url>
<label class="col-form-label">
<div>Week</div>
<span class="form-text"></span>
</label>
<div class="col">
<input type="week" class="form-control" id="input-name="value"" placeholder="Name" name="value"="">
</div>
</div>

9
static/Vvvebjs/demo/landing/src/_includes/fields/wysiwyg.html Normal file
View File

@@ -0,0 +1,9 @@
<div data-v-field-wysiwyg>
<label class="col-form-label">
<div>Text</div>
<span class="form-text"></span>
</label>
<div class="col">
<textarea type="text" class="form-control wysiwyg" id="input-name" placeholder="Name" name="value">
</div>
</div>

100
static/Vvvebjs/demo/landing/src/_includes/footer-scripts.html Normal file
View File

@@ -0,0 +1,100 @@
<div class="bg-image"></div>
<div class="alert alert-light alert-dismissible fade alert-top" role="alert" style="display:none">
<div class="container">
<div class="message">
Product was added to cart.
</div>
<button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
</div>
</div>
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content shadow">
<div class="modal-body p-0">
<form action="/search" method="get">
<input type="hidden" name="route" value="search"/>
<div class="d-flex">
<div class="input-group">
<input type="search" name="search" class="form-control border-0 p-3 px-4" id="headerSearch" placeholder="Start typing to search" data-v-vvveb-action="search" data-selector=".search-results" data-v-vvveb-on="keyup"/>
<button class="btn btn-outline-primary border-0" type="submit" title="Search">
<div class="la-flip-horizontal">
<i class="la la-search la-lg" aria-hidden="true"></i>
</div>
</button>
</div>
</div>
<div class="loading d-none d-flex justify-content-center m-5">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</form>
<div class="search-results">
</div>
</div>
</div>
<button type="button" class="btn-close btn-close-white small" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="cart-offcanvas" aria-labelledby="cart-offcanvas">
<div class="offcanvas-header pb-0">
<h5 class="offcanvas-title"></h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body d-flex flex-column pt-2" data-v-component-cart="offcanvas">
@@include('mini-cart.html')
</div>
</div>
<div id="page-loading-status" class="progress progress-bar"></div>
<!-- Vvveb Common Js -->
<script id="popper-js" src="js/popper.min.js"></script>
<!-- <script src="js/bootstrap.min.js"></script> -->
<!-- <script src="js/bootstrap.bundle.min.js"></script> -->
<script id="bootstrap-js" src="js/bootstrap.min.js"></script>
<!-- Vvveb Ajax Common Js -->
<script id="app-js" src="/js/app.js"></script>
<!-- Animation -->
<link rel="stylesheet" href="js/aos.css"/>
<noscript>
<style type="text/css">
[data-aos] {
opacity: 1 !important;
transform: translate(0) scale(1) !important;
}
</style>
</noscript>
<script src="js/aos.js"></script>
<script>
AOS.init();
</script>
<script id="cart-js" src="/js/app/cart.js"></script>
<link id="glightbox-css" rel="stylesheet" href="/js/libs/glightbox/glightbox.css"/>
<script id="glightbox-js" src="/js/libs/glightbox/glightbox.min.js"></script>
<script id="theme-js" src="/js/app/theme.js"></script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/public\/*","\/themes\/*","\/plugins\/*","\/cart\/*","\/checkout\/*","\/user\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

1
static/Vvvebjs/demo/landing/src/_includes/footer.html Normal file
View File

@@ -0,0 +1 @@
@@include('../sections/footer/footer-3.html')

1
static/Vvvebjs/demo/landing/src/_includes/header.html Normal file
View File

@@ -0,0 +1 @@
@@include('../sections/navigation/navigation-1.html')

51
static/Vvvebjs/demo/landing/src/_includes/home-slider.html Normal file
View File

@@ -0,0 +1,51 @@
<section id="slider" class="carousel slide slider">
<ol class="carousel-indicators">
<li data-bs-target="#slider" data-slide-to="0" class="active"></li>
<li data-bs-target="#slider" data-slide-to="1"></li>
<li data-bs-target="#slider" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div>
<div class="carousel-caption d-none d-md-block text-start container">
<div class="caption-text float-start col-md-4">
<h1 class="font-weight-bold">Product 5 Pro 2.</h1>
<p class="font-weight-normal pb-4">Mobile ready, outstanding performance<br/> with gorgeous display</p>
<p><a class="btn btn-outline-primary font-weight-bold px-5 py-2" role="button">Buy now <i class="la la-arrow-end"></i></a></p>
</div>
<img src="demo/img/ipad.png" loading="lazy" class="float-end col-md-8">
</div>
</div>
</div>
<div class="carousel-item">
<img class="second-slide bg-body-tertiary" loading="lazy" alt="Second slide">
<div>
<div class="carousel-caption d-none d-md-block container">
<h1>Another example headline.</h1>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p><a class="btn btn-lg btn-primary" role="button">Learn more</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="third-slide bg-body-tertiary" loading="lazy" alt="Third slide">
<div>
<div class="carousel-caption d-none d-md-block text-end container">
<h1>One more for good measure.</h1>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p><a class="btn btn-lg btn-primary" role="button">Browse gallery</a></p>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#slider" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#slider" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</section>

49
static/Vvvebjs/demo/landing/src/_includes/html-head.html Normal file
View File

@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head data-v-save-global="index.html,head">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8">
<base href="@@path">
<title>@@title</title>
<meta name="description" content="" />
<meta name="keywords" content="">
<meta name="author" content="">
<link rel="canonical" href="">
<link id="landing-css" href="css/style.bundle.css" rel="stylesheet" media="screen">
<link id="fonts-css" href="css/fonts.css" rel="stylesheet" media="screen">
<link id="vvvebjs-css" href="css/custom.css" rel="stylesheet" media="screen">
@@if (typeof css !== "undefined") {
@@for (var i = 0; i < css.length; i++) {
<link id="style-css" href="`+css[i]+`" rel="stylesheet">
}
}
@@if (typeof link !== "undefined"){ @@link }
@@if (typeof style !== "undefined"){
<style>
@@style
</style>
}
@@if (typeof google_fonts !== "undefined" && google_fonts){
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=@@google_fonts&display=swap" rel="stylesheet">
}
<link rel="sitemap" type="application/xml" title="Sitemap" href="/feed/index">
<link rel="alternate" type="application/rss+xml" title="Feed" href="/feed/posts" />
<link rel="alternate" type="application/rss+xml" title="Feed" href="/feed/pages" />
<link rel="alternate" type="application/rss+xml" title="Products" href="/feed/products" />
<link rel="alternate" type="application/rss+xml" title="Comments Feed" href="/feed/comments" />
<link rel="icon" type="image/x-icon" href="media/favicon.ico" data-v-global-site.favicon>
<link rel="manifest" href="/manifest.webmanifest">
<link rel="alternate" hreflang="" href=""/>
</head>

88
static/Vvvebjs/demo/landing/src/_includes/login-form.html Normal file
View File

@@ -0,0 +1,88 @@
<form action method="post" enctype="multipart/form-data" data-v-url="user/login/index" data-v-vvveb-action="login" data-v-vvveb-on="submit" class="login-form">
<input type="hidden" name="csrf" data-v-csrf>
<div class="login-form" data-v-if-not="component.user_id">
<div class="mb-3">
<input type="email" name="email" value placeholder=" " id="user-email" class="form-control label-over" data-v-user-email required>
<label class="form-label" for="user-email">E-Mail Address</label>
</div>
<div class="mb-3">
<div class="input-group">
<input type="password" minlength="4" autocorrect="off" autocomplete="current-password" class="form-control label-over" placeholder=" " id="user-password" name="password" value="" aria-label="Password" required>
<label class="form-label" for="user-password">Password</label>
<button class="btn btn-sm px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'user-password')"><i class="la la-eye-slash"></i></button>
</div>
</div>
<button type="submit" value="Login" class="btn btn-primary py-2 btn-login@@if (typeof btnClass !== "undefined"){ @@btnClass}">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Authenticating</span>...
</span>
<span class="button-text">
Login <i class="la la-arrow-right ms-2"></i>
</span>
</button>
<div class="my-2"></div>
<a href="/user/reset" data-v-url="user/reset/index" class="my-2">Forgot your password?</a>
<div class="my-2"></div>
<!--
<a>
<span class="btn btn-secondary btn-sm">
<i class="lab la-google la-lg"></i>
</span>
</a>
<a>
<span class="btn btn-secondary btn-sm">
<i class="lab la-facebook la-lg"></i>
</span>
</a> -->
<hr class="text-secondary">
<span>Don’t have an account?</span><br>
<a href="/user/signup" data-v-url="user/signup/index">Register Account</a> <span class="text-body-tertiary">|</span> <a href="/user/login" data-v-url="user/login/index">Login</a>
</div>
<div class="user-form" data-v-if="component.user_id">
<div class="text-center" data-v-if="user.first_name">Welcome <b data-v-user-first_name data-filter-capitalize>John</b> <b data-v-user-last_name data-filter-capitalize>Doe</b></div>
<div class="text-center" data-v-if-not="user.first_name">Welcome <b data-v-user-username>johndoe</b></div>
<div class="dropdown-divider opacity-50 my-3"></div>
<ul class="m-3 list-unstyled">
<li><a href="user" data-v-url="user/index"><i class="la la-user la-lg text-muted m-1"></i><span>My account</span></a></li>
<li><a href="user/comments" data-v-url="user/comments/index"><i class="la la-comment la-lg text-muted m-1"></i><span>Comments</span></a></li>
<li><a href="user/orders" data-v-url="user/orders/index"><i class="la la-shopping-bag la-lg text-muted m-1"></i><span>Orders</span></a></li>
<li><a href="user/downloads" data-v-url="user/downloads/index"><i class="la la-hand-holding-heart la-lg text-muted m-1"></i><span>Downloads</span></a></li>
<li><a href="user/wishlist" data-v-url="user/wishlist/index"><i class="la la-download la-lg text-muted m-1"></i><span>Wishlist</span></a></li>
<li><a href="user/profile" data-v-url="user/profile/index"><i class="la la-cogs la-lg text-muted m-1"></i><span>Profile</span></a></li>
</ul>
<input type="hidden" name="logout">
<button type="submit" value="logout" class="btn btn-sm btn-primary@@if (typeof btnClass !== "undefined"){ @@btnClass}">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Loading ...</span>...
</span>
<span class="button-text">
<i class="la la-sign-out-alt la-lg m-1"></i><span>Log out</span></a>
</span>
</button>
</div>
</form>

101
static/Vvvebjs/demo/landing/src/_includes/menu.html Normal file
View File

@@ -0,0 +1,101 @@
<div data-v-component-menu="header" data-v-slug="main-menu">
<ul class="navbar-nav" data-v-menu-items>
<li class="nav-item dropdown position-static" data-v-menu-item data-v-class-if-has-dropdown="category.children > 0" data-v-class-if-position-static="category.has-text">
<a class="nav-link dropdown-toggle" data-v-class-if-dropdown-toggle="category.children > 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'"></span>
<span data-v-menu-item-content>
<img src="/media/vvveb.svg" height="24" alt="" class="me-2">Mega menu
</span>
</a>
<div class="dropdown-menu" data-v-menu-item-recursive>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" data-v-class-if-active="category.active && category.type != 'text'" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'"></span>
<span data-v-if="category.content" data-v-menu-item-content>
<div class="row">
<div class="col-6 align-self-center"><img src="demo/img/video-1.webp" alt="Post" width="250" loading="lazy" class="rounded img-fluid"></div>
<div class="col-6">
<h4>Features</h4>
<p class="text-muted">Just a few mentions, but there is more</p>
<ul class="list-unstyled">
<li class="text-primary">Page builder</li>
<li class="text-primary">Mega menu</li>
<li class="text-primary">Multi language</li>
<li class="text-primary">Advanced SEO</li>
<li class="text-primary">Ecommerce</li>
</ul>
</div>
</div>
</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-class-if-active="category.active" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'">Developer Documentation</span>
<span data-v-menu-item-content></span>
</a>
</div>
</div>
</li>
<li class="nav-item dropdown" data-v-menu-item>
<a class="nav-link dropdown-toggle" href="https://blog.vvveb.com" data-v-menu-item-url><span data-v-menu-item-name>Blog</span></a>
<div class="dropdown-menu" data-v-menu-item-recursive>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'">User Documentation</span>
<span data-v-menu-item-content></span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'">Developer Documentation</span>
<span data-v-menu-item-content></span>
</a>
</div>
</div>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link" href="https://www.vvveb.com/page/contact" data-v-menu-item-url><span data-v-menu-item-name>Contact</span></a>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link" href="https://www.vvveb.com" data-v-menu-item-url><span data-v-menu-item-name>About us</span></a>
</li>
@@if (typeof nouser == "undefined" || !nouser) {
<li class="nav-toggle">
@@include('user-dropdown.html')
</li>
}
@@if (typeof nocart == "undefined" || !nocart) {
<li class="nav-toggle">
@@include('cart-dropdown.html')
</li>
}
</ul>
@@if (typeof nosearch == "undefined" || !nosearch) {
<button class="btn btn-outline-secondary btn-sm border-0" type="submit" title="Search" data-bs-toggle="modal" data-bs-target="#searchModal">
<div class="la-flip-horizontal">
<i class="la la-search la-lg" aria-hidden="true"></i>
</div>
</button>
}
<!--
<div class="search-area toggle-hover">
<form action="/search" method="get" data-v-action="/search">
<input type="hidden" name="route" value="search">
<div class="input-group">
<input type="search" name="search" class="form-control" id="headerSearch" placeholder="Type for search" data-v-vvveb-action="search" data-v-vvveb-on="keyup">
<button class="btn border-0" type="submit" title="Search">
<div class="la-flip-horizontal">
<i class="la la-search la-lg" aria-hidden="true"></i>
</div>
</button>
</div>
</form>
</div>
-->
</div>

97
static/Vvvebjs/demo/landing/src/_includes/meta/default.html Normal file
View File

@@ -0,0 +1,97 @@
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
<meta name="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
<meta name="author" content="Vvveb">
<link rel="canonical" href="https://www.vvveb.com/">
<!-- Facebook Meta Tags -->
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
<meta property="og:description" content="Vvveb cms - Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
<meta property="og:url" content="https://vvveb.com/" />
<meta property="og:site_name" content="Vvveb CMS" />
<meta property="og:image" content="" />
<meta property="article:modified_time" content="2023-02-05T14:45:53+00:00" />
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="demo.vvveb.com">
<meta property="twitter:url" content="//demo.vvveb.com/hello-world-1">
<meta name="twitter:title" content="Begin each day by telling yourself">
<meta name="twitter:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
<meta name="twitter:image" content="">
<meta name="twitter:site" content="//demo.vvveb.com/hello-world-1" />
<meta name="twitter:label1" content="Est. reading time" />
<meta name="twitter:data1" content="3 minutes" />
<meta itemprop="name" content="Vvveb">
<meta itemprop="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
<meta itemprop="url" content="https://www.vvveb.com/">
<meta itemprop="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
<meta itemprop="image" content="/img/favicon/228x228.png">
<meta itemprop="sourceOrganization" content="Vvveb">
<meta itemprop="inLanguage" content="en-US">
<script type="application/ld+json" id="ldJsonScript">
{
"@context": "http://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://www.vvveb.com/#organization",
"url": "https://www.vvveb.com",
"logo": "https://www.vvveb.com/img/favicon/256x256.png",
"sameAs": [
"https://twitter.com/vvveb",
"https://www.facebook.com/vvveb.com",
"https://youtube.com/vvveb",
"https://www.linkedin.com/company/vvveb-com",
"https://plus.google.com/+VvvebCom"
]
},
{
"@type": "WebSite",
"@id": "https://www.vvveb.com/#website",
"url": "https://www.vvveb.com",
"name": "Vvveb"
},
{
"@type": "WebPage",
"@id": "https://www.vvveb.com/#webpage",
"url": "https://www.vvveb.com/",
"name": "Vvveb"
}
]
}
</script>
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@vvveb">
<meta name="twitter:label1" content="Platform">
<meta name="twitter:data1" content="Vvveb">
<meta name="twitter:label2" content="Software">
<meta name="twitter:data2" content="CMS">
<meta property="og:title" content="Vvveb">
<meta property="og:site_name" content="Vvveb">
<meta property="og:url" content="https://www.vvveb.com/">
<meta property="og:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores">
<meta property="fb:app_id" content="">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="https://www.vvveb.com/img/favicon/228x228.png">
<!-- HTML Meta Tags -->
<title>Begin each day by telling yourself</title>
<meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">

89
static/Vvvebjs/demo/landing/src/_includes/meta/post.html Normal file
View File

@@ -0,0 +1,89 @@
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
<meta name="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 4">
<meta name="author" content="Vvveb">
<link rel="canonical" href="https://www.vvveb.com/">
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
<meta property="og:description" content="Vvveb cms - Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
<meta property="og:url" content="https://vvveb.com/" />
<meta property="og:site_name" content="Vvveb CMS" />
<meta property="article:modified_time" content="2023-02-05T14:45:53+00:00" />
<meta property="og:image" content="" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@vvveb" />
<meta name="twitter:label1" content="Est. reading time" />
<meta name="twitter:data1" content="3 minutes" />
<meta itemprop="name" content="Vvveb">
<meta itemprop="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
<meta itemprop="url" content="https://www.vvveb.com/">
<meta itemprop="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
<meta itemprop="image" content="/img/favicon/228x228.png">
<meta itemprop="sourceOrganization" content="Vvveb">
<meta itemprop="inLanguage" content="en-US">
<script type="application/ld+json" id="ldJsonScript">
{
"@context": "http://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://www.vvveb.com/#organization",
"url": "https://www.vvveb.com",
"logo": "https://www.vvveb.com/img/favicon/256x256.png",
"sameAs": [
"https://twitter.com/vvveb",
"https://www.facebook.com/vvveb.com",
"https://youtube.com/vvveb",
"https://www.linkedin.com/company/vvveb-com",
"https://plus.google.com/+VvvebCom"
]
},
{
"@type": "WebSite",
"@id": "https://www.vvveb.com/#website",
"url": "https://www.vvveb.com",
"name": "Vvveb"
},
{
"@type": "WebPage",
"@id": "https://www.vvveb.com/#webpage",
"url": "https://www.vvveb.com/",
"name": "Vvveb"
}
]
}
</script>
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@vvveb">
<meta name="twitter:label1" content="Platform">
<meta name="twitter:data1" content="Vvveb">
<meta name="twitter:label2" content="Software">
<meta name="twitter:data2" content="CMS">
<meta name="author" content="Vvveb" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@vvvebcms" />
<meta name="twitter:site" content="@vvvebcms" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Vvveb" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="49 minutes" />
<meta property="og:title" content="Vvveb">
<meta property="og:site_name" content="Vvveb">
<meta property="og:url" content="https://www.vvveb.com/">
<meta property="og:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores">
<meta property="fb:app_id" content="">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="https://www.vvveb.com/img/favicon/228x228.png">

89
static/Vvvebjs/demo/landing/src/_includes/meta/product.html Normal file
View File

@@ -0,0 +1,89 @@
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<meta name="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
<meta name="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 4">
<meta name="author" content="Vvveb">
<link rel="canonical" href="https://www.vvveb.com/">
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
<meta property="og:description" content="Vvveb cms - Powerful and easy to use software to build professional websites, blogs or ecommerce stores" />
<meta property="og:url" content="https://vvveb.com/" />
<meta property="og:site_name" content="Vvveb CMS" />
<meta property="article:modified_time" content="2023-02-05T14:45:53+00:00" />
<meta property="og:image" content="" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@vvveb" />
<meta name="twitter:label1" content="Est. reading time" />
<meta name="twitter:data1" content="3 minutes" />
<meta itemprop="name" content="Vvveb">
<meta itemprop="description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores.">
<meta itemprop="url" content="https://www.vvveb.com/">
<meta itemprop="keywords" content="cms, page builder, drag and drop, ecommerce, ecommerce platform, designer, developer, php, bootstrap 5">
<meta itemprop="image" content="/img/favicon/228x228.png">
<meta itemprop="sourceOrganization" content="Vvveb">
<meta itemprop="inLanguage" content="en-US">
<script type="application/ld+json" id="ldJsonScript">
{
"@context": "http://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://www.vvveb.com/#organization",
"url": "https://www.vvveb.com",
"logo": "https://www.vvveb.com/img/favicon/256x256.png",
"sameAs": [
"https://twitter.com/vvveb",
"https://www.facebook.com/vvveb.com",
"https://youtube.com/vvveb",
"https://www.linkedin.com/company/vvveb-com",
"https://plus.google.com/+VvvebCom"
]
},
{
"@type": "WebSite",
"@id": "https://www.vvveb.com/#website",
"url": "https://www.vvveb.com",
"name": "Vvveb"
},
{
"@type": "WebPage",
"@id": "https://www.vvveb.com/#webpage",
"url": "https://www.vvveb.com/",
"name": "Vvveb"
}
]
}
</script>
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@vvveb">
<meta name="twitter:label1" content="Platform">
<meta name="twitter:data1" content="Vvveb">
<meta name="twitter:label2" content="Software">
<meta name="twitter:data2" content="CMS">
<meta name="author" content="Vvveb" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@vvvebcms" />
<meta name="twitter:site" content="@vvvebcms" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Vvveb" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="49 minutes" />
<meta property="og:title" content="Vvveb">
<meta property="og:site_name" content="Vvveb">
<meta property="og:url" content="https://www.vvveb.com/">
<meta property="og:description" content="Powerful and easy to use software to build professional websites, blogs or ecommerce stores">
<meta property="fb:app_id" content="">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="https://www.vvveb.com/img/favicon/228x228.png">

133
static/Vvvebjs/demo/landing/src/_includes/mini-cart.html Normal file
View File

@@ -0,0 +1,133 @@
<div class="table-responsive flex-grow-1">
<table class="table cart-table align-middle mb-0">
<tbody>
<tr data-v-cart-product>
<td class="text-center">
<a href="#40" data-v-cart-product-url>
<img src="demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
</a>
</td>
<td class="text-start small">
<a href="#40" class="d-block" data-v-cart-product-url>
<span data-v-cart-product-name>Product name</span>
</a>
<span data-v-cart-product-quantity>1</span>
<i class="la la-times text-muted"></i>
<span data-v-cart-product-price_tax_formatted>$123.20</span>
<div class="option" data-v-if="product.option">
<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 > 0">(<span data-v-product-option-price></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 > 0">(<span data-v-product-option-price></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 > 0">(<span data-v-product-option-price></span>)</span>
</div>
</div>
<div class="subscription" data-v-if="product.subscription">
<span>Subscription plan</span>:
<span data-v-cart-product-subscription_name>Subscription plan</span>
</div>
</td>
<td class="text-end">
<a class="btn btn-remove btn-sm border-0" data-v-vvveb-action="removeFromCart" data-v-cart-product-remove-url>
<i class="la la-times-circle la-lg"></i>
</a>
</td>
</tr>
<tr data-v-cart-product>
<td class="text-center">
<a href="#40" data-v-cart-product-url>
<img src="demo/img/product.webp" alt="Product name" class="img-rounded" loading="lazy" data-v-cart-product-image width=50>
</a>
</td>
<td class="text-start">
<a href="#40" class="d-block" data-v-cart-product-url data-v-cart-product-name>
Product name
</a>
<span data-v-cart-product-quantity>1</span>
<i class="la la-times text-muted"></i>
<span data-v-cart-product-price_tax_formatted>$123.20</span>
</td>
<td class="text-end">
<a class="btn btn-outline-secondary btn-sm border-0" data-v-vvveb-action="removeFromCart" data-v-cart-product-remove-url>
<i class="la la-times"></i>
</a>
</td>
</tr>
<tr data-v-if-not="cart.total_items">
<td colspan="100">
<div class="d-flex p-2">
<div class="text-center p-2 opacity-75">
<!-- <img src="demo/img/bag.svg" width="20" alt> -->
<i class="la la-2x la-shopping-bag"></i>
</div>
<div class="p-2">
<strong>Empty cart</strong><br>
<span class="text-muted">No products added yet!</span>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="p-3 pt-0 border-top" data-v-if="cart.total_items">
<div class="table-responsive mb-2" data-v-cart-totals>
<table class="table mb-0 cart-table cart-total" cellspacing="0">
<tfoot>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small data-v-cart-total-title>Sub-Total</small>:</td>
<td class="text-end">
<span data-v-cart-total-text data-v-if="total.text"> - </span>
<span data-v-cart-total-value_formatted data-v-if="total.value > 0">$101.00</span>
</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>Eco Tax (2.00):</small></td>
<td class="text-end">$2.00</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>VAT (19%):</small></td>
<td class="text-end">$20.20</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>Total:</small></td>
<td class="text-end">$123.20</td>
</tr>
<tr>
<td colspan="5" class="text-end">Total:</td>
<td class="text-end" data-v-grand-total_formatted>$0</td>
</tr>
</tfoot>
</table>
</div>
</div>
<div class="row mt-2 g-2 px-3 pb-2" data-v-if="cart.total_items">
<div class="col-6">
<a href="" class="btn btn-light btn-sm border w-100" data-v-url="cart/cart/index" data-url>
<i class="la la-shopping-cart la-lg"></i><span>View cart</span>
</a>
</div>
<div class="col-6">
<a href="" class="btn btn-primary btn-sm w-100" data-v-url="checkout/checkout/index">
<span>Checkout</span><i class="la la-arrow-right la-lg"></i>
</a>
</div>
</div>

188
static/Vvvebjs/demo/landing/src/_includes/navbar.html Normal file
View File

@@ -0,0 +1,188 @@
<ul class="navbar-nav ms-auto" data-v-menu-items>
<li class="nav-item dropdown position-static" data-v-menu-item data-v-class-if-has-dropdown="category.children > 0" data-v-class-if-position-static="category.has-text">
<a class="nav-link dropdown-toggle" data-v-class-if-dropdown-toggle="category.children > 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text' && category.name"></span>
<span data-v-menu-item-content data-v-if="category.content">
<img src="/media/vvveb.svg" height="24" alt="" class="me-2">Mega menu
</span>
</a>
<div class="dropdown-menu" data-v-menu-item-recursive>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" data-v-class-if-active="category.active && category.type != 'text'" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'"></span>
<span data-v-menu-item-content data-v-if="category.content">
<div class="row">
<div class="col-6 align-self-center"><img src="demo/img/video-1.webp" alt="Post" width="250" loading="lazy" class="rounded img-fluid"></div>
<div class="col-6">
<h4>Features</h4>
<p class="text-muted">Just a few mentions, but there is more</p>
<ul class="list-unstyled">
<li class="text-primary">Page builder</li>
<li class="text-primary">Mega menu</li>
<li class="text-primary">Multi language</li>
<li class="text-primary">Advanced SEO</li>
<li class="text-primary">Ecommerce</li>
</ul>
</div>
</div>
</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-class-if-active="category.active" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'">Developer Documentation</span>
<span data-v-menu-item-content></span>
</a>
</div>
</div>
</li>
<li class="nav-item dropdown" data-v-menu-item>
<a class="nav-link dropdown-toggle" href="https://blog.vvveb.com" data-v-menu-item-url><span data-v-menu-item-name>Blog</span></a>
<div class="dropdown-menu" data-v-menu-item-recursive>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'">User Documentation</span>
<span data-v-menu-item-content></span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children > 0">
<a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'">Developer Documentation</span>
<span data-v-menu-item-content></span>
</a>
</div>
</div>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link" href="https://www.vvveb.com/page/contact" data-v-menu-item-url><span data-v-menu-item-name>Contact</span></a>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link" href="https://www.vvveb.com" data-v-menu-item-url><span data-v-menu-item-name>About us</span></a>
</li>
@@if (typeof nouser == "undefined" || !nouser) {
<li class="nav-toggle">
@@include('user-dropdown.html')
</li>
}
@@if (typeof nocart == "undefined" || !nocart) {
<li class="nav-toggle">
@@include('cart-offcanvas.html')
</li>
}
<li class="nav-toggle">
<div class="dropdown nav-item" data-v-component-language>
<div data-v-component-currency>
<form method="post" enctype="multipart/form-data" id="form-language">
<a class="dropdown-toggle nav-link" data-bs-toggle="dropdown" role="button" title="Language" aria-expanded="false">
<!-- <img src="" data-v-language-info-img> -->
<span class="" data-v-language-info-slug>English</span>
</a>
<div class="dropdown-menu">
<div data-v-language>
<button class="dropdown-item" type="submit" value="eng" name="language" data-v-language-code>
<img src="" loading="lazy" class="me-1" data-v-language-img>
<span data-v-language-name>English</span>
</button>
</div>
<li><hr class="dropdown-divider"></li>
<div data-v-currency>
<button class="dropdown-item" type="submit" value="USD" name="currency" data-v-currency-code>
<span class="small text-muted" data-v-currency-sign_start>$</span>
<span class="small text-muted" data-v-currency-sign_end>$</span>
<span data-v-currency-name>US Dollar</span>
</button>
</div>
</div>
</form>
</div>
</div>
</li>
<li class="nav-item">
<a id="color-theme-switch" class="nav-link px-1" role="button" title="Switch sidebar color theme">
<i class="la la-sun"></i>
</a>
</li>
<!--
<li class="nav-toggle">
<div class="dropdown nav-item" data-v-component-language>
<form method="post" enctype="multipart/form-data" id="form-language">
<a class="dropdown-toggle nav-link" data-bs-toggle="dropdown" role="button" title="Language" aria-expanded="false">
<img src="" data-v-language-info-img>
<span class="" data-v-language-info-slug>English</span>
</a>
<div class="dropdown-menu">
<div data-v-language>
<button class="dropdown-item" type="submit" value="eng" name="language" data-v-language-code>
<img src="" loading="lazy" class="me-1" data-v-language-img>
<span data-v-language-name>English</span>
</button>
</div>
<div data-v-language>
<button class="dropdown-item" type="submit" value="ro" name="language" data-v-language-code>
<img src="" loading="lazy" class="me-1" data-v-language-img>
<span data-v-language-name>Romanian</span>
</button>
</div>
</div>
</form>
</div>
</li>
<li class="nav-toggle">
<div class="dropdown nav-item" data-v-component-currency>
<form method="post" enctype="multipart/form-data" id="form-currency">
<a class="dropdown-toggle nav-link" data-bs-toggle="dropdown" role="button" title="Currency" aria-expanded="false">
<span class="" data-v-currency-info-sign_start>$</span>
<span class="" data-v-currency-info-sign_end>$</span>
</a>
<div class="dropdown-menu">
<div data-v-currency>
<button class="dropdown-item" type="submit" value="EUR" name="currency" data-v-currency-code>
<span data-v-currency-sign_start>€</span>
<span data-v-currency-sign_end>€</span>
<span class="ms-1" data-v-currency-name>Euro</span>
</button>
</div>
<div data-v-currency>
<button class="dropdown-item" type="submit" value="GBP" name="currency" data-v-currency-code>
<span data-v-currency-sign_start>£</span>
<span data-v-currency-sign_end>£</span>
<span class="ms-1" data-v-currency-name>Pound Sterling</span>
</button>
</div>
<div data-v-currency>
<button class="dropdown-item" type="submit" value="USD" name="currency" data-v-currency-code>
<span data-v-currency-sign_start>$</span>
<span data-v-currency-sign_end>$</span>
<span class="ms-1" data-v-currency-name>US Dollar</span>
</button>
</div>
</div>
</form>
</div>
</li>
-->
</ul>

59
static/Vvvebjs/demo/landing/src/_includes/notifications.html Normal file
View File

@@ -0,0 +1,59 @@
<div class="notifications" data-v-notifications>
<div class="alert alert-danger d-flex alert-dismissable" role="alert" data-v-notification-error @@if (typeof type !== "undefined"){ data-v-type="@@type" }>
<div class="icon align-middle me-2">
<i class="align-middle la la-2x lh-1 la-exclamation-triangle"></i>
</div>
<div class="flex-grow-1 align-self-center text-small" >
<div>
<div data-v-notification-text>
This is a placeholder for a notification message.
</div>
</div>
</div>
<button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
<!-- <i class="la la-times"></i> -->
</span>
</button>
</div>
<div class="alert alert-success d-flex alert-dismissable d-flex" role="alert" data-v-notification-success @@if (typeof type !== "undefined"){ data-v-type="@@type" }>
<div class="icon align-middle me-2">
<i class="align-middle la la-2x lh-1 la-check-circle"></i>
</div>
<div class="flex-grow-1 align-self-center align-middle" data-v-notification-text>
This is a placeholder for a success message.
</div>
<button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
<!-- <i class="la la-times"></i> -->
</span>
</button>
</div>
<div class="alert alert-primary d-flex alert-dismissable d-flex" role="alert" data-v-notification-info @@if (typeof type !== "undefined"){ data-v-type="@@type" }>
<div class="icon align-middle me-2">
<i class="align-middle la la-2x lh-1 la-info-circle"></i>
</div>
<div class="flex-grow-1 align-self-center" data-v-notification-text>
This is a placeholder for a info message.
</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
<!-- <i class="la la-times"></i> -->
</span>
</button>
</div>
</div>

56
static/Vvvebjs/demo/landing/src/_includes/pagination.html Normal file
View File

@@ -0,0 +1,56 @@
<div data-pagination data-v-parent-component="@@component" data-v-parent-index="@@component-index" @@if (typeof query_string !== "undefined"){data-v-query-string="true"}
data-v-parameters='{@@if (typeof parameters === "object") {
@@for (let k in parameters) {"`+k+`":"`+parameters[k]+`"}
}}'
>
<nav data-v-if="pagecount > 1" >
<ul class="pagination pagination-sm justify-content-center">
<!--
<li class="page-item pager-first" data-first>
<a class="page-link" title="First page" data-page-url data-v-if="current_page > 1">
<span aria-hidden="true" class="la la-angle-double-left"></span>
<span class="sr-only">First</span>
</a>
</li>
-->
<li class="page-item pager-prev" data-prev>
<a class="page-link" aria-label="Previous" title="Previous page" data-page-url data-scroll="start" data-v-if="current_page > 1">
<!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="21"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M244 400L100 256l144-144M120 256h292"/></svg> -->
<span aria-hidden="true" class="la la-arrow-left la-lg"></span>
<!-- <span>Newer Posts</span> -->
</a>
</li>
<li class="page-item" data-page><a class="page-link" data-page-no data-page-url data-scroll="start">1</a></li>
<li class="page-item" data-page><a class="page-link" data-page-no data-page-url data-scroll="start">2</a></li>
<li class="page-item" data-page><a class="page-link" data-page-no data-page-url data-scroll="start">3</a></li>
<li class="page-item" data-page><a class="page-link" data-page-no data-page-url data-scroll="start">4</a></li>
<li class="page-item" data-page><a class="page-link" data-page-no data-page-url data-scroll="start">5</a></li>
<li class="page-item pager-next" data-next>
<a class="page-link" aria-label="Next" title="Next page" data-page-url data-scroll="start" data-v-if="current_page < pagecount">
<!-- <span>Older Posts</span> -->
<!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="21"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"/></svg> -->
<span aria-hidden="true" class="la la-arrow-right la-lg"></span>
</a>
</li>
<!--
<li class="page-item pager-last" data-last>
<a class="page-link" title="Last page" data-page-url data-v-if="current_page < pagecount">
<span aria-hidden="true" class="la la-angle-double-right"></span>
<span class="sr-only">Last</span>
</a>
</li>
-->
</ul>
</nav>
</div>

247
static/Vvvebjs/demo/landing/src/_includes/post-comments.html Normal file
View File

@@ -0,0 +1,247 @@
<div id="comments" class="post-comments mt-5" data-v-component-comments>
<h4 class="comments-title">Comments</h4>
<ol class="comment-list list-unstyled mb-3" data-v-if="count > 0">
<li class="comment mb-4" data-v-comment>
<div class="comment-wrap d-flex ">
<figure class="author-avatar me-2">
<img src="demo/img/sections/team/1.webp" alt="user" width="60" data-v-comment-avatar_url loading="lazy" data-v-if="comment.avatar_url">
<div class="empty" data-v-if-not="comment.avatar_url"></div>
</figure>
<div class="comment-author">
<div class="comment-author">
<a rel="external nofollow ugc" data-v-if="comment.url">
<span data-v-comment-author>Maria Williams</span>
</a>
<span data-v-comment-author data-v-if-not="comment.url">Maria Williams</span>
</div>
<div class="comment-meta text-small text-muted">
<span data-v-comment-created_at data-filter-friendly_date>Jan 29, 2018</span>
</div>
</div>
</div>
<div data-v-comment-content>
<p>Consectetur adipiscing elit. Praesent vel tortor facilisis, volutpat nulla placerat, tincidunt mi. Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem. Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus. </p>
</div>
<div class="alert alert-light my-2 small" data-v-if="comment.status = 0">
<div>Your comment is awaiting moderation.</div>
<div>This is a preview, your comment will be visible after it has been approved.</div>
</div>
<div class="reply">
<a href="#comment-form" class="reply-btn" data-comment_id="{$comment.comment_id}" data-comment_author="{$comment.author}" data-v-vvveb-action="replyTo">Reply <i class="la la-reply"></i></a>
</div>
</li>
<li class="comment mb-4 level-2" data-v-comment>
<div class="comment-wrap d-flex ">
<figure class="author-avatar me-2">
<img src="demo/img/sections/team/1.webp" alt="user" width="60" data-v-comment-avatar_url loading="lazy" data-v-if="comment.avatar_url">
<div class="empty" data-v-if-not="comment.avatar_url"></div>
</figure>
<div class="comment-author">
<div class="comment-author">
<span data-v-comment-author data-v-if-not="comment.url">John doe</span>
</div>
<div class="comment-meta text-small text-muted">
<span data-v-comment-created_at data-filter-friendly_date>Jan 29, 2018</span>
</div>
</div>
</div>
<div data-v-comment-content>
<p>This is a reply comment.</p>
</div>
<div class="alert alert-light my-2 small" data-v-if="comment.status = 0">
<div>Your comment is awaiting moderation.</div>
<div>This is a preview, your comment will be visible after it has been approved.</div>
</div>
<div class="reply">
<a href="#comment-form" class="reply-btn" data-comment_id="{$comment.comment_id}" data-comment_author="{$comment.author}" data-v-vvveb-action="replyTo">Reply <i class="la la-reply"></i></a>
</div>
</li>
<li class="comment mb-4" data-v-comment>
<div class="comment-wrap d-flex ">
<figure class="author-avatar me-2">
<img src="demo/img/sections/team/1.webp" alt="user" width="60" data-v-comment-avatar_url loading="lazy" data-v-if="comment.avatar_url">
<div class="empty" data-v-if-not="comment.avatar_url"></div>
</figure>
<div class="comment-author">
<div class="comment-author">
<a rel="external nofollow ugc" data-v-if="comment.url"><span data-v-comment-author>Maria Williams</span></a>
<span data-v-comment-author data-v-if-not="comment.url">Maria Williams</span>
</div>
<div class="comment-meta text-small text-muted">
<span data-v-comment-created_at data-filter-friendly_date>Jan 29, 2018</span>
</div>
</div>
</div>
<div data-v-comment-content>
<p>Consectetur adipiscing elit. Praesent vel tortor facilisis, volutpat nulla placerat, tincidunt mi. Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem. Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus. </p>
</div>
<div class="alert alert-light my-2 small" data-v-if="comment.status = 0">
<div>Your comment is awaiting moderation.</div>
<div>This is a preview, your comment will be visible after it has been approved.</div>
</div>
<div class="reply">
<a href="#comment-form" class="reply-btn" data-comment_id="{$comment.comment_id}" data-comment_author="{$comment.author}" data-v-vvveb-action="replyTo">Reply <i class="la la-reply"></i></a>
</div>
</li>
</ol>
<div class="comments-form" data-v-if="this.default_comment_status">
@@include('notifications.html')
<h5>Leave a reply</h5>
<div class="replyto" style="display:none"><h3>Reply to <b data-comment-author>author</b></h3>
<a href="#comment-form" class="reply-btn d-inline-block" data-comment_id="0" data-v-vvveb-action="replyTo">
Cancel reply
<i class="la la-window-close"></i></a>
</div>
<div class="loggedin mb-3" data-v-if="this.global.user_id">
<!--
<a href="#comment-form" class="reply-btn d-inline-block" data-comment_id="0" data-v-vvveb-action="replyTo">
Log out
<i class="la la-window-close"></i></a>
-->
<form action method="post" enctype="multipart/form-data" data-v-url="user/login/index" data-selector=".post-comments">
<span>Logged in as <b data-v-global-user.display_name>author</b></span>
<input type="hidden" name="logout">
<button type="submit" value="logout" class="btn link-primary">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Loading ...</span>...
</span>
<span class="button-text">
Logout <i class="la la-sign-out-alt"></i>
</span>
</button>
</form>
</div>
<div class="alert alert-warning d-flex alert-dismissable my-3" role="alert" data-v-if-not="this.anonymous_comments">
<div class="icon align-middle me-2">
<i class="align-middle la la-lg lh-1 la-user"></i>
</div>
<div class="flex-grow-1 align-self-center text-small" >
<div>
<div data-v-notification-text>
<span><a href="" data-v-url="user/login/index">Login</a> first to post comments</span>
</div>
</div>
</div>
</div>
<form id="comment-form" method="post" action="" data-v-vvveb-action="addComment" data-v-vvveb-on="submit" data-v-if="this.global.user_id || this.anonymous_comments">
<input type="hidden" name="post_id" data-v-post-post_id>
<input type="hidden" name="slug" data-v-post-slug>
<input type="hidden" name="parent_id" value="0">
<input type="hidden" name="csrf" data-v-csrf>
<!-- antibot do not fill -->
<input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">
<div data-v-if-not="this.global.user_id">
<div class="mb-3">
<label for="author" class="form-label">Name</label>
<input type="text" placeholder="Name" name="author" class="form-control" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">Email address</label>
<input type="email" placeholder="Email" name="email" class="form-control" required>
</div>
</div>
<div class="mb-3">
<textarea name="content" rows="5" cols="4" placeholder="Comment" class="form-control" required></textarea>
</div>
<!-- if these hidden inputs are filled then ignore robots -->
<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">
<button type="submit" value="comment" class="btn btn-primary btn-submit">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
<span>Posting</span>...
</span>
<span class="button-text">
<span>Post comment</span><i class="la la-long-arrow-alt-right ms-1"></i>
</span>
</button>
</form>
</div>
<div class="alert alert-light d-flex alert-dismissable my-3" role="alert" data-v-if-not="this.default_comment_status">
<div class="icon align-middle me-2">
<i class="align-middle la la-lg lh-1 la-comments"></i>
</div>
<div class="flex-grow-1 align-self-center text-small" >
<div>
<div data-v-notification-text>
<span>Comments are closed</span>
</div>
</div>
</div>
</div>
</div>

35
static/Vvvebjs/demo/landing/src/_includes/post-password.html Normal file
View File

@@ -0,0 +1,35 @@
<div class="post-content" data-v-if="post.password">
<span class="card">
<div class="card-body">
<form action method="post" enctype="multipart/form-data" data-v-vvveb-on="submit" class="login-form">
<input type="hidden" name="csrf" data-v-csrf>
@@include('../_includes/notifications.html', {type:"password"})
<div class="mb-3">
<label class="form-label" for="input-password">Password</label>
<div class="input-group">
<input type="password" minlength="4" autocorrect="off" autocomplete="current-password" class="form-control" placeholder="Password" id="post-password" name="password" value="" aria-label="Password" required>
<button class="btn btn-sm px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'post-password')"><i class="la la-eye-slash"></i></button>
</div>
</div>
<button type="submit" value="Login" class="btn btn-primary py-2 btn-login@@if (typeof btnClass !== "undefined"){ @@btnClass}">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Authenticating</span>...
</span>
<span class="button-text">
View post <i class="la la-arrow-right ms-2"></i>
</span>
</button>
</form>
</div>
</span>
</div>

76
static/Vvvebjs/demo/landing/src/_includes/product-list-item.html Normal file
View File

@@ -0,0 +1,76 @@
<article class="single-product-wrapper">
<!-- Product Image -->
<a href="product/product.html" data-v-product-url> </a>
<div class="product-image">
<a href="product/product.html" data-v-product-url>
<img src="demo/img/product.webp" loading="lazy" data-v-product-alt alt="" data-v-size="thumb" loading="lazy" data-v-if="prod.image" data-v-product-image/>
<img src="/media/placeholder.svg" class="bg-body-tertiary" loading="lazy" alt="" data-v-if-not="prod.image"/>
<!-- Hover Thumb -->
<img class="hover-img" src="demo/img/product-2.webp" loading="lazy" data-v-product-alt alt="" loading="lazy" data-v-size="thumb" data-v-product-image-1/>
</a>
<!-- Favourite -->
<div class="product-favourite">
<a href="product/product.html" class="la la-heart" data-v-vvveb-action="addToWishlist" data-v-product-add_wishlist_url><span></span></a>
</div>
<!-- Compare -->
<div class="product-compare">
<a href="product/product.html" class="la la-random" data-v-vvveb-action="addToCompare" data-v-product-add_compare_url><span></span></a>
</div>
<div class="badges">
<span class="badge text-bg-secondary" data-v-if="prod.old_price > 0">Sale</span>
</div>
</div>
<!-- Product Description -->
<div class="product-content">
<a href="product/product.html" class="text-body" data-v-product-url>
<span data-v-product-name>Product 8</span>
</a>
<p data-v-if="prod.min_price > 0">
<span class="text-muted small">From</span>
<span class="product-price" data-v-product-min_price_tax_formatted>100.0000</span>
</p>
<div data-v-if-not="prod.min_price">
<p class="product-price old-price" data-v-if="prod.old_price > 0" data-v-product-old_price_tax_formatted>100.0000</p>
<p class="product-price" data-v-if="prod.price > 0" data-v-product-price_tax_formatted>100.0000</p>
</div>
<!-- Hover Content -->
<div class="hover-content" data-v-if="prod.price > 0 && !prod.has_variants">
<!-- Add to Cart -->
<div class="add-to-cart-btn">
<input type="hidden" name="product_id" value="" data-v-product-product_id />
<a href="#" class="btn btn-secondary btn-sm w-100 disabled" data-v-if="prod.stock_quantity < 1">
<span class="button-text">
Out of stock
</span>
</a>
<a href="" class="btn btn-primary btn-sm w-100" data-v-if="prod.stock_quantity > 0" data-v-product-add_cart_url data-v-vvveb-action="addToCart" data-product_id="1">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
<span>Add to cart</span>
</span>
<span class="button-text">
<i class="la la-lg la-shopping-bag"></i>
<span>Add to cart</span>
</span>
</a>
</div>
</div>
</div>
</article>

46
static/Vvvebjs/demo/landing/src/_includes/profile.html Normal file
View File

@@ -0,0 +1,46 @@
<div data-v-component-admin data-v-admin_id="url" class="profile">
<div data-v-if="admin">
<div class="profile-header" data-v-if="admin">
<div class="cover">
<img src="" data-v-admin-cover_url>
</div>
<div class="avatar">
<img data-v-admin-avatar_url class="rounded-circle avatar" alt="Profile Picture">
</div>
</div>
<div class="px-3 m-3 me-5 d-flex justify-content-between">
<div>
<h1 class="h3 m-0" data-v-admin-display_name>User</h1>
</div>
<div class="social-links d-inline-block">
<!--
<ul class="list-unstyled list-inline m-0">
<li><a href="https://facebook.com"><i class="la la-facebook"></i><span>Facebook</span></a></li>
<li><a href="https://linkedin.com"><i class="la la-facebook"></i><span>Linkedin</span></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
-->
</div>
</div>
<div class="px-3 m-3 me-5 d-flex">
<div>
<div class="text-muted" >@<span data-v-admin-username>username</span></div>
<div>
<a class="d-block" data-v-admin-website href="https://facebook.com"><span data-v-admin-website>Facebook</span></a>
<a class="d-block text-body small" href="mailto:{$admin.public_email}"><span data-v-admin-public_email>admin@vvveb.com</span></a>
<a class="d-block text-body small" href="tel:{$admin.phone_number}"><span data-v-admin-phone_number>123456</span></a>
</div>
</div>
<div class="ms-5">
<div data-v-admin-bio>My bio</div>
</div>
</div>
</div>
</div>

30
static/Vvvebjs/demo/landing/src/_includes/related-posts.html Normal file
View File

@@ -0,0 +1,30 @@
<!-- Related Blog Post -->
<div class="related-blog-post" data-v-component-posts="related">
<div class="single-related-blog-post" data-v-post>
<img src="demo/img/bg-img/rp1.webp" alt="" loading="lazy" data-v-img>
<a data-v-url>
<h5 data-v-name>Cras lobortis nisl nec libero pulvinar lacinia. Nunc sed ullamcorper massa</h5>
</a>
</div>
<div class="single-related-blog-post" data-v-post>
<img src="demo/img/bg-img/rp2.webp" alt="" loading="lazy" data-v-img>
<a data-v-url>
<h5 data-v-name>Fusce tincidunt nulla magna, ac euismod quam viverra id. Fusce eget metus feugiat</h5>
</a>
</div>
<div class="single-related-blog-post" data-v-post>
<img src="demo/img/bg-img/rp3.webp" alt="" loading="lazy" data-v-img>
<a data-v-url>
<h5 data-v-name>Etiam leo nibh, consectetur nec orci et, tempus tempus ex</h5>
</a>
</div>
<div class="single-related-blog-post" data-v-post>
<img src="demo/img/bg-img/rp4.webp" alt="" loading="lazy" data-v-img>
<a data-v-url>
<h5 data-v-name>Sed viverra pellentesque dictum. Aenean ligula justo, viverra in lacus porttitor</h5>
</a>
</div>
</div>

86
static/Vvvebjs/demo/landing/src/_includes/sidebar-blog.html Normal file
View File

@@ -0,0 +1,86 @@
<!-- navigation -->
<aside class="col-lg-3 col-xxl-2 sidebar">
<div class="sticky" style="top:100px;">
<nav class="navbar navbar-vertical navbar-expand-lg navbar-light">
<div>
<a href="index.html" class="navbar-brand d-block"><!-- <img src="demo/img/logo.png" alt="Site logo" loading="lazy" alt="Logo">--></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="menutree" data-v-component-categories="left-column-categories" data-v-limit="1000">
<!-- Catagories -->
<ul class="menu-content collapse show" >
<!-- Single Item -->
<li>
<ul class="sub-menu " data-v-cats>
<li data-v-cat class="expand">
<input type="checkbox" id="m3" data-v-if="category.children > 0"/>
<label for="m3" data-v-if="category.children > 0">
<a data-v-cat-url data-url data-url data-selector=".content-body" data-v-cat-name>Bodysuits</a>
</label>
<a data-v-if="category.children = 0" data-v-cat-url data-url data-url data-selector=".content-body" data-v-cat-name>Bodysuits</a>
</li>
<li data-v-cat><a data-v-cat-url data-url data-url data-selector=".content-body" data-v-cat-name>Dresses</a></li>
<li data-v-cat><a data-v-cat-url data-url data-url data-selector=".content-body" data-v-cat-name>Hoodies &amp; Sweats</a></li>
<li data-v-cat><a data-v-cat-url data-url data-url data-selector=".content-body" data-v-cat-name>Jackets &amp; Coats</a></li>
<li data-v-cat><a data-v-cat-url data-url data-url data-selector=".content-body" data-v-cat-name>Jeans</a></li>
<li data-v-cat><a data-v-cat-url data-url data-url data-selector=".content-body" data-v-cat-name>Pants &amp; Leggings</a></li>
<li data-v-cat><a data-v-cat-url data-url data-url data-selector=".content-body" data-v-cat-name>Rompers &amp; Jumpsuits</a></li>
<li data-v-cat><a data-v-cat-url data-url data-url data-selector=".content-body" data-v-cat-name>Shirts &amp; Blouses</a></li>
<li data-v-cat><a data-v-cat-url data-url data-url data-selector=".content-body" data-v-cat-name>Shirts</a></li>
<li data-v-cat><a data-v-cat-url data-url data-url data-selector=".content-body" data-v-cat-name>Sweaters &amp; Knits</a></li>
</ul>
</li>
<!-- Single Item -->
<li data-bs-toggle="collapse" data-bs-target="#shoes" class="collapsed" data-v-cats>
<a>shoes</a>
<ul class="sub-menu collapse" id="shoes">
<li><a>All</a></li>
<li><a>Bodysuits</a></li>
<li><a>Dresses</a></li>
<li><a>Hoodies &amp; Sweats</a></li>
<li><a>Jackets &amp; Coats</a></li>
<li><a>Jeans</a></li>
<li><a>Pants &amp; Leggings</a></li>
<li><a>Rompers &amp; Jumpsuits</a></li>
<li><a>Shirts &amp; Blouses</a></li>
<li><a>Shirts</a></li>
<li><a>Sweaters &amp; Knits</a></li>
</ul>
</li>
<!-- Single Item -->
<li data-bs-toggle="collapse" data-bs-target="#accessories" class="collapsed" data-v-cats>
<a>accessories</a>
<ul class="sub-menu collapse" id="accessories">
<li><a>All</a></li>
<li><a>Bodysuits</a></li>
<li><a>Dresses</a></li>
<li><a>Hoodies &amp; Sweats</a></li>
<li><a>Jackets &amp; Coats</a></li>
<li><a>Jeans</a></li>
<li><a>Pants &amp; Leggings</a></li>
<li><a>Rompers &amp; Jumpsuits</a></li>
<li><a>Shirts &amp; Blouses</a></li>
<li><a>Shirts</a></li>
<li><a>Sweaters &amp; Knits</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
</aside>
<!-- / navigation -->

168
static/Vvvebjs/demo/landing/src/_includes/sidebar.html Normal file
View File

@@ -0,0 +1,168 @@
<!-- Sidebar Widgets Column -->
<aside class="@@cols sidebar" role="sidebar" data-v-save-global="content/index.html,aside.sidebar">
<div class="sidebar-sticky">
<!-- Search Widget -->
<div class="card">
<!-- h6 class="card-header">Search</h6 -->
<div class="card-body">
<form method="get" action="/search">
<!-- <input type="hidden" name="type" value="posts"> -->
<div class="input-group">
<input type="text" name="search" class="form-control" placeholder="Search for...">
<button class="btn btn-secondary btn-sm" type="submit">
<!--
<div class="la-flip-horizontal">
<i class="la la-search la-flip-horizontal"></i>
</div>
-->
<svg xmlns="http://www.w3.org/2000/svg" width="20" viewBox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 1 0 157.09 157.09A157.1 157.1 0 0 0 221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29 448 448"/></svg>
</button>
</div>
</form>
</div>
</div>
<!-- About Widget -->
<div class="card" data-v-component-site>
<h6 class="card-header">About</h6>
<div class="card-body" data-v-site-description-description>
Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.
</div>
</div>
<!-- Recent posts Widget -->
<div class="card archives-widget" data-v-component-posts="recent-posts-sidebar" data-v-page="1" data-v-limit="4">
<div>
<h6 class="card-header">Recent posts</h6>
<div class="card-body">
<div data-v-post>
<i class="la la-comment"></i>
<a href="content/post.html" data-v-post-url><span data-v-post-name>January 2021</span></a>
</div>
<div data-v-post>
<i class="la la-comment"></i>
<a href="content/post.html" data-v-post-url><span data-v-post-name>January 2021</span></a>
</div>
</div>
</div>
</div>
<!-- Recent comments Widget -->
<div class="card archives-widget" data-v-component-comments="recent-comments-sidebar" data-v-page="1" data-v-limit="4" data-v-post_title="true" data-v-order="desc">
<div>
<h6 class="card-header">Recent comments</h6>
<div class="card-body">
<div data-v-comment>
<span data-v-comment-author>John Doe</span><span>on</span>
<a href="content/post.html#comments" data-v-comment-url><span data-v-comment-name>Post name</span></a>
</div>
<div data-v-comment>
<span data-v-comment-author>John Doe</span> on
<a href="content/post.html#comments" data-v-comment-url><span data-v-comment-name>Post name</span></a>
</div>
</div>
</div>
</div>
<!-- Categories Widget -->
<div class="card categories-widget" data-v-component-content-categories="sidebar" data-v-type="categories" data-v-post_type="post">
<div>
<h6 class="card-header">Categories</h6>
<div class="card-body">
<ul data-v-cats>
<li data-v-cat>
<a href="content/category.html" data-v-cat-url data-v-cat-name>Web Design</a>
</li>
<li data-v-cat>
<a href="content/category.html" data-v-cat-url data-v-cat-name>HTML</a>
</li>
<li data-v-cat>
<a href="content/category.html" data-v-cat-url data-v-cat-name>Freebies</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Archives Widget -->
<div class="card archives-widget" data-v-component-content-archives="sidebar">
<div>
<h6 class="card-header">Archives</h6>
<div class="card-body">
<ul data-v-archives>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url><span data-v-archive-name>January 2021</span></a>
</li>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url><span data-v-archive-name>December 2020</span></a>
</li>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url><span data-v-archive-name>November 2018</span></a>
</li>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url><span data-v-archive-name>October 2018</span></a>
</li>
</ul>
</div>
</div>
</div>
<!-- Popular tags Widget -->
<div class="card tags-widget" data-v-component-content-categories="sidebar" data-v-type="tags" data-v-post_type="post">
<div>
<h6 class="card-header">Popular tags</h6>
<div class="card-body">
<ul data-v-cats class="tags">
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>January 2021</a>
</li>
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>December 2020</a>
</li>
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>November 2018</a>
</li>
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>October 2018</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Archives Widget Select -->
<div class="card archives-widget" data-v-component-content-archives="sidebar">
<div>
<h6 class="card-header">Archives</h6>
<div class="card-body">
<select class="form-control" onchange="window.location.href = this.value" data-v-archives>
<option class="text-muted">
<span>Select month</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>January 2021</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>December 2020</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>November 2018</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>October 2018</span>
</option>
</select>
</div>
</div>
</div>
</div>
</aside>

19
static/Vvvebjs/demo/landing/src/_includes/toc-sidebar.html Normal file
View File

@@ -0,0 +1,19 @@
<aside class="col-md-3 col-xxl-3 d-none d-md-block" data-v-post-toc>
<div class="sticky p-3" style="top:100px;" id="toc-sidebar">
<div class="nav flex-column toc" data-v-toc-list>
<ol>
<li class="nav-item" data-v-toc-item>
<a class="nav-link" href="#heading-1" data-v-toc-item-url data-v-toc-item-name>heading 1</a>
</li>
<li class="nav-item" data-v-toc-item>
<a class="nav-link" href="#heading-2" data-v-toc-item-url data-v-toc-item-name>heading 2</a>
</li>
<li class="nav-item" data-v-toc-item>
<a class="nav-link" href="#heading-3" data-v-toc-item-url data-v-toc-item-name>heading 3</a>
</li>
</ol>
</div>
</div>
</aside>

27
static/Vvvebjs/demo/landing/src/_includes/top-menu.html Normal file
View File

@@ -0,0 +1,27 @@
<div class="collapse navbar-collapse" id="navbar" data-v-component-menu="header" data-v-slug="main-menu">
@@include('navbar.html', {"nouser":@@nocart, "nocart":@@nocart})
@@if (typeof nosearch == "undefined") {
<button class="btn btn-outline-secondary btn-sm border-0 shadow-none" type="submit" title="Search" data-bs-toggle="modal" data-bs-target="#searchModal">
<div class="la-flip-horizontal">
<i class="la la-search la-lg" aria-hidden="true"></i>
</div>
</button>
}
<!--
<div class="search-area toggle-hover">
<form action="/search" method="get" data-v-action="/search">
<input type="hidden" name="route" value="search">
<div class="input-group">
<input type="search" name="search" class="form-control" id="headerSearch" placeholder="Type for search" data-v-vvveb-action="search" data-v-vvveb-on="keyup">
<button class="btn border-0" type="submit" title="Search">
<div class="la-flip-horizontal">
<i class="la la-search la-lg" aria-hidden="true"></i>
</div>
</button>
</div>
</form>
</div>
-->
</div>

46
static/Vvvebjs/demo/landing/src/_includes/top-nav.html Normal file
View File

@@ -0,0 +1,46 @@
<div id="top-nav" class="bg-body-tertiary smaller-font-size text-muted">
<nav class="navbar-expand-md container px-3">
<button class="navbar-toggler navbar-toggler-end navbar-light" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse clearfix" id="navbarsExampleDefault">
<ul class="navbar-nav me-auto">
<li class="nav-item active">
<a class="nav-link text-muted"><i class="la la-heart"></i> <span class="hidden-xs hidden-sm hidden-md">Wish List (0)</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-muted"><i class="la la-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">Shopping Cart</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-muted"><i class="la la-share"></i> <span class="hidden-xs hidden-sm hidden-md">Checkout</span></a>
</li>
</ul>
<ul class="navbar-nav float-end" data-v-component-currency>
<li class="nav-item dropdown float-end">
<a class="nav-link dropdown-toggle text-muted" href="http://example.com" data-bs-toggle="dropdown" aria-expanded="false"><i class="la la-dollar"></i><span>USD</span></a>
<div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="dropdown-item">Action</a>
<a class="dropdown-item">Another action</a>
<a class="dropdown-item">Something else here</a>
</div>
</li>
<li class="nav-item dropdown float-end" data-v-component-language>
<a class="nav-link dropdown-toggle text-muted" href="http://example.com" data-bs-toggle="dropdown" aria-expanded="false"><i class="la la-flag"></i><span>EN</span></a>
<div class="dropdown-menu" aria-labelledby="dropdown01">
<a class="dropdown-item">Action</a>
<a class="dropdown-item">Another action</a>
<a class="dropdown-item">Something else here</a>
</div>
</li>
</ul>
</div>
</nav>
</div>

20
static/Vvvebjs/demo/landing/src/_includes/user-dropdown.html Normal file
View File

@@ -0,0 +1,20 @@
<!-- User Login Info -->
<div class="dropdown nav-item">
<a class="dropdown-toggle nav-link " href role="button" id="user-dropdown" data-bs-toggle="dropdown" aria-expanded="false" data-v-url="user/index">
<!-- <img src="demo/img/user.svg" loading="lazy" width="20" alt> -->
<!-- <i class="la la-lg la-user"></i> -->
@@include('user-icon.html', {"width": "20px"})
<span class="visually-hidden">User</span>
</a>
<div class="dropdown-menu dropdown-menu-end login-box user-box" aria-labelledby="user-dropdown">
<div data-v-component-user>
@@include('../_includes/notifications.html', {type:"login"})
@@include('login-form.html', {"btnClass": "w-100"})
</div>
</div>
</div>

3
static/Vvvebjs/demo/landing/src/_includes/user-icon.html Normal file
View File

@@ -0,0 +1,3 @@
<svg width="@@if (typeof width !== "undefined"){@@width}" viewBox="0 0 24 24" fill="none">
<path d="M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 569 B

53
static/Vvvebjs/demo/landing/src/_includes/user-sidebar.html Normal file
View File

@@ -0,0 +1,53 @@
<ul class="nav flex-column nav-pills me-4 user-nav">
<li class="nav-item">
<a class="nav-link" href="user" data-url data-selector="#user-container" data-v-url="user/index" ><i class="la la-tachometer-alt la-lg me-1"></i><span>Dashboard</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="user/orders" data-url data-selector="#user-container" data-v-url="user/orders/index"><i class="la la-shopping-bag la-lg me-1"></i><span>Your Orders</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="user/profile" data-url data-selector="#user-container" data-v-url="user/profile/index"><i class="la la-cogs la-lg me-1"></i><span>Settings</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="user/address" data-url data-selector="#user-container" data-v-url="user/address/index"><i class="la la-map-pin la-lg me-1"></i><span>Address</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="user/downloads" data-url data-selector="#user-container" data-v-url="user/downloads/index"><i class="la la-download la-lg me-1"></i><span>Downloads</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="user/comments" data-url data-selector="#user-container" data-v-url="user/comments/index"><i class="la la-comment la-lg me-1"></i><span>Comments</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="user/wishlist" data-url data-selector="#user-container" data-v-url="user/wishlist/index"><i class="la la-hand-holding-heart la-lg me-1"></i><span>Wishlist</span></a>
</li>
<!--
<li class="nav-item">
<a class="nav-link" href="user/notifications" data-v-url="user/notifications/index"><i class="la la-bell la-lg me-1"></i><span>Notification</span></a>
</li>
-->
<li class="nav-item hr">
<hr>
</li>
<li class="nav-item">
<form action method="post" enctype="multipart/form-data" data-v-url="user/login/index" data-selector="body">
<input type="hidden" name="logout">
<button type="submit" value="logout" class="btn nav-link">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Loading ...</span>...
</span>
<span class="button-text">
<i class="la la-sign-out-alt la-lg me-1"></i><span>Log out</span></a>
</span>
</button>
</form>
</li>
</ul>

21
static/Vvvebjs/demo/landing/src/about.html Normal file
View File

@@ -0,0 +1,21 @@
@@include('./_includes/html-head.html', {
"title": "Vvveb Themes - Page",
"path": "",
"path":"./",
'google_fonts':'',
'style':"",
})
<body class="page">
@@include('./_includes/header.html')
@@include('./_includes/_blank-breadcrumb.html')
@@include('./_includes/footer.html')
@@include('./_includes/footer-scripts.html')
</body>
</html>

20
static/Vvvebjs/demo/landing/src/blank-breadcrumb.html Normal file
View File

@@ -0,0 +1,20 @@
@@include('./_includes/html-head.html', {
"title": "Vvveb Themes - Page",
"path":"",
'google_fonts':'',
'style':"",
})
<body class="page">
@@include('./_includes/header.html')
@@include('./_includes/_blank-breadcrumb.html')
@@include('./_includes/footer.html')
@@include('./_includes/footer-scripts.html')
</body>
</html>

20
static/Vvvebjs/demo/landing/src/blank.html Normal file
View File

@@ -0,0 +1,20 @@
@@include('./_includes/html-head.html', {
"title": "Vvveb Themes - Page",
"path":"",
'google_fonts':'',
'style':"",
})
<body class="page">
@@include('./_includes/header.html')
@@include('./_includes/_blank.html')
@@include('./_includes/footer.html')
@@include('./_includes/footer-scripts.html')
</body>
</html>

51
static/Vvvebjs/demo/landing/src/blocks/contact-form/contact-form-1.html Normal file
View File

@@ -0,0 +1,51 @@
<div data-v-component-plugin-contact-form-form data-v-storage="database" data-v-name="contact-form-1">
@@include('../../_includes/notifications.html')
<form action="" method="post">
<input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">
<input type="hidden" class="form-control" placeholder="Email" name="csrf" data-v-csrf>
<div class="row">
<div class="col">
<input type="text" class="form-control" placeholder="First name" name="first_name" required>
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Last name" name="last_name" required>
</div>
</div>
<div class="row mt-4">
<div class="col">
<input type="email" class="form-control" placeholder="Email" name="email" required>
</div>
</div>
<div class="row mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Subject" name="subject" required>
</div>
</div>
<div class="row mt-4">
<div class="col">
<textarea class="form-control" name="message" rows="3" placeholder="How can we help?" required></textarea>
</div>
</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="row mt-4">
<div class="col">
<button type="submit" class="btn btn-primary">Submit <i class="la la-long-arrow-alt-right ms-1"></i></button>
</div>
</div>
</form>
</div>

52
static/Vvvebjs/demo/landing/src/blocks/contact-form/contact-form-appointment.html Normal file
View File

@@ -0,0 +1,52 @@
<div data-v-component-plugin-contact-form-form data-v-storage="database" data-v-confirm-email="true" data-v-name="contact-form-appointment">
@@include('../../_includes/notifications.html')
<form action="" method="post">
<input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">
<input type="hidden" class="form-control" placeholder="Email" name="csrf" data-v-csrf>
<div class="row">
<div class="col">
<input type="text" class="form-control" placeholder="First name" name="first_name" required>
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Last name" name="last_name" required>
</div>
</div>
<div class="row mt-4">
<div class="col">
<input type="email" class="form-control" placeholder="Email" name="email" required>
</div>
</div>
<div class="row mt-4">
<div class="col">
<input type="datetime-local" class="form-control" placeholder="Date" name="datetime" required>
</div>
</div>
<div class="row mt-4">
<div class="col">
<textarea class="form-control" name="message" rows="3" placeholder="Message"></textarea>
</div>
</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="row mt-4">
<div class="col">
<button type="submit" class="btn btn-primary">Make appointment <i class="la la-long-arrow-alt-right ms-1"></i></button>
</div>
</div>
</form>
</div>

58
static/Vvvebjs/demo/landing/src/blocks/contact-form/contact-form-reservation.html Normal file
View File

@@ -0,0 +1,58 @@
<div data-v-component-plugin-contact-form-form data-v-storage="database" data-v-confirm-email="true" data-v-name="contact-form-appointment">
@@include('../../_includes/notifications.html')
<form action="" method="post">
<input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">
<input type="hidden" class="form-control" placeholder="Email" name="csrf" data-v-csrf>
<div class="row">
<div class="col">
<input type="text" class="form-control" placeholder="First name" name="first_name" required>
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Last name" name="last_name" required>
</div>
</div>
<div class="row mt-4">
<div class="col">
<input type="email" class="form-control" placeholder="Email" name="email" required>
</div>
</div>
<div class="row mt-4">
<div class="col">
<input name="start-date" class="form-control" placeholder="Start Date" type="datetime-local" required>
</div>
</div>
<div class="row mt-4">
<div class="col">
<input name="end-date" class="form-control" placeholder="End Date" type="datetime-local" required>
</div>
</div>
<div class="row mt-4">
<div class="col">
<textarea class="form-control" name="message" rows="3" placeholder="Message"></textarea>
</div>
</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="row mt-4">
<div class="col">
<button type="submit" class="btn btn-primary">Make reservation <i class="la la-long-arrow-alt-right ms-1"></i></button>
</div>
</div>
</form>
</div>

7
static/Vvvebjs/demo/landing/src/blocks/post/post-1.html Normal file
View File

@@ -0,0 +1,7 @@
<div data-v-component-post>
<div class="mb-2">
@@include('../../_includes/blog-list-item.html', {"class":""})
</div>
</div>

15
static/Vvvebjs/demo/landing/src/blocks/post/posts-1.html Normal file
View File

@@ -0,0 +1,15 @@
<div class="container" data-v-component-posts="posts-1" data-v-limit="3" data-v-image_size="medium">
<div class="row">
@@for (var i = 0; i < 3; i++) {
<div class="col-12 col-lg-4 mb-2" data-v-post>
@@include('../../_includes/blog-list-item.html', {"class":"h-100 shadow-sm"})
</div>
}
</div>
</div>

7
static/Vvvebjs/demo/landing/src/blocks/product/product-1.html Normal file
View File

@@ -0,0 +1,7 @@
<div data-v-component-product>
<div class="mb-3">
@@include('../../_includes/product-list-item.html')
</div>
</div>

19
static/Vvvebjs/demo/landing/src/blocks/product/products-1.html Normal file
View File

@@ -0,0 +1,19 @@
<div class="container"
data-v-component-products="popular"
data-v-limit="8"
data-v-image_size="medium"
>
<div class="row">
@@for (var i = 0; i < 8; i++) {
<div class="col-md-3" data-v-product>
@@include('../../_includes/product-list-item.html')
</div>
}
</div>
</div>

38
static/Vvvebjs/demo/landing/src/blocks/subscribe/notify-1.html Normal file
View File

@@ -0,0 +1,38 @@
<div data-v-component-plugin-newsletter-form="@@if (typeof name !== "undefined"){@@name}" data-v-storage="database" data-v-confirm-email="true" data-v-name="@@if (typeof name !== "undefined"){@@name}@@if (typeof name === "undefined"){notify}" data-v-list="@@if (typeof list !== "undefined"){@@list}@@if (typeof list === "undefined"){notify}" @@if (typeof success !== "undefined"){data-v-success="@@success"}>
@@include('../../_includes/notifications.html', {type:"@@name"})
<form action="" method="post" data-v-vvveb-action="submit" data-selector="[data-v-component-plugin-newsletter-form='@@if (typeof name !== "undefined"){@@name}']" data-v-vvveb-on="submit">
<input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">
<input type="hidden" class="form-control" placeholder="Email" name="csrf" data-v-csrf>
@@if (typeof name !== "undefined"){<input type="hidden" class="form-control" name="form-name" value="@@name">}
<div class="search position-relative d-flex">
<input class="form-control" name="email" placeholder="Your email address" required>
<button type="submit" class="btn btn-primary btn-shadow position-absolute end-0">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Submitting</span> ...
</span>
<span class="button-text">
<span>Notify me</span><!-- <i class="la la-lg la-envelope opacity-50 ms-2"></i> -->
</span>
</button>
</div>
<!-- if these hidden inputs are filled then ignore, robots -->
<input type="text" class="form-control d-none" placeholder="Contact form" name="newsletter" >
<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">
</form>
</div>

39
static/Vvvebjs/demo/landing/src/blocks/subscribe/subscribe-1.html Normal file
View File

@@ -0,0 +1,39 @@
<div data-v-component-plugin-contact-form-form data-v-storage="database" data-v-confirm-email="true" data-v-name="contact-form-appointment">
@@include('../../_includes/notifications.html')
<form action="" method="post" data-v-vvveb-action="submit" data-selector="[data-v-component-plugin-contact-form-form]" data-v-vvveb-on="submit">
<input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">
<input type="hidden" class="form-control" placeholder="Email" name="csrf" data-v-csrf>
<div class="row">
<div class="search position-relative">
<input class="form-control rounded-5" name="email" placeholder="Your email address">
<button type="submit" class="btn btn-primary position-absolute rounded-5">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Submitting</span> ...
</span>
<span class="button-text">
<span>Submit</span><i class="la la-lg la-envelope opacity-50 ms-2"></i>
</span>
</button>
</div>
</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">
</form>
</div>

31
static/Vvvebjs/demo/landing/src/cart/_coupon.html Normal file
View File

@@ -0,0 +1,31 @@
<div class="list-group mb-3" data-v-cart-coupons>
<div class="list-group-item" data-v-cart-coupon>
<div class="small" data-v-cart-coupon-name>-10% Discount</div>
<span class="badge bg-success-subtle text-body me-2 code" data-v-cart-coupon-code>discount10</span>
<button class="btn btn-remove btn-sm btn-remove-coupon float-end" name="removeCoupon"><i class="la la-lg la-times-circle"></i></button>
</div>
<div class="list-group-item" data-v-cart-coupon>
<div class="small" data-v-cart-coupon-name>Free shipping</div>
<span class="badge bg-success-subtle text-body me-2 code" data-v-cart-coupon-code>freeship</span>
<button class="btn btn-remove btn-sm btn-remove-coupon float-end" name="removeCoupon"><i class="la la-lg la-times-circle"></i></button>
</div>
</div>
@@include('../_includes/notifications.html', {type:"coupon"})
<div class="input-group mb-3">
<input type="text" name="coupon" class="form-control" id="coupon_code" placeholder="Coupon Code" aria-label="Coupon Code">
<button class="btn btn-outline-primary btn-sm btn-coupon px-4 shadow-none border" type="button">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Applying </span>...
</span>
<span class="button-text">
Apply <i class="la la-arrow-right float-end ms-2"></i>
</span>
</button>
</div>

250
static/Vvvebjs/demo/landing/src/cart/cart.html Normal file
View File

@@ -0,0 +1,250 @@
@@include('../_includes/html-head.html', {"title": "Cart", "path": "../"})
<body>
@@include('../_includes/header.html')
<main id="site-content" role="main">
<!-- Page Content -->
<div class="container">
<div>
@@include('../_includes/breadcrumb.html')
</div>
<div id="cart-container">
<form action="" method="post" enctype="multipart/form-data" data-v-if="this.cart.total_items" data-v-cart-page>
<div class="row">
<div class="col-md-8">
<div class="card mb-4">
<div class="table-responsive card-body cart-table p-0 rounded-2">
<table class="table align-middle m-0" data-v-cart>
<thead class="table-lig2ht">
<tr>
<th class="text-center">Image</th>
<th class="text-start">Product Name</th>
<!-- <th class="text-start">Model</th> -->
<th class="text-center">Quantity</th>
<!-- <th class="text-end">Unit Price</th> -->
<th class="text-end">Total</th>
</tr>
</thead>
<tbody>
<tr data-v-cart-product>
<td class="text-center cart-img">
<a href="#40" data-v-cart-product-url>
<img src="demo/img/product.webp" loading="lazy" alt="Product name" class="img-rounded" data-v-cart-product-image width=80 loading="lazy">
</a>
</td>
<td class="text-start">
<a href="#40" data-v-cart-product-url>
<span data-v-cart-product-name>Product name</span>
</a>
<div class="price">
<span data-v-cart-product-price_tax_formatted>$246.40</span>
</div>
<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 > 0">(<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 > 0">(<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 > 0">(<span data-v-product-option-price_formatted></span>)</span>
</div>
</div>
<div class="subscription" data-v-if="product.subscription">
<span>Subscription plan</span>:
<span data-v-cart-product-subscription_name>Subscription plan</span>
</div>
</td>
<!-- <td class="text-start">product 11</td> -->
<td class="text-center">
<div class="quantity">
<div class="input-group">
<a class="btn btn-minus btn-sm">
<i class="la la-minus"></i>
</a>
<input name="quantity" value="1" size="1" min="1" class="form-control form-control-sm" type="number" data-v-cart-product-quantity>
<a class="btn btn-plus btn-sm">
<i class="la la-plus"></i>
</a>
</div>
</div>
<a class="btn btn-sm btn-remove" data-v-cart-product-remove-url>
<i class="la la-times-circle la-lg"></i>
<!-- <span>Remove</span> -->
</a>
</a>
</td>
<!-- <td class="text-end price" data-v-cart-product-price>$123.20</td> -->
<td class="text-end total px-4">
<span data-v-cart-product-total_tax_formatted>$246.40</span>
</td>
</tr>
<tr data-v-cart-product>
<td class="text-center cart-img">
<a href="#40" data-v-cart-product-url>
<img src="demo/img/product.webp" loading="lazy" alt="Product name" class="img-rounded" data-v-cart-product-image width=80 loading="lazy">
</a>
</td>
<td class="text-start">
<a href="#40" data-v-cart-product-url>
<span data-v-cart-product-name>Product name</span>
</a>
<div class="price">
<span data-v-cart-product-price_tax_formatted>$246.40</span>
</div>
</td>
<!-- <td class="text-start">product 11</td> -->
<td class="text-center">
<div class="quantity">
<div class="input-group">
<a class="btn btn-minus btn-sm">
<i class="la la-minus"></i>
</a>
<input name="quantity" value="1" size="1" min="1" class="form-control form-control-sm" type="number" data-v-cart-product-quantity>
<a class="btn btn-plus btn-sm">
<i class="la la-plus"></i>
</a>
</div>
</div>
<a class="btn btn-remove" data-v-cart-product-remove-url>
<i class="la la-trash"></i>
<!-- <span>Remove</span> -->
</a>
</a>
</td>
<!-- <td class="text-end price" data-v-cart-product-price>$123.20</td> -->
<td class="text-end total px-4">
<span data-v-cart-product-total_tax_formatted>$246.40</span>
</td>
</tr>
<tr data-v-if-not="this.cart.total_items">
<td colspan="100">
<div class="text-center">
<h6>No products!</h6>
<span class="text-muted">Empty cart</span>
</div>
</td>
</tr>
</tbody>
<tfooter>
<tr>
<td colspan="4" class="text-end border-top small text-muted">
<span data-v-cart-cart-total_items>2</span> items
<span data-v-cart-cart-total_weight>2</span> <span data-v-cart-cart-weight_unit>kg</span>
</td>
</tr>
</tfooter>
</table>
<!--
<table class="table mb-0 cart-table cart-total" cellspacing="0">
<tfoot>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small data-v-cart-total-title>Sub-Total:</small></td>
<td class="text-end" data-v-cart-total-value>$101.00</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>Eco Tax (2.00):</small></td>
<td class="text-end">$2.00</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>VAT (19%):</small></td>
<td class="text-end">$20.20</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>Total:</small></td>
<td class="text-end">$123.20</td>
</tr>
</tfoot>
</table>
-->
</div>
</div>
</div>
<div class="col-md-4 cart-right-column">
<div class="card">
<div class="card-body p-4">
<div class="table-responsive mb-2" data-v-cart-totals>
<table class="table mb-0 cart-table cart-total" cellspacing="0">
<tfoot>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small data-v-cart-total-title>Sub-Total</small>:</td>
<td class="text-end">
<span class="text-end" data-v-cart-total-text data-v-if="total.text"> - </span>
<span data-v-cart-total-value_formatted data-v-if="total.value > 0">$101.00</span>
</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>Eco Tax (2.00):</small></td>
<td class="text-end">$2.00</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>VAT (19%):</small></td>
<td class="text-end">$20.20</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>Total:</small></td>
<td class="text-end">$123.20</td>
</tr>
<tr>
<td colspan="5" class="text-end fw-semibold">Total:</td>
<td class="text-end fw-semibold" data-v-cart-cart-total_formatted>$0</td>
</tr>
</tfoot>
</table>
</div>
@@include('_coupon.html')
<div class="mx-2 mt-5 mb-2">
<a href="/checkout" class="btn btn-primary d-block" data-v-url="checkout/checkout/index">Checkout <i class="la la-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<div data-v-if-not="this.cart.total_items">
<div class="text-center py-5">
<div class="alert" role="alert">
<div>
<h1>Empty cart</h1>
</div>
<div class="text-muted">
<i class="la la-lg la-shopping-cart"></i>
No products to display in the cart!
</div>
</div>
<a href="/" class="btn btn-success">Continue shopping <i class="la la-arrow-right"></i></a>
</div>
</div>
</div>
</main>
@@include('../_includes/footer.html')
@@include('../_includes/footer-scripts.html')
</body>
</html>

125
static/Vvvebjs/demo/landing/src/cart/compare.html Normal file
View File

@@ -0,0 +1,125 @@
@@include('../_includes/html-head.html', {"title": "Landing - Product listing", "path":"../"})
<body>
@@include('../_includes/header.html')
<main id="site-content" role="main">
<div class="container mt-5">
</div>
<div class="container">
<div class="row g-5 justify-content-between">
<div class="col-md-12">
<div class="row g-3 g-md-5 align-items-end">
<div class="col-md-6">
@@include('../_includes/breadcrumb.html')
</div>
<div class="col-md-6 text-md-end">
</div>
</div>
<div class="alert alert-warning alert-dismissible fade show" role="alert" data-v-if-not="this.products.count > 1">
<span>You need to add at least two products to compare</span>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="table-responsive" data-v-if="this.products.count > 1">
<table class="table table-bordered table-striped table-hover align-middle" style="--bs-table-hover-bg:rgba(var(--bs-primary-rgb), 0.05);">
<thead>
<tr class="text-center" data-v-products>
<th></th>
<td class="position-relative" data-v-product>
<span class="position-absolute end-0 me-2">
<a href="" class="btn btn-sm btn-outline-secondary border-0" data-v-product-remove_url>
<i class="la la-lg la-times"></i>
</a>
</span>
<a data-v-product-url>
<img class="img-fluid" src="" data-v-product-image>
<div class="my-2" data-v-product-name>Product 1</div>
</a>
<div data-v-product-price_tax_formatted>$0</div>
<span class="add-to-cart-btn">
<input type="hidden" name="product_id" value="16" data-v-product-product_id="">
<a href="/cart/add/16" class="btn btn-sm btn-primary mb-2" data-v-product-add_cart_url="" data-v-vvveb-action="addToCart" data-product_id="16">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true"> </span>
<span>Add to cart</span>... </span>
<span class="button-text">
Add to cart </span>
</a>
</span>
</th>
<td data-v-product>
<img src="" data-v-product-image>
<a data-v-product-url >
<span data-v-product-name>Product 2</span>
</a>
<div data-v-product-price_tax_formatted>$0</div>
</th>
<td data-v-product>
<img src="" data-v-product-image>
<a data-v-product-url >
<span data-v-product-name>Product 3</span>
</a>
<div data-v-product-price_tax_formatted>$0</div>
</th>
</tr>
</thead>
<tbody>
<tr data-v-specs>
<td data-v-specs-name>Spec name</td>
<td data-v-spec>Value 1</td>
<td data-v-spec>Value 2</td>
<td data-v-spec>-</td>
<td data-v-spec>-</td>
<td data-v-spec>-</td>
</tr>
<tr data-v-specs>
<td data-v-specs-name>Spec name</td>
<td data-v-spec>Value 1</td>
<td data-v-spec>Value 2</td>
<td data-v-spec>-</td>
<td data-v-spec>-</td>
<td data-v-spec>-</td>
</tr>
<tr data-v-specs>
<td data-v-specs-name>Spec name</td>
<td data-v-spec>Value 1</td>
<td data-v-spec>Value 2</td>
<td data-v-spec>-</td>
<td data-v-spec>-</td>
<td data-v-spec>-</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</main>
@@include('../_includes/footer.html')
@@include('../_includes/footer-scripts.html')
</body>
</html>

92
static/Vvvebjs/demo/landing/src/checkout/_billing_address.html Normal file
View File

@@ -0,0 +1,92 @@
<div class="row" data-v-component-user-address>
<div class="mb-2 col-6" data-v-class-if-col-12="count <= 1" data-v-user_address>
<div class="card">
<div class="card-body">
<div class="form-check">
<input class="form-check-input" type="radio" value="" name="billing_address_id" data-v-user_address-label-id data-v-user_address-user_address_id>
<label class="form-check-label text-small" role="button" for="billing_address_id" data-v-user_address-label-for>
<span data-v-user_address-first_name>First name</span>
<span data-v-user_address-last_name>Last name</span>
<div data-v-user_address-company>Company</div>
<span data-v-user_address-address_1>Address 1</span>
<span data-v-user_address-address_2>Address 2</span>
<span data-v-user_address-city>Bucharest</span>
<span data-v-user_address-post_code>9800</span>
</label>
</div>
</div>
</div>
</div>
<div class="form-check mx-3 mb-4" data-v-if="count > 0">
<input class="form-check-input" type="radio" value="0" name="billing_address_id" id="billing_address_new">
<label class="form-check-label text-small" role="button" for="billing_address_new">
I want to use a new billing address
</label>
</div>
<div class="billing_address address">
<h6>Billing Address</h6>
<div class="row">
<!--
<div class="mb-3 col-6">
<label class="col-form-label" for="billing_first_name">First Name <span class="text-danger text-small">*</span></label>
<input type="text" class="form-control" id="billing_first_name" name="billing_address[first_name]" value="" minlength="3" autocomplete="given-name" required>
</div>
<div class="mb-3 col-6">
<label class="col-form-label" for="billing_last_name">Last Name <span class="text-danger text-small">*</span></label>
<input type="text" class="form-control" id="billing_last_name" name="billing_address[last_name]" value="" minlength="3" autocomplete="family-name" required>
</div>
-->
<div class="mb-3 col-12 mb-3">
<input type="text" class="form-control label-over" id="billing_company" name="billing_address[company]" value="" autocomplete="organization" placeholder=" ">
<label class="col-form-label" for="billing_company">Company Name</label>
</div>
<div class="col-6 mb-3">
<!--
<label class="col-form-label" for="country">Country <span class="text-danger text-small">*</span></label>
-->
<select class="form-select" id="billing_country_id" name="billing_address[country_id]" autocomplete="billing country-name" data-v-countries required readonly>
<option value disabled>Country</option>
<option value="" data-v-option>
Country 1
</option>
<option value="" data-v-option>
Country 2
</option>
</select>
</div>
<div class="col-6 mb-3">
<!--
<label class="col-form-label" for="country">Region <span class="text-danger text-small">*</span></label>
-->
<select class="form-select" id="billing_region_id" name="billing_address[region_id]" autocomplete="billing address-level1" data-v-regions required readonly>
<option value disabled>Region</option>
<option value="1" data-v-option></option>
<option value="2" data-v-option></option>
<option value="3" data-v-option></option>
</select>
</div>
<div class="col-12 mb-3">
<input type="text" class="form-control label-over" id="billing_address_1" name="billing_address[address_1]" autocomplete="billing street-address" value="" placeholder=" " minlength="5" autocomplete="shipping street-address" required>
<label class="col-form-label" for="billing_address_1">Street address <span class="text-danger text-small">*</span></label>
<input type="text" class="form-control label-over mt-3" id="billing_address_2" name="billing_address[address_2]" placeholder=" " minlength="3" value="" autocomplete="billing address-line1" required>
<label class="col-form-label" for="billing_address_2">Apartment, suite, unit etc.<span class="text-danger text-small">*</span></label>
</div>
<div class="col-6 mb-3">
<input type="text" class="form-control label-over" id="billing_post_code" name="billing_address[post_code]" autocomplete="billing postal-code" minlength="3" maxlength="10" autocomplete="billing postal-code" value="" placeholder=" " required>
<label class="col-form-label" for="post_code">Postcode <span class="text-danger text-small">*</span></label>
</div>
<div class="col-6 mb-3">
<input type="text" class="form-control label-over" id="billing_city" name="billing_address[city]" minlength="3" value="" autocomplete="billing address-level2" placeholder=" " required>
<label class="col-form-label label-over" for="city">Town/City <span class="text-danger text-small">*</span></label>
</div>
</div>
</div>
</div>

124
static/Vvvebjs/demo/landing/src/checkout/_checkout-cart-summary.html Normal file
View File

@@ -0,0 +1,124 @@
<div class="cart-summary" data-v-component-cart>
<div class="table-responsive mb-3">
<table class="table cart-table align-middle border-bottom mb-0">
<tbody>
<tr data-v-cart-product>
<td class="text-center">
<a href="#40" data-v-cart-product-url>
<img src="demo/img/product.webp" alt="Product name" loading="lazy" class="img-rounded" data-v-cart-product-image width=50>
</a>
</td>
<td class="">
<a href="#40" class="d-block" data-v-cart-product-url>
<span data-v-cart-product-name>Product name</span>
</a>
<div class="option" data-v-if="product.option">
<div class="" data-v-product-option>
<span data-v-product-option-option>Color</span>: <span data-v-product-option-name>Red</span>
</div>
<div class="" data-v-product-option>
<span data-v-product-option-option>Size</span>: <span data-v-product-option-name>XL</span>
</div>
<div class="" data-v-product-option>
<span data-v-product-option-option>Material</span>: <span data-v-product-option-name>Wool</span>
</div>
</div>
<div class="subscription" data-v-if="product.subscription">
<span>Subscription plan</span>:
<span data-v-cart-product-subscription_name>Subscription plan</span>
</div>
</td>
<td class="text-end">
<span class="text-muted small">
<span data-v-cart-product-quantity>1</span>
<span class="text-muted">x</span>
<span data-v-cart-product-price_tax_formatted>$123.20</span>
</span>
</td>
</tr>
<tr data-v-cart-product>
<td class="text-center">
<a href="#40" data-v-cart-product-url>
<img src="demo/img/product.webp" alt="Product name" loading="lazy" class="img-rounded" data-v-cart-product-image width=50>
</a>
</td>
<td class="">
<a href="#40" class="d-block" data-v-cart-product-url data-v-cart-product-name>
Product name
</a>
</td>
<td class="text-end">
<span class="text-small">
<span data-v-cart-product-quantity>1</span>
<span class="text-muted">x</span>
<span data-v-cart-product-price_tax_formatted>$123.20</span>
</span>
</td>
</tr>
<!--
<tr data-v-if-not="cart.total_items">
<td colspan="1">
<div class="d-flex p-2">
<div class="text-center p-2 opacity-75">
<i class="la la-2x la-shopping-bag"></i>
</div>
<div class="p-2">
<strong>Empty cart</strong><br>
<span class="text-muted">No products added yet!</span>
</div>
</div>
</td>
</tr>
-->
</tbody>
</table>
</div>
<div class="p-3 pt-0" data-v-if="cart.total_items">
<details>
<summary class="text-end"><span>Total:</span><span class="fw-semibold" data-v-grand-total_formatted>$0</span></summary>
<div class="table-responsive mb-2" data-v-cart-totals>
<table class="table mb-0 cart-table cart-total" cellspacing="0">
<tfoot>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small data-v-cart-total-title>Sub-Total</small>:</td>
<td class="text-end">
<span data-v-cart-total-text data-v-if="total.text"> - </span>
<span data-v-cart-total-value_formatted data-v-if="total.value > 0">$101.00</span>
</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>Eco Tax (2.00):</small></td>
<td class="text-end">$2.00</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>VAT (19%):</small></td>
<td class="text-end">$20.20</td>
</tr>
<tr data-v-cart-total>
<td colspan="5" class="text-end"><small>Total:</small></td>
<td class="text-end">$123.20</td>
</tr>
<tr>
<td colspan="5" class="text-end">Total:</td>
<td class="text-end" data-v-grand-total_formatted>$0</td>
</tr>
</tfoot>
</table>
</div>
</details>
</div>
@@include('../cart/_coupon.html')
</div>

63
static/Vvvebjs/demo/landing/src/checkout/_checkout-login.html Normal file
View File

@@ -0,0 +1,63 @@
<div class="container" data-v-if-not="this.global.user_id">
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" value="" id="login-form-check" onclick="toggleLoginForm()">
<label class="form-check-label text-small" for="login-form-check">
I already have an account
</label>
</div>
<div id="checkout-login-container" class="col-md-6" style="display:none">
<div data-v-component-user id="checkout-login-form" class="card p-4 mb-2">
<form action method="post" enctype="multipart/form-data">
<input type="hidden" name="csrf" data-v-csrf>
<div class="login-form col-12 mx-auto" data-v-if-not="component.user_id">
<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" autocomplete="email" required>
</div>
</div>
<div class="row mb-3">
<label class="col-4 col-form-label" for="login-password">Password</label>
<div class="col-8">
<div class="input-group">
<input type="password" minlength="4" autocorrect="off" autocomplete="current-password" class="form-control" placeholder="Password" id="login-password" name="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,'login-password')"><i class="la la-eye-slash"></i></button>
</div>
</div>
</div>
</div>
<div class="text-end">
<a href="#recover" target="_blank" data-v-url="user/reset/index" class="text-muted me-3">Forgot your password?</a>
<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>Authenticating</span>...
</span>
<span class="button-text">
<span>Login</span> <i class="la la-arrow-right float-end ms-2"></i>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>

Some files were not shown because too many files have changed in this diff Show More