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

239
static/Vvvebjs/demo/landing/src/search/index.html Normal file
View File

@@ -0,0 +1,239 @@
@@include('../_includes/html-head.html', {"title": "Landing - Search page", "path":"../"})
<body class="search-page">
@@include('../_includes/header.html')
<main id="site-content" role="main">
<!-- Page Content -->
<div class="container">
<div class="row">
<!-- Blog Entries Column -->
<div class="col-md-7 col-lg-8 col-xl-9" >
<div class="breadcumb_area bg-img" style="background-image: url(img/bg-img/breadcumb.webp);">
<div class="container">
<div class="row">
<div class="col-12">
<div class="page-title text-center">
<h2 class="fs-normal" data-v-if="this.search != ''">Results for: <strong data-v-search>term</strong></h2>
<h2 class="fs-normal" data-v-if="this.search == ''">No search query provided!</h2>
</div>
</div>
</div>
</div>
</div>
<div>
<div data-v-component-products data-v-limit="6" data-v-search="url" data-v-page="url" data-v-type="" data-v-taxonomy_item_id="url" data-v-image_size="medium" data-v-site_id="0">
<div data-v-component-posts data-v-limit="6" data-v-search="url" data-v-type="" data-v-site_id="0">
<nav>
<div class="nav nav-tabs" id="nav-search" role="tablist">
<button class="nav-link" id="nav-products-tab"
data-bs-toggle="tab" data-bs-target="#nav-products"
type="button" role="tab" aria-controls="nav-products"
aria-selected="true"
data-v-if="this.type == 'product' || products.count > 0"
>
<span>Products</span>
<span class="badge bg-body-tertiary border text-body" data-v-products-count>0</span>
</button>
<button class="nav-link" id="nav-posts-tab"
data-bs-toggle="tab" data-bs-target="#nav-posts"
type="button" role="tab" aria-controls="nav-posts"
aria-selected="false"
data-v-if="this.type == 'post' || posts.count > 0"
>
<span>Posts</span>
<span class="badge bg-body-tertiary border text-body" data-v-posts-count>0</span>
</button>
</div>
</nav>
<div class="tab-content" id="nav-searchContent">
<div class="tab-pane" id="nav-products" role="tabpanel" aria-labelledby="nav-products-tab" tabindex="0" data-v-if="this.type == 'product' || products.count > 0">
<div class="row g-3 my-3">
<div class="col-md-6 col-xl-4" data-v-product>
<div class="product">
@@include('../_includes/product-list-item.html')
</div>
</div>
</div>
@@include('../_includes/pagination.html', {"component": "products", "component-index":0, "parameters": {"type":"product"}})
</div>
<div class="tab-pane" id="nav-posts" role="tabpanel" aria-labelledby="nav-posts-tab" tabindex="0" data-v-if="this.type == '' || this.type == 'post'">
<div class="row g-3 my-3">
<div class="col-12 col-lg-4 mb-2" data-v-post>
@@include('../_includes/blog-list-item.html', {"class":"h-100"})
</div>
</div>
@@include('../_includes/pagination.html', {"component": "posts", "component-index":0, "parameters": {"type":"post"}})
</div>
</div>
<div data-v-if="products.count < 1 && posts.count < 1">
<h3 class="text-center py-4 bg-body-tertiary">No matching results!</h3>
</div>
</div>
</div>
</div>
</div>
@@include('../_includes/sidebar.html', {"cols": "col-md-5 col-lg-4 col-xl-3"})
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</main>
@@include('../_includes/footer.html')
<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 data-v-component-products data-v-limit="6" data-v-search="url" data-v-search_boolean="true" data-v-page="url" data-v-type="" data-v-taxonomy_item_id="url" data-v-image_size="thumb">
<div data-v-component-posts data-v-limit="6" data-v-search="url" data-v-search_boolean="true" data-v-type="" data-v-image_size="thumb">
<div class="products mt-2" data-v-if="products.search && products.count > 0">
<div class="small text-muted my-2">Products</div>
<div class="card">
<div class="search-item" data-v-product>
<a href="" data-bs-dismiss="modal" data-v-product-url>
<img src="demo/img/product.webp" width="48" data-v-product-image>
<svg class="me-1" height="48" width="48" data-v-if-not="prod.image">
<rect width="100%" height="100%" fill="#eee"></rect>
</svg>
<span data-v-product-name>Product</span>
<span class="p-2 small text-muted float-end " data-v-if="prod.price > 0" data-v-product-price_tax_formatted="">$256.99</span>
</a>
</div>
<div class="search-item" data-v-product>
<a href="" data-v-product-url>
<img src="demo/img/product.webp" width="48" data-v-product-image>
<span data-v-product-name>Product</span>
<span class="p-2 small text-muted float-end " data-v-if="prod.price > 0" data-v-product-price_tax_formatted="">$256.99</span>
</a>
</div>
<div class="search-item" data-v-product>
<a href="" data-v-product-url>
<img src="demo/img/product.webp" width="48" data-v-product-image>
<span data-v-product-name>Product</span>
<span class="p-2 small text-muted float-end " data-v-if="prod.price > 0" data-v-product-price_tax_formatted="">$256.99</span>
</a>
</div>
<div class="small p-1" data-v-if="products.count <= 0">
No products found!
</div>
</div>
</div>
<div class="posts mt-2" data-v-if="posts.search">
<div class="small text-muted my-2">Pages</div>
<div class="card border-0">
<div class="search-item" data-v-post>
<a href="" data-bs-dismiss="modal" data-v-post-url class="flex">
<img src="demo/img/video-1.webp" width="48" data-v-post-image data-v-if="post.image">
<svg class="me-1" height="48" width="48" data-v-if-not="post.image">
<rect width="100%" height="100%" fill="#eee"></rect>
</svg>
<span data-v-post-name>Post</span>
</a>
</div>
<div class="search-item" data-v-post>
<a href="" data-v-post-url class="flex">
<img src="demo/img/video-1.webp" width="48" data-v-post-image data-v-if="post.image">
<span data-v-post-name>Post</span>
</a>
</div>
<div class="search-item" data-v-post>
<a href="" data-v-post-url class="flex">
<img src="demo/img/video-1.webp" width="48" data-v-post-image data-v-if="post.image">
<span data-v-post-name>Post</span>
</a>
</div>
<div class="p-3" data-v-if="posts.count <= 0">
No posts found!
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button type="button" class="btn-close btn-close-white small" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
</div>
@@include('../_includes/footer-scripts.html')
<script>
bootstrap.Tab.getOrCreateInstance('#nav-search button').show();
</script>
</body>
</html>