alma/VvebOIDC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
main
VvebOIDC/public/admin/default/content/menus/menu.html

2553 lines
118 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="/favicon.ico">
<base href="../">
<title>Vvveb - Menus</title>
<link href="libs/nestable/jquery.nestable.css" rel="stylesheet">
<link href="css/admin.css" rel="stylesheet">
</head>
<body class="products">
<div id="container">
<div class="sidebar" data-v-component-site>
<div class="logo">
<a href="{$this.adminPath}index.php" class="img" title="{$site.description.title}">
<img src="" data-v-site-logo>
<img src="" data-v-site-logo-dark>
</a>
<a id="search-btn" title="Search" data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="icon-search"></i>
</a>
</div>
<!-- navbar -->
<nav class="navbar navbar-expand-md">
<div class="logo">
<!-- h1 class="display-5"><a href="#">M.</a></h1-->
<a href="/admin" class="img">
<img src="" data-v-site-logo>
<img src="" data-v-site-logo-dark>
</a>
<a id="search-btn" title="Search" data-bs-toggle="modal" data-bs-target="#searchModal">
<i class="icon-search"></i>
</a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarNav" aria-controls="sidebarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav flex-column" data-v-menu>
<li class="nav-item" data-v-menu-item>
<a class="nav-link" href="/admin" data-bs-target="#posts"
data-v-menu-item-url>
<i class="icon-pulse-outline" data-v-menu-item-icon></i>
<img src class="icon-img" data-v-menu-item-icon-img></i>
<span class="title" data-v-menu-item-name>Dashboard</span>
<span class="text-muted" data-v-menu-item-subtitle>Subtitle</span>
<span class="badge badge-primary" data-v-menu-item-badge></span>
</a>
<ul class="collapse sub-menu fade" data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/adminindex.php?module=posts" class="nav-link"
data-v-submenu-item-url>
<i class="icon-pulse-outline" data-v-submenu-item-icon></i>
<img src class="icon-img" data-v-submenu-item-icon-img></i>
<span data-v-submenu-item-name>Submenu</span>
<span class="text-muted" data-v-submenu-item-subtitle>Subtitle</span>
<span class="badge badge-primary" data-v-submenu-item-badge></span>
</a>
</li>
</ul>
</li>
</ul>
</div>
-->
<div class="collapse navbar-collapse" id="sidebarNav">
<ul class="nav navbar-nav flex-column" data-v-menu>
<li class="nav-item" data-v-menu-item>
<a class="nav-link d-none d-md-block " href="/admin" data-v-menu-item-url>
<i class="icon-pulse-outline" data-v-menu-item-icon></i>
<img src="#" class="icon-img" data-v-menu-item-icon-img>
<span class="title" data-v-menu-item-name>Dashboard</span>
<!-- span class="text-muted" data-v-menu-item-subtitle>Subtitle</span -->
<span class="badge badge-primary" data-v-menu-item-badge></span>
</a>
<a class="nav-link mobile d-block d-sm-none" href="/admin" data-v-menu-item-url>
<i class="icon-pulse-outline" data-v-menu-item-icon></i>
<img src="#" class="icon-img" data-v-menu-item-icon-img>
<span class="title" data-v-menu-item-name>Dashboard</span>
<!-- span class="text-muted" data-v-menu-item-subtitle>Subtitle</span -->
<span class="badge badge-primary" data-v-menu-item-badge></span>
</a>
<ul class="dropdown-menu sub-menu fade" data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/adminindex.php?module=posts" class="nav-link" data-v-submenu-item-url>
<i class="icon-pulse-outline" data-v-submenu-item-icon></i>
<img src="#" class="icon-img" data-v-submenu-item-icon-img>
</i>
<span data-v-submenu-item-name>Submenu</span>
<span class="text-muted" data-v-submenu-item-subtitle>Subtitle</span>
<span class="badge badge-primary" data-v-submenu-item-badge></span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link d-none d-md-block " href="/admin/?module=editor/editor&amp;url=/&amp;template=index.html" data-v-menu-item-url title="Edit website" data-bs-target="#menu-edit">
<i class="icon-color-wand-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Edit website</span>
</a>
<a class="nav-link mobile d-block d-sm-none " href="/admin/?module=editor/editor&amp;url=/&amp;template=index.html" data-v-menu-item-url title="Edit website" data-bs-target="#menu-edit">
<i class="icon-color-wand-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Edit website</span>
</a>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link d-none d-md-block items" href="/admin/?module=content/posts&amp;type=post" data-v-menu-item-url title="Posts" data-bs-target="#menu-post">
<i class="icon-document-text-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Posts</span>
</a>
<a class="nav-link mobile d-block d-sm-none items" href="/admin/?module=content/posts&amp;type=post" data-v-menu-item-url title="Posts" data-bs-toggle="dropdown" data-bs-target="#menu-post">
<i class="icon-document-text-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Posts</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=content/posts&amp;type=post" class="nav-link " data-v-submenu-item-url>
<i class="la la-file-alt" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Posts</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=content/post&amp;type=post" class="nav-link " data-v-submenu-item-url>
<i class="la la-plus" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Add new</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>Taxonomy</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=content/tags&amp;type=post&amp;taxonomy_id=2" class="nav-link " data-v-submenu-item-url>
<i class="la la-tags" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Tags</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=content/categories&amp;type=post&amp;taxonomy_id=1" class="nav-link " data-v-submenu-item-url>
<i class="la la-boxes" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Categories</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>General</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=content/comments&amp;status=0&amp;type=post" class="nav-link " data-v-submenu-item-url>
<i class="la la-comments" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Comments</span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link d-none d-md-block items" href="/admin/?module=content/posts&amp;type=page" data-v-menu-item-url title="Pages" data-bs-target="#menu-pages">
<i class="icon-document-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Pages</span>
</a>
<a class="nav-link mobile d-block d-sm-none items" href="/admin/?module=content/posts&amp;type=page" data-v-menu-item-url title="Pages" data-bs-toggle="dropdown" data-bs-target="#menu-pages">
<i class="icon-document-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Pages</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=content/posts&amp;type=page" class="nav-link " data-v-submenu-item-url>
<i class="la la-file-invoice" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Pages</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=content/post&amp;type=page" class="nav-link " data-v-submenu-item-url>
<i class="la la-plus" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Add new page</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>Taxonomy</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=content/menus&amp;type=page" class="nav-link " data-v-submenu-item-url>
<i class="la la-boxes" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Menus</span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link d-none d-md-block " href="/admin/?module=media/media" data-v-menu-item-url title="Media library" data-bs-target="#menu-medialibrary">
<i class="icon-images-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Media library</span>
</a>
<a class="nav-link mobile d-block d-sm-none " href="/admin/?module=media/media" data-v-menu-item-url title="Media library" data-bs-target="#menu-medialibrary">
<i class="icon-images-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Media library</span>
</a>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link d-none d-md-block items" href="/admin/?module=user/users" data-v-menu-item-url title="Users" data-bs-target="#menu-users">
<i class="icon-people-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Users</span>
</a>
<a class="nav-link mobile d-block d-sm-none items" href="/admin/?module=user/users" data-v-menu-item-url title="Users" data-bs-toggle="dropdown" data-bs-target="#menu-users">
<i class="icon-people-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Users</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=user/users" class="nav-link " data-v-submenu-item-url>
<i class="la la-user" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Users</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=user/user" class="nav-link " data-v-submenu-item-url>
<i class="la la-plus" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Add new user</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>Groups</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=user/user-groups" class="nav-link " data-v-submenu-item-url>
<i class="la la-user-friends" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>User groups</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=user/user-group" class="nav-link " data-v-submenu-item-url>
<i class="la la-plus" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Add new group</span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link d-none d-md-block " href="/admin/?module=plugins/contact-form/messages" data-v-menu-item-url title="Messages" data-bs-target="#menu-messages">
<i class="icon-mail-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Messages</span>
</a>
<a class="nav-link mobile d-block d-sm-none " href="/admin/?module=plugins/contact-form/messages" data-v-menu-item-url title="Messages" data-bs-target="#menu-messages">
<i class="icon-mail-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Messages</span>
</a>
</li>
<li class="nav-item heading" data-v-menu-item>
<a class="nav-link d-none d-md-block " href="/admin/?module=product/products" data-v-menu-item-url title="Ecommerce" data-bs-target="#menu-ecommerce">
<span class="title" data-v-menu-item-name>Ecommerce</span>
</a>
<a class="nav-link mobile d-block d-sm-none " href="/admin/?module=product/products" data-v-menu-item-url title="Ecommerce" data-bs-target="#menu-ecommerce">
<span class="title" data-v-menu-item-name>Ecommerce</span>
</a>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link d-none d-md-block items" href="/admin/?module=order/orders" data-v-menu-item-url title="Sales" data-bs-target="#menu-sales">
<i class="icon-bag-handle-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Sales</span>
</a>
<a class="nav-link mobile d-block d-sm-none items" href="/admin/?module=order/orders" data-v-menu-item-url title="Sales" data-bs-toggle="dropdown" data-bs-target="#menu-sales">
<i class="icon-bag-handle-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Sales</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=order/orders" class="nav-link " data-v-submenu-item-url>
<i class="la la-file-invoice-dollar" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Orders</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=order/subscriptions" class="nav-link " data-v-submenu-item-url>
<i class="la la-retweet" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Subscriptions</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=order/returns" class="nav-link " data-v-submenu-item-url>
<i class="la la-undo" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Returns</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>Marketing</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=order/coupons" class="nav-link " data-v-submenu-item-url>
<i class="la la-percentage" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Discount coupons</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=order/vouchers" class="nav-link " data-v-submenu-item-url>
<i class="la la-gift" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Gift vouchers</span>
</a>
</li>
</ul>
</li>
<li class="nav-item align-middle columns-2" data-v-menu-item>
<a class="nav-link d-none d-md-block items" href="/admin/?module=product/products&amp;type=product" data-v-menu-item-url title="Products" data-bs-target="#menu-product">
<i class="icon-cube-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Products</span>
</a>
<a class="nav-link mobile d-block d-sm-none items" href="/admin/?module=product/products&amp;type=product" data-v-menu-item-url title="Products" data-bs-toggle="dropdown" data-bs-target="#menu-product">
<i class="icon-cube-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Products</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=product/products&amp;type=product" class="nav-link " data-v-submenu-item-url>
<i class="la la-box" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Products</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=product/product&amp;type=product" class="nav-link " data-v-submenu-item-url>
<i class="la la-plus" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Add new</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>Taxonomy</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=content/tags&amp;type=product&amp;taxonomy_id=5" class="nav-link " data-v-submenu-item-url>
<i class="la la-tags" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Tags</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=content/categories&amp;type=product&amp;taxonomy_id=4" class="nav-link " data-v-submenu-item-url>
<i class="la la-boxes" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Categories</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>Relations</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=product/manufacturers&amp;type=product" class="nav-link " data-v-submenu-item-url>
<i class="la la-industry" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Manufacturers</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=product/vendors&amp;type=product" class="nav-link " data-v-submenu-item-url>
<i class="la la-store" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Vendors</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>Content</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=product/digital-assets&amp;type=product" class="nav-link " data-v-submenu-item-url>
<i class="la la-cloud-download-alt" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Digital assets</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=product/options&amp;type=product" class="nav-link " data-v-submenu-item-url>
<i class="la la-stream" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Options</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=product/attribute-groups&amp;type=product" class="nav-link " data-v-submenu-item-url>
<i class="la la-list" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Attributes</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>User feedback</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=product/product-reviews&amp;status=0&amp;type=product" class="nav-link " data-v-submenu-item-url>
<i class="la la-comment" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Reviews</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=product/product-questions&amp;status=0&amp;type=product" class="nav-link " data-v-submenu-item-url>
<i class="la la-question-circle" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Questions</span>
</a>
</li>
</ul>
</li>
<li class="nav-item heading" data-v-menu-item>
<a class="nav-link d-none d-md-block " href="/admin/?module=settings/sites" data-v-menu-item-url title="Configuration" data-bs-target="#menu-configuration">
<span class="title" data-v-menu-item-name>Configuration</span>
</a>
<a class="nav-link mobile d-block d-sm-none " href="/admin/?module=settings/sites" data-v-menu-item-url title="Configuration" data-bs-target="#menu-configuration">
<span class="title" data-v-menu-item-name>Configuration</span>
</a>
</li>
<li class="nav-item align-top" data-v-menu-item>
<a class="nav-link d-none d-md-block items" href="/admin/?module=plugin/plugins" data-v-menu-item-url title="Plugins" data-bs-target="#menu-plugins">
<i class="icon-extension-puzzle-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Plugins</span>
</a>
<a class="nav-link mobile d-block d-sm-none items" href="/admin/?module=plugin/plugins" data-v-menu-item-url title="Plugins" data-bs-toggle="dropdown" data-bs-target="#menu-plugins">
<i class="icon-extension-puzzle-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Plugins</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=plugin/plugins" class="nav-link " data-v-submenu-item-url>
<i class="la la-plug" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Installed Plugins</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=plugin/market" class="nav-link " data-v-submenu-item-url>
<i class="la la-plus" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Add new plugin</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=editor/code&amp;type=plugins" class="nav-link " data-v-submenu-item-url>
<i class="la la-code" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Code editor</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>Plugins</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=plugins/contact-form/messages" class="nav-link " data-v-submenu-item-url>
<img src="/plugins/contact-form/contact-form.svg" class="icon-img" data-v-submenu-item-icon-img>
<span data-v-submenu-item-name>Contact form</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=editor/editor&amp;url=/plugins/cookie-notice/notice.html&amp;template=/plugins/cookie-notice/notice.html" class="nav-link " data-v-submenu-item-url>
<img src="/plugins/cookie-notice/cookie-notice.svg" class="icon-img" data-v-submenu-item-icon-img>
<span data-v-submenu-item-name>Cookie notice</span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link d-none d-md-block items" href="/admin/?module=theme/themes" data-v-menu-item-url title="Themes" data-bs-target="#menu-themes">
<i class="icon-copy-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Themes</span>
</a>
<a class="nav-link mobile d-block d-sm-none items" href="/admin/?module=theme/themes" data-v-menu-item-url title="Themes" data-bs-toggle="dropdown" data-bs-target="#menu-themes">
<i class="icon-copy-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Themes</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=theme/themes" class="nav-link " data-v-submenu-item-url>
<i class="la la-brush" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Installed Themes</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=theme/market" class="nav-link " data-v-submenu-item-url>
<i class="la la-plus" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Add new</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=editor/code&amp;type=themes" class="nav-link " data-v-submenu-item-url>
<i class="la la-code" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Code editor</span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-menu-item>
<a class="nav-link d-none d-md-block items" href="/admin/?module=field/field-groups" data-v-menu-item-url title="Fields" data-bs-target="#menu-field">
<i class="icon-reader-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Fields</span>
</a>
<a class="nav-link mobile d-block d-sm-none items" href="/admin/?module=field/field-groups" data-v-menu-item-url title="Fields" data-bs-toggle="dropdown" data-bs-target="#menu-field">
<i class="icon-reader-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Fields</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=field/field-groups" class="nav-link " data-v-submenu-item-url>
<i class="la la-brush" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Field groups</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=field/field-group" class="nav-link " data-v-submenu-item-url>
<i class="la la-plus" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Add new</span>
</a>
</li>
</ul>
</li>
<li class="nav-item align-top mega-menu" data-v-menu-item>
<a class="nav-link d-none d-md-block items" href="/admin/?module=settings/sites" data-v-menu-item-url title="Settings" data-bs-target="#menu-settings">
<i class="icon-settings-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Settings</span>
</a>
<a class="nav-link mobile d-block d-sm-none items" href="/admin/?module=settings/sites" data-v-menu-item-url title="Settings" data-bs-toggle="dropdown" data-bs-target="#menu-settings">
<i class="icon-settings-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Settings</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/sites" class="nav-link items" data-v-submenu-item-url>
<i class="la la-stop la-90" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Sites</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/sites" class="nav-link " data-v-submenu-item-url>
<i class="la la-stop" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Sites</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/site" class="nav-link " data-v-submenu-item-url>
<i class="la la-plus" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Add new</span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=admin/users" class="nav-link items" data-v-submenu-item-url>
<i class="la la-user" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Admin users</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=admin/users" class="nav-link " data-v-submenu-item-url>
<i class="la la-user" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Users</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=admin/user" class="nav-link " data-v-submenu-item-url>
<i class="la la-user-plus" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Add new user</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>Roles</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=admin/roles" class="nav-link " data-v-submenu-item-url>
<i class="la la-user-cog" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Manage Roles</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=admin/role" class="nav-link " data-v-submenu-item-url>
<i class="la la-user-tag" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Add Role</span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=content/menus" class="nav-link items" data-v-submenu-item-url>
<i class="la la-file-alt" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Content</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/taxonomies" class="nav-link " data-v-submenu-item-url>
<i class="la la-boxes" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Taxonomies</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/posts" class="nav-link " data-v-submenu-item-url>
<i class="la la-file-alt" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Custom posts</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/products" class="nav-link " data-v-submenu-item-url>
<i class="la la-box" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Custom products</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=field/field-group" class="nav-link " data-v-submenu-item-url>
<i class="la la-stream" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Fields</span>
</a>
</li>
</ul>
</li>
<li class="nav-item align-top" data-v-submenu-item>
<a href="/admin/?module=user/users" class="nav-link items" data-v-submenu-item-url>
<i class="la la-shopping-cart" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Ecommerce</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/subscription-plans" class="nav-link " data-v-submenu-item-url>
<i class="la la-receipt" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Subscriptions plans</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/tax-types" class="nav-link items" data-v-submenu-item-url>
<i class="la la-file-invoice-dollar" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Taxes</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/tax-types" class="nav-link " data-v-submenu-item-url>
<i class="la la-file-invoice" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Tax types</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/tax-rates" class="nav-link " data-v-submenu-item-url>
<i class="la la-file-invoice-dollar" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Tax rates</span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/order-statuses" class="nav-link items" data-v-submenu-item-url>
<i class="la la-tags" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Statuses</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/order-statuses" class="nav-link " data-v-submenu-item-url>
<i class="la la-file-invoice" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Order</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/stock-statuses" class="nav-link " data-v-submenu-item-url>
<i class="la la-box" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Stock</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/subscription-statuses" class="nav-link " data-v-submenu-item-url>
<i class="la la-retweet" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Subscription</span>
</a>
</li>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>Returns</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/return-statuses" class="nav-link " data-v-submenu-item-url>
<i class="la la-undo" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Return status</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/return-resolutions" class="nav-link " data-v-submenu-item-url>
<i class="la la-exchange-alt" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Return resolutions</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/return-reasons" class="nav-link " data-v-submenu-item-url>
<i class="la la-undo-alt" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Return reasons</span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/discount" class="nav-link items" data-v-submenu-item-url>
<i class="la la-ruler" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Classes</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/length-types" class="nav-link " data-v-submenu-item-url>
<i class="la la-ruler-horizontal" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Length</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/weight-types" class="nav-link " data-v-submenu-item-url>
<i class="la la-box" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Weight</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=localization/languages" class="nav-link items" data-v-submenu-item-url>
<i class="la la-flag" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Localization</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=localization/languages" class="nav-link " data-v-submenu-item-url>
<i class="la la-language" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Languages</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=localization/currencies" class="nav-link " data-v-submenu-item-url>
<i class="la la-coins" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Currencies</span>
</a>
</li>
<li class="nav-item align-top" data-v-submenu-item>
<a href="/admin/?module=localization/region-groups" class="nav-link items" data-v-submenu-item-url>
<i class="la la-globe" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Geo location</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=localization/countries" class="nav-link " data-v-submenu-item-url>
<i class="la la-flag" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Countries</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=localization/regions" class="nav-link " data-v-submenu-item-url>
<i class="la la-city" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Regions</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=localization/region-groups" class="nav-link " data-v-submenu-item-url>
<i class="la la-atlas" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Region Groups</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/email" class="nav-link items" data-v-submenu-item-url>
<i class="la la-tools" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>System</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=settings/email" class="nav-link " data-v-submenu-item-url>
<i class="la la-envelope" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Email settings</span>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item align-top" data-v-menu-item>
<a class="nav-link d-none d-md-block items" href="/admin/?module=tools/cache" data-v-menu-item-url title="Tools" data-bs-target="#menu-tools">
<i class="icon-globe-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Tools</span>
</a>
<a class="nav-link mobile d-block d-sm-none items" href="/admin/?module=tools/cache" data-v-menu-item-url title="Tools" data-bs-toggle="dropdown" data-bs-target="#menu-tools">
<i class="icon-globe-outline" data-v-menu-item-icon></i>
<span class="title" data-v-menu-item-name>Tools</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=tools/cache" class="nav-link " data-v-submenu-item-url>
<i class="la la-circle-notch" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Cache</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=tools/backup" class="nav-link " data-v-submenu-item-url>
<i class="la la-server" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Backup</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=tools/cron" class="nav-link " data-v-submenu-item-url>
<i class="la la-history la-90" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Cron job</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=tools/import" class="nav-link items" data-v-submenu-item-url>
<i class="la la-upload" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Import/Export</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item heading" data-v-submenu-item>
<a href class="nav-link " data-v-submenu-item-url>
<span data-v-submenu-item-name>Content</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=tools/import" class="nav-link " data-v-submenu-item-url>
<i class="la la-file-import" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Import content</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=tools/export" class="nav-link " data-v-submenu-item-url>
<i class="la la-file-export" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Export content</span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=tools/systeminfo" class="nav-link items" data-v-submenu-item-url>
<i class="la la-info-circle" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>System info</span>
</a>
<ul class="dropdown-menu sub-menu fade " data-v-submenu>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=tools/systeminfo" class="nav-link " data-v-submenu-item-url>
<i class="la la-info" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>System Info</span>
</a>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=tools/errorlog" class="nav-link " data-v-submenu-item-url>
<i class="la la-bug" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Error log</span>
</a>
</li>
</ul>
</li>
<li class="nav-item" data-v-submenu-item>
<a href="/admin/?module=tools/update" class="nav-link " data-v-submenu-item-url>
<i class="la la-sync" data-v-submenu-item-icon></i>
<span data-v-submenu-item-name>Update</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav> <!-- /navbar -->
</div>
<div class="main">
<div class="top-header">
<div class="btn-group" data-v-component-sites>
<button class="btn px-2 ms-1 menu-toggle" title="Toggle sidebar width">
<i class="icon-menu-outline"></i>
</button>
<button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="icon-eye-outline"></i>
<span>View live website</span>
</button>
<div class="dropdown-menu">
<div data-v-site>
<a class="dropdown-item d-flex" href="#" data-v-site-url target="_blank">
<!-- i class="la la-circle la-lg me-2"></i -->
<span data-v-site-name class="flex-grow-1">Default website</span>
<i class="la la-external-link-alt"></i>
</a>
</div>
<div data-v-site>
<a class="dropdown-item" href="#" data-v-site target="_blank">
<!--- <i class="icon-eye-outline la-lg me-2"></i> -->
<span data-v-site-name class="flex-grow-1">Blog</span>
<i class="la la-external-link-alt"></i>
</a>
</div>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-v-url-params='{"module":"settings/sites"}'>
<span class="flex-grow-1">Manage sites</span>
<i class="la la-edit ms-2"></i>
</a>
</div>
</div>
<div class="btn-group">
<button type="button" class="btn px-1 dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="icon-reload-circle-outline"></i>
<span>Clear cache</span>
</button>
<div class="dropdown-menu">
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"asset"}' data-v-vvveb-action="cache.clear">
<div class="flex-grow-1">
<i class="icon-document-text-outline me-2 text-body-tertiary"></i>
<span>Assets</span>
</div>
</a>
</div>
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"template"}' data-v-vvveb-action="cache.clear">
<div class="flex-grow-1">
<i class="icon-code-slash-outline me-2 text-body-tertiary"></i>
<span>Templates</span>
</div>
</a>
</div>
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"database"}' data-v-vvveb-action="cache.clear">
<div class="flex-grow-1">
<i class="icon-server-outline me-2 text-body-tertiary"></i>
<span>Database</span>
</div>
</a>
</div>
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"page"}' data-v-vvveb-action="cache.clear">
<div class="flex-grow-1">
<i class="icon-document-outline me-2 text-body-tertiary"></i>
<span>Page cache</span>
</div>
</a>
</div>
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"image"}' data-v-vvveb-action="cache.clear">
<div class="flex-grow-1">
<i class="icon-image-outline me-2 text-body-tertiary"></i>
<span>Image cache</span>
</div>
</a>
</div>
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"model"}' data-v-vvveb-action="cache.clear">
<div class="flex-grow-1">
<i class="icon-paper-plane-outline me-2 text-body-tertiary"></i>
<span>Model cache</span>
</div>
</a>
</div>
<div class="dropdown-divider"></div>
<div>
<a class="dropdown-item d-flex" href="#" target="_blank" data-v-url-params='{"module":"tools/cache", "action":"delete"}' data-v-vvveb-action="cache.clear">
<div class="flex-grow-1">
<i class="icon-sync-outline me-2 text-body-tertiary"></i>
<span>All cache</span>
</div>
</a>
</div>
</div>
</div>
<div class="float-end">
<button id="color-theme-switch" title="Switch sidebar color theme" class="btn px-1 ms-1">
<i class="la la-sun"></i>
</button>
<div class="btn-group top-notifications" data-v-component-notifications>
<button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="la la-bell"></i>
<span class="badge bg-primary-subtle text-body" data-v-if="count > 0" data-v-notification-count>5</span>
</button>
<div class="dropdown-menu">
<div data-v-if="notifications.updates.core.hasUpdate">
<h6 class="dropdown-header">Updates</h6>
<a class="dropdown-item" href="#" data-v-site-href data-v-url-params='{"module":"tools/update"}'>
<i class="icon-flash-outline text-success"></i>
<span>Update available</span>
<strong class="badge bg-success small mx-2" data-v-notification-updates-core-version>0.0.5</strong>
</a>
<div class="dropdown-divider"></div>
</div>
<div data-v-if-not="notifications.updates.core.hasUpdate">
<h6 class="dropdown-header">Updates</h6>
<a class="dropdown-item" href="#" data-v-site-href data-v-url-params='{"module":"tools/update"}'>
<i class="icon-flash-outline"></i>
<span>Up to date</span>
<strong class="badge bg-primary small mx-2" data-v-notification-updates-core-version>0.0.5</strong>
</a>
<div class="dropdown-divider"></div>
</div>
<div data-v-group>
<div>
<h6 class="dropdown-header" data-v-group-name data-filter-capitalize>Sales</h6>
</div>
<div class="dropdown-item" data-v-group-notification>
<a href="#" data-v-group-notification-url>
<i class="" data-v-group-icon></i>
<span data-v-group-notification-name>New orders</span>
<strong class="badge bg-primary-subtle mx-2 bg-primary-subtle" data-v-group-notification-count>5</strong>
</a>
</div>
<div class="dropdown-item" data-v-group-notification>
<a href="#" data-v-site-href data-v-url-params='{"module":"order/orders"}'>
<i class="la la-file-invoice" data-v-group-icon></i>
<span data-v-group-notification-name>Returns</span>
<strong class="badge bg-danger-subtle small" data-v-group-notification-count>2</strong>
</a>
</div>
<div class="dropdown-divider"></div>
</div>
<div data-v-group>
<div class="dropdown-divider"></div>
<div>
<h6 class="dropdown-header" data-v-group-name data-filter-capitalize>Sales</h6>
</div>
<div class="dropdown-item" data-v-group-notification>
<a href="#" data-v-group-notification-url>
<i class="la la-comment"></i>
<span data-v-group-notification-name>New comments</span>
<strong class="badge bg-primary-subtle small mx-2" data-v-notification-value>5</strong>
</a>
</div>
<div class="dropdown-item" data-v-group-notification>
<a href="#" data-v-group-notification-url>
<i class="la la-comment"></i>
<span data-v-group-notification-name>Spam comments</span>
<strong class="badge bg-danger-subtle small" data-v-notification-value>2</strong>
</a>
</div>
</div>
<div data-v-group>
<div class="dropdown-divider"></div>
<div>
<h6 class="dropdown-header" data-v-group-name data-filter-capitalize>Products</h6>
</div>
<div class="dropdown-item" data-v-group-notification>
<a href="#" data-v-group-notification-url>
<i class="la la-comment"></i>
<span data-v-group-notification-name>New reviews</span>
<strong class="badge bg-primary-subtle small mx-2" data-v-notification-value>5</strong>
</a>
</div>
<div class="dropdown-item" data-v-group-notification>
<a href="#" data-v-site-href data-v-url-params='{"module":"content/comments"}'>
<i class="la la-comment"></i>
<span data-v-group-notification-name>Spam questions</span>
<strong class="badge bg-danger-subtle small" data-v-notification-value>2</strong>
</a>
</div>
</div>
</div>
</div>
<div class="btn-group" data-v-component-sites>
<form method="post">
<input type="hidden" name="csrf" data-v-csrf>
<button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="la la-sitemap me-1"></i>
<span data-v-site-info-name>Default site</span>
</button>
<div class="dropdown-menu">
<div data-v-site>
<button class="dropdown-item" href="#" data-v-site-site_id name="site" value="default">
<i class="la la-window-minimize la-lg me-2" data-v-if="state = 'live'" data-v-site-icon></i>
<i class="la la-lg me-2" data-v-if-not="state = 'live'" data-v-site-icon></i>
<span data-v-site-name>Default website</span>
</button>
</div>
<div data-v-site>
<a class="dropdown-item" href="#" data-v-site name="site" value="default">
<i class="la la-window-minimize la-lg me-2" data-v-site-icon></i>
<i class="la la-lg me-2" data-v-if-not="state = 'live'" data-v-site-icon></i>
<span data-v-site-name>Blog</span>
</a>
</div>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-v-url-params='{"module":"settings/site"}'>
<i class="la la-plus me-2"></i>
Add new
</a>
</div>
</form>
</div>
<div class="btn-group" data-v-component-states>
<form method="post">
<input type="hidden" name="csrf" data-v-csrf>
<button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-v-class-if-not-bg-danger-subtle="states.active = 'live'">
<i class="la text-success me-1" data-v-state-info-active_icon></i>
<span data-v-state-info-active_name>Live</span>
</button>
<div class="dropdown-menu">
<div data-v-state>
<button class="dropdown-item" href="#" onclick="return confirm('Are you sure you want to set your website to `' + dataset.state + '` state?')" name="state" data-state="live">
<i class="la la-broadcast-tower la-lg me-2" data-v-state-icon></i>
<span data-v-state-name>
Live
</span>
</button>
</div>
<div data-v-state>
<button class="dropdown-item" href="#" onclick="return confirm('Are you sure you want to set your website to maintenance?')" name="state" data-state="maintenance">
<i class="la la-wrench la-lg me-2" data-v-state-icon></i>
<span data-v-state-name>
Maintenance
</span>
</button>
</div>
<div data-v-state>
<button class="dropdown-item" href="#" onclick="return confirm('Are you sure you want to set your website to coming soon mode?')" name="state" data-state="coming soon">
<i class="la la-clock la-lg me-2" data-v-state-icon></i>
<span data-v-state-name>
Coming soon
</span>
</button>
</div>
</div>
</form>
</div>
<div class="btn-group" data-v-component-languages>
<form method="post">
<input type="hidden" name="csrf" data-v-csrf>
<button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="la la-flag me-1"></i>
<span data-v-language-info-name>English</span>
</button>
<div class="dropdown-menu">
<!--
<div data-v-if-not="this.languagesList" class="bg-warning-subtle p-2 small">
<div>No active language configured!</div>
</div>
-->
<div data-v-language>
<button class="dropdown-item" href="#" name="language" data-v-language-code>
<i class="la la-flag la-lg me-2"></i>
<span data-v-language-name>English</span>
</button>
</div>
<div data-v-language>
<button class="dropdown-item" href="#" name="language" data-v-language-code>
<i class="la la-flag la-lg me-2"></i>
<span data-v-language-name>Romanian</span>
</button>
</div>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-v-url-params='{"module":"localization/languages"}'>
<i class="la la-plus me-2"></i>
Add new
</a>
</div>
</form>
</div>
<div class="vr align-middle mx-1"></div>
<a target="_blank" id="top-docs-btn" href="{$this.adminPath}index.php?action=goToHelp" onclick="this.href = window.location.href.replace('action', 'origaction') + (window.location.href.indexOf('?') > 0 ? '&' : '?') + 'action=goToHelp'" class="btn" aria-expanded="false">
<i class="la la-lg la-question-circle"></i>
<span>Docs</span>
</a>
<div class="btn-group" data-v-component-admin>
<form action="{$this.adminPath}index.php?module=user/login" method="post" enctype="multipart/form-data" data-v-url-params='{"module":"user/login"}'>
<input type="hidden" name="csrf" data-v-csrf>
<button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="la la-user"></i>
<span data-v-admin-display_name>Admin</span>
<img class="ms-2 rounded-circle avatar" src="" height="24" data-v-admin-avatar>
</button>
<div class="dropdown-menu dropdown-menu-end">
<!--
<img class="d-block mx-auto rounded-circle" src="" height="64" data-v-admin-avatar>
<div class="dropdown-item">
<span data-v-admin-first_name>John</span>
<span data-v-admin-last_name>Doe</span>
</div>
<div class="dropdown-divider"></div>
-->
<a class="dropdown-item" href="#" data-v-admin-edit-url>
<i class="la la-edit me-2"></i>
<span>Edit Profile</span>
</a>
<div class="dropdown-divider"></div>
<div class="dropdown-item">
<input type="hidden" name="logout">
<button type="submit" value="logout" class="btn btn-primary btn-icon w-100">
<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">
<span>Logout</span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="actions">
<div class="title">
<h4 class="text-muted my-2">
<i class="icon-cube-outline"></i>
<span>Menus</span>
</h4>
</div>
<div>
<a href="{$this.adminPath}index.php?module=content/menus" title="Comment list" class="btn btn-icon btn-outline-secondary me-1">
<i class="la la-arrow-left"></i>
<span>Menus list</span>
</a>
</div>
<div data-v-if="this.menu_data.menu_id">
<button type="submit" class="btn btn-primary btn-icon ms-1" onclick="addTaxonomy(this)">
<i class="la la-plus"></i>
<span>Add item</span>
</button>
</div>
</div>
<div id="content">
<div class="content">
<div class="col-md-12">
<div class="notifications" data-v-notifications>
<div class="alert alert-danger d-flex alert-dismissable" role="alert" data-v-notification-error>
<div class="icon">
<i class="la la-exclamation-triangle"></i>
</div>
<div class="flex-grow-1 align-self-center" data-v-notification-text>
Vvveb 0.2 is now available! <a href="update">Update now</a>
</div>
<button type="button" class="btn-close ms-2 mt-2" 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>
<div class="icon">
<i class="la la-check-circle"></i>
</div>
<div class="flex-grow-1 align-self-center" data-v-notification-text>
You successfully read this important alert message.
</div>
<button type="button" class="btn-close ms-2 mt-2" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
<!-- <i class="la la-times"></i> -->
</span>
</button>
</div>
<div class="alert alert-warning d-flex alert-dismissable d-flex" role="alert" data-v-notification-warning>
<div class="icon">
<i class="la la-exclamation-triangle"></i>
</div>
<div class="flex-grow-1 align-self-center" data-v-notification-text>
You successfully read this important warning message.
</div>
<button type="button" class="btn-close ms-2 mt-2" 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>
<div class="icon">
<i class="la la-info-circle"></i>
</div>
<div class="flex-grow-1 align-self-center" data-v-notification-text>
You successfully read this important alert message.
</div>
<button type="button" class="btn-close ms-2 mt-2" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">
<!-- <i class="la la-times"></i> -->
</span>
</button>
</div>
</div>
<div class="card m-4">
<form method="post">
<input type="hidden" name="menu_id" value="" data-v-taxonomy_id>
<input type="hidden" name="csrf" data-v-csrf>
<input type="hidden" id="action" name="action" value="">
<div class="container-fluid m-3 pe-5" id="edit-form">
<div class="row">
<div class="col-auto">
<label class="col-form-label">Name</label>
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Name" aria-label="Name" name="menu_data[name]" data-v-name>
</div>
<div class="col-auto">
<label class="col-form-label">Slug</label>
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Slug" aria-label="Slug" name="menu_data[slug]" data-v-slug>
</div>
<div class="col-auto">
<button type="submit" class="btn btn-outline-primary btn-icon">
<i class="icon-create-outline"></i>
<span>Save</span>
</button>
</div>
</div>
<div class="row mt-3">
<div class="col-auto">
<label class="col-form-label">Sites</label>
</div>
<div class="col">
<div class="categories-list p-2" data-v-sites>
<label class="form-check d-inline-block me-4" data-v-site>
<input type="checkbox" class="form-check-input" value="1" name="site[]" data-v-site-site_id>
<span class="form-check-label" data-v-site-name title="Default">Default</span>
</label>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="dd" id="taxonomies" data-v-categories>
<div class="d-flex">
<button class="btn btn-icon btn-outline-secondary btn-sm me-2 mb-1" onclick="toggleAll(this)">
<i class="icon-chevron-down-outline"></i>
</button>
<label class="form-check">
<input type="checkbox" class="form-check-input" data-v-vvveb-action="table.bulkSelect">
<span class="form-check-label"></span>
<span class="custom-control-description">&nbsp;</span>
</label>
<div class="bulk-actions px-2" style="display:none">
<!--
<button type="button" data-bs-toggle="collapse" href="#filters" aria-expanded="false"
aria-controls="filters" title="Edit selected"
class="btn btn-primary btn-sm">
<i class="icon-create-outline"></i> Edit selected
</button>
-->
<button type="submit" name="action" value="delete" id="bulk-delete-btn" aria-expanded="false" data-v-check-permission-delete title="Delete selected" class="btn btn-icon btn-outline-secondary bg-body-tertiary text-danger btn-sm">
<i class="icon-trash-outline"></i> Delete selected
</button>
</div>
</div>
<ol class="dd-list" data-v-cats>
<input type="hidden" name="menu_id" value="" data-v-taxonomy_id>
<li class="dd-item dd3-item" data-v-id data-v-taxonomy_item>
<div class="dd-handle dd3-handle">Drag</div>
<div class="dd3-buttons">
<button onclick="removeTaxonomy(this)" title="Remove taxonomy" class="btn btn-outline-danger btn-icon btn-sm border-0">
<i class="la la-trash"></i>
</button>
<button onclick="addTaxonomy(this)" title="Add child taxonomy" class="btn btn-icon btn-outline-secondary btn-sm border-0">
<i class="la la-plus"></i>
</button>
<button type="button" data-bs-toggle="collapse" href="#filters" aria-expanded="false" aria-controls="filters" title="Edit" class="btn btn-icon btn-outline-secondary btn-sm border-0 expand-btn">
<i class="la la-pen"></i>
</button>
</div>
<div class="dd3-content">
<label class="form-check checkbox">
<input type="checkbox" class="form-check-input" data-v-vvveb-action="table.selectRow" value="" name="taxonomy_item_id[]" data-v-taxonomy_item_id>
<i class="icon-link-outline type-icon opacity-75"></i>
<!--
<i class="icon-cube-outline opacity-75" data-v-if="menu.type = 'product'"></i>
<i class="icon-document-outline opacity-75" data-v-if="menu.type = 'page'"></i>
<i class="icon-document-text-outline opacity-75" data-v-if="menu.type = 'post'"></i>
<i class="icon-link-outline opacity-75" data-v-if="menu.type = 'link'"></i>
<i class="icon-text-outline opacity-75" data-v-if="menu.type = 'text'"></i>
-->
<span class="form-check-label" data-v-taxonomy_item-name>New item</span>
</label>
</div>
<div class="expand" style="display:none">
<div class="card">
<div class="card-body">
<input name="sort_order" type="hidden" value="0" data-v-menu-sort_order>
<!-- languages -->
<ul class="nav nav-tabs language-nav field-lang" data-v-languages="taxonomy">
<li class="nav-item" data-v-language>
<a href="#language1" class="nav-link" data-bs-toggle="tab" aria-expanded="true" data-v-language-link>
<!-- img src="language/en-gb/en-gb.png" title="English" data-v-language-img -->
<span data-v-language-lang-name></span>
</a>
</li>
</ul>
<div class="tab-content" data-v-languages="taxonomy" style="clear:both">
<div class="my-3 required">
<label class="form-label">Type</label>
<select class="form-control" name="type" data-v-menu-type>
<option value="link">Link</option>
<option value="text">Text</option>
<option value="post">Post</option>
<option value="page">Page</option>
<option value="product">Product</option>
<option value="home">Home page</option>
<option value="blog">Blog</option>
<option value="shop">Shop</option>
<!--
<option value="taxonomy">Post Taxonomy (Category, Tag)</option>
<option value="taxonomy">Product Taxonomy (Category, Tag)</option>
-->
</select>
</div>
<div class="mb-3 required field field-product">
<label class="form-label">Product</label>
<div>
<input name="item_id" value="" placeholder="Type for autocomplete" autocomplete="off" type="search" data-type="product" class="form-control autocomplete" data-url="{$this.adminPath}index.php?module=product/product&action=productsAutocomplete" data-text="" data-v-menu-item_id />
</div>
</div>
<div class="mb-3 required field field-post">
<label class="form-label">Post</label>
<div>
<input name="item_id" value="" placeholder="Type for autocomplete" autocomplete="off" type="search" data-type="post" class="form-control autocomplete" data-url="{$this.adminPath}index.php?module=editor/autocomplete&action=posts" data-text="" data-v-menu-item_id />
</div>
</div>
<div class="mb-3 required field field-page">
<label class="form-label">Page</label>
<div>
<input name="item_id" value="" placeholder="Type for autocomplete" autocomplete="off" type="search" data-type="page" class="form-control autocomplete" data-url="{$this.adminPath}index.php?module=editor/autocomplete&action=posts&type=page" data-text="" data-v-menu-item_id />
</div>
</div>
<div class="tab-pane" id="language1" data-v-language data-v-language-id>
<!-- input name="taxonomy_content[1][language_id]" type="hidden" data-v-taxonomy-content-language_id -->
<input name="menu_item_content[1][language_id]" type="hidden" data-v-language_id>
<div class="mb-3 required field field-name">
<label class="form-label">Name</label>
<input name="menu_item_content[1][name]" value="Name" placeholder="Name" class="form-control dd-title" type="text" data-v-language-name required />
</div>
<div class="mb-3 required field field-content">
<label class="form-label">Content</label>
<textarea name="taxonomy_content[1][content]" value="Title" placeholder="Content" class="form-control html" type="text" data-v-language-content required></textarea>
</div>
</div>
<!-- languages end -->
<!--
<div class="mb-3 required field field-image">
<label class="form-label">Image</label>
<div>
<input type="hidden" data-v-image name="image" id="featured-image-input" value="">
<img data-v-image src="" 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="bg-body-tertiary rounded img-fluid">
<div class="py-3 text-center">
<div class="btn-group w-100">
<button type="button" class="btn btn-outline-secondary btn-icon btn-sm w-100"
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> Set media
</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>
-->
<div class="mb-3 required field field-url">
<label class="form-label">Url</label>
<div>
<input name="url" value="url" placeholder="Name" class="form-control" type="text" data-v-menu-url required />
</div>
</div>
</div>
</div>
<div class="card-footer text-end">
<button type="submit" class="btn btn-primary btn-icon btn-save">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Saving ...</span>...
</span>
<span class="button-text">
<i class="icon-create-outline"></i>
<span>Save changes</span>
</span>
</button>
</div>
</div>
</div>
</li>
</ol>
</div>
<div data-v-class-if-d-none="this.menu_id && this.count > 0" class="no-items">
<div>
<div class="text-center mb-4">
<i class="icon-cube-outline display-4 lh-1 text-secondary text-opacity-75"></i>
<div class="mt-3">No items to display!</div>
<a href="#" onclick="addTaxonomy(this)" class="btn btn-outline-secondary btn-icon mt-4" data-v-class-if-not-d-none="this.menu_id">
<i class="icon-add-outline"></i>
<span>Add item</span>
</a>
</div>
</div>
</div>
</div>
<div id="taxonomy-item-template" style="display:none">
<li class="dd-item dd3-item" data-v-id data-v-taxonomy_item>
<div class="dd-handle dd3-handle">Drag</div>
<div class="dd3-buttons">
<button onclick="removeTaxonomy(this)" title="Remove taxonomy" class="btn btn-outline-danger btn-icon btn-sm border-0">
<i class="la la-trash"></i>
</button>
<button onclick="addTaxonomy(this)" title="Add child taxonomy" class="btn btn-icon btn-outline-secondary btn-sm border-0">
<i class="la la-plus"></i>
</button>
<button type="button" data-bs-toggle="collapse" href="#filters" aria-expanded="false" aria-controls="filters" title="Edit" class="btn btn-icon btn-outline-secondary btn-sm border-0 expand-btn">
<i class="la la-pen"></i>
</button>
</div>
<div class="dd3-content">
<label class="form-check checkbox">
<input type="checkbox" class="form-check-input" data-v-vvveb-action="table.selectRow" value="" name="taxonomy_item_id[]" data-v-taxonomy_item_id>
<i class="icon-link-outline type-icon opacity-75"></i>
<!--
<i class="icon-cube-outline opacity-75" data-v-if="menu.type = 'product'"></i>
<i class="icon-document-outline opacity-75" data-v-if="menu.type = 'page'"></i>
<i class="icon-document-text-outline opacity-75" data-v-if="menu.type = 'post'"></i>
<i class="icon-link-outline opacity-75" data-v-if="menu.type = 'link'"></i>
<i class="icon-text-outline opacity-75" data-v-if="menu.type = 'text'"></i>
-->
<span class="form-check-label" data-v-taxonomy_item-name>New item</span>
</label>
</div>
<div class="expand" style="display:none">
<div class="card">
<div class="card-body">
<input name="sort_order" type="hidden" value="0" data-v-menu-sort_order>
<!-- languages -->
<ul class="nav nav-tabs language-nav field-lang" data-v-languages="taxonomy">
<li class="nav-item" data-v-language>
<a href="#language1" class="nav-link" data-bs-toggle="tab" aria-expanded="true" data-v-language-link>
<!-- img src="language/en-gb/en-gb.png" title="English" data-v-language-img -->
<span data-v-language-lang-name></span>
</a>
</li>
</ul>
<div class="tab-content" data-v-languages="taxonomy" style="clear:both">
<div class="my-3 required">
<label class="form-label">Type</label>
<select class="form-control" name="type" data-v-menu-type>
<option value="link">Link</option>
<option value="text">Text</option>
<option value="post">Post</option>
<option value="page">Page</option>
<option value="product">Product</option>
<option value="home">Home page</option>
<option value="blog">Blog</option>
<option value="shop">Shop</option>
<!--
<option value="taxonomy">Post Taxonomy (Category, Tag)</option>
<option value="taxonomy">Product Taxonomy (Category, Tag)</option>
-->
</select>
</div>
<div class="mb-3 required field field-product">
<label class="form-label">Product</label>
<div>
<input name="item_id" value="" placeholder="Type for autocomplete" autocomplete="off" type="search" data-type="product" class="form-control autocomplete" data-url="{$this.adminPath}index.php?module=product/product&action=productsAutocomplete" data-text="" data-v-menu-item_id />
</div>
</div>
<div class="mb-3 required field field-post">
<label class="form-label">Post</label>
<div>
<input name="item_id" value="" placeholder="Type for autocomplete" autocomplete="off" type="search" data-type="post" class="form-control autocomplete" data-url="{$this.adminPath}index.php?module=editor/autocomplete&action=posts" data-text="" data-v-menu-item_id />
</div>
</div>
<div class="mb-3 required field field-page">
<label class="form-label">Page</label>
<div>
<input name="item_id" value="" placeholder="Type for autocomplete" autocomplete="off" type="search" data-type="page" class="form-control autocomplete" data-url="{$this.adminPath}index.php?module=editor/autocomplete&action=posts&type=page" data-text="" data-v-menu-item_id />
</div>
</div>
<div class="tab-pane" id="language1" data-v-language data-v-language-id>
<!-- input name="taxonomy_content[1][language_id]" type="hidden" data-v-taxonomy-content-language_id -->
<input name="menu_item_content[1][language_id]" type="hidden" data-v-language_id>
<div class="mb-3 required field field-name">
<label class="form-label">Name</label>
<input name="menu_item_content[1][name]" value="Name" placeholder="Name" class="form-control dd-title" type="text" data-v-language-name required />
</div>
<div class="mb-3 required field field-content">
<label class="form-label">Content</label>
<textarea name="taxonomy_content[1][content]" value="Title" placeholder="Content" class="form-control html" type="text" data-v-language-content required></textarea>
</div>
</div>
<!-- languages end -->
<!--
<div class="mb-3 required field field-image">
<label class="form-label">Image</label>
<div>
<input type="hidden" data-v-image name="image" id="featured-image-input" value="">
<img data-v-image src="" 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="bg-body-tertiary rounded img-fluid">
<div class="py-3 text-center">
<div class="btn-group w-100">
<button type="button" class="btn btn-outline-secondary btn-icon btn-sm w-100"
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> Set media
</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>
-->
<div class="mb-3 required field field-url">
<label class="form-label">Url</label>
<div>
<input name="url" value="url" placeholder="Name" class="form-control" type="text" data-v-menu-url required />
</div>
</div>
</div>
</div>
<div class="card-footer text-end">
<button type="submit" class="btn btn-primary btn-icon btn-save">
<span class="loading d-none">
<span class="spinner-border spinner-border-sm align-middle" role="status" aria-hidden="true">
</span>
<span>Saving ...</span>...
</span>
<span class="button-text">
<i class="icon-create-outline"></i>
<span>Save changes</span>
</span>
</button>
</div>
</div>
</div>
</li>
</div>
<div id="taxonomy-fields-template" style="display:none">
<input name="sort_order" type="hidden" value="0" data-v-menu-sort_order>
<!-- languages -->
<ul class="nav nav-tabs language-nav field-lang" data-v-languages="taxonomy">
<li class="nav-item" data-v-language>
<a href="#language1" class="nav-link" data-bs-toggle="tab" aria-expanded="true" data-v-language-link>
<!-- img src="language/en-gb/en-gb.png" title="English" data-v-language-img -->
<span data-v-language-lang-name></span>
</a>
</li>
</ul>
<div class="tab-content" data-v-languages="taxonomy" style="clear:both">
<div class="my-3 required">
<label class="form-label">Type</label>
<select class="form-control" name="type" data-v-menu-type>
<option value="link">Link</option>
<option value="text">Text</option>
<option value="post">Post</option>
<option value="page">Page</option>
<option value="product">Product</option>
<option value="home">Home page</option>
<option value="blog">Blog</option>
<option value="shop">Shop</option>
<!--
<option value="taxonomy">Post Taxonomy (Category, Tag)</option>
<option value="taxonomy">Product Taxonomy (Category, Tag)</option>
-->
</select>
</div>
<div class="mb-3 required field field-product">
<label class="form-label">Product</label>
<div>
<input name="item_id" value="" placeholder="Type for autocomplete" autocomplete="off" type="search" data-type="product" class="form-control autocomplete" data-url="{$this.adminPath}index.php?module=product/product&action=productsAutocomplete" data-text="" data-v-menu-item_id />
</div>
</div>
<div class="mb-3 required field field-post">
<label class="form-label">Post</label>
<div>
<input name="item_id" value="" placeholder="Type for autocomplete" autocomplete="off" type="search" data-type="post" class="form-control autocomplete" data-url="{$this.adminPath}index.php?module=editor/autocomplete&action=posts" data-text="" data-v-menu-item_id />
</div>
</div>
<div class="mb-3 required field field-page">
<label class="form-label">Page</label>
<div>
<input name="item_id" value="" placeholder="Type for autocomplete" autocomplete="off" type="search" data-type="page" class="form-control autocomplete" data-url="{$this.adminPath}index.php?module=editor/autocomplete&action=posts&type=page" data-text="" data-v-menu-item_id />
</div>
</div>
<div class="tab-pane" id="language1" data-v-language data-v-language-id>
<!-- input name="taxonomy_content[1][language_id]" type="hidden" data-v-taxonomy-content-language_id -->
<input name="menu_item_content[1][language_id]" type="hidden" data-v-language_id>
<div class="mb-3 required field field-name">
<label class="form-label">Name</label>
<input name="menu_item_content[1][name]" value="Name" placeholder="Name" class="form-control dd-title" type="text" data-v-language-name required />
</div>
<div class="mb-3 required field field-content">
<label class="form-label">Content</label>
<textarea name="taxonomy_content[1][content]" value="Title" placeholder="Content" class="form-control html" type="text" data-v-language-content required></textarea>
</div>
</div>
<!-- languages end -->
<!--
<div class="mb-3 required field field-image">
<label class="form-label">Image</label>
<div>
<input type="hidden" data-v-image name="image" id="featured-image-input" value="">
<img data-v-image src="" 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="bg-body-tertiary rounded img-fluid">
<div class="py-3 text-center">
<div class="btn-group w-100">
<button type="button" class="btn btn-outline-secondary btn-icon btn-sm w-100"
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> Set media
</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>
-->
<div class="mb-3 required field field-url">
<label class="form-label">Url</label>
<div>
<input name="url" value="url" placeholder="Name" class="form-control" type="text" data-v-menu-url required />
</div>
</div>
</div>
</div>
</div>
</div>
<div id="main-footer">
Powered by <a href="https://www.vvveb.com" target="_blank">Vvveb</a>
</div>
</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">
<div class="modal-body p-0">
<form action="{$this.adminPath}/index.php?module=tools/search" method="get">
<input type="hidden" name="module" value="tools/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.autocomplete" 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 id="page-loading-status" class="progress progress-bar"></div>
<!--
<script id="jquery-js" src="js/jquery.min.js"></script>
-->
<script id="popper-js" src="js/popper.min.js"></script>
<script id="bootstrap-js" src="js/bootstrap.min.js"></script>
<script id="theme-js" src="js/theme.js"></script>
<!-- vvveb modules code -->
<script id="admin-js" type="module" src="/js/admin.js"></script>
<div class="toast-container">
<div id="taxonomyToast" class="toast position-fixed bottom-0 end-0 m-3" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-body">
<button type="button" class="btn-close float-end" data-bs-dismiss="toast" aria-label="Close"></button>
<span class="message d-flex align-items-center">This is a toast message.</span>
</div>
</div>
</div>
<script id="jquery-js" src="js/jquery.min.js"></script>
<script id="nestable-js" src="libs/nestable/jquery.nestable.js"></script>
<script src="libs/autocomplete/autocomplete.js"></script>
<script>
let mediaPath = '{ $this->mediaPath }';
let mediaScanUrl = '{ $this->scanUrl }';
let uploadUrl = '{ $this->uploadUrl }';
let deleteUrl = '{ $this->deleteUrl }';
let renameUrl = '{ $this->renameUrl }';
let mediaUrl = '{ $this->mediaUrl }';
let uploadMaxFilesize = '{ $this->uploadMaxFilesize }';
let postMaxSize = '{ $this->postMaxSize }';
let linkUrl = '{ $this->linkUrl }';
let vvvebThemeCss = '{ $this->themeCss }';//'/themes/blog-default/css/admin-post-editor.css'
</script>
<script id="autocomplete-js" src="libs/autocomplete/autocomplete.js"></script>
<!-- <script id="openverse-js" src="libs/media/openverse.js"></script> -->
<script id="media-js" src="libs/media/media.js"></script>
<script id="index-js" src="libs/vvveb/index.js"></script>
<link href="libs/media/media.css" rel="stylesheet">
<script id="tinymce-options-js" src="/js/libs/tinymce-options.js"></script>
<!--
<script type="module" src="/js/libs/tinymce-dist/jquery.tinymce.min.js"></script>
-->
<script id="tinymce-js" src="/js/libs/tinymce-dist/tinymce.min.js"></script>
<script id="oembed-js" src="/js/libs/oembed.js"></script>
<script id="tinymce-embed-js" src="/js/libs/tinymce-embed.js"></script>
<script>
var nestable = $('#taxonomies').nestable({
callback: function(l,e){
saveOrder(e);
}
});
let editorInstances = [];
if (typeof tinyMceOptions !== 'undefined') {
delete tinyMceOptions["selector"];
}
function toggleAll(btn) {
let icon = btn.querySelector("i");
if (icon.className == "icon-chevron-down-outline") {
icon.className = "icon-chevron-up-outline";
nestable.nestable('expandAll');
} else {
icon.className = "icon-chevron-down-outline";
nestable.nestable('collapseAll');
}
}
nestable.nestable('collapseAll');
$("#taxonomies").on("click", ".expand-btn",function () {
let item = $(this).closest(".dd3-item");
let id = item[0].dataset.vId;
$("[name='type']", item).trigger("change");
//intialize tinyMce if loaded, some plugins may remove tinymce to load a different editor
if (typeof tinyMceOptions !== 'undefined') {
let instances = editorInstances[id];
if (instances) {
for (instance of instances) {
//tinymce.activeEditor.destroy();
//instance.destroy();
instance.remove();
}
delete editorInstances[id];
} else {
//$(window).trigger("vvveb.tinymce.options", tinyMceOptions);
window.dispatchEvent(new CustomEvent("tinymce.options", {detail: tinyMceOptions}));
editorInstances[id] = [];
let textareas = $("> .expand textarea.html", item);
for (instance of textareas) {
tinyMceOptions["target"] = instance;
tinymce.init(tinyMceOptions).then(function(editors) {
//what to do after editors init
if (editors[0]) {
editorInstances[id].push(editors[0]);
}
});
}
}
}
$("> .expand", item).toggle();
});
//change menu item text when the text is edited
$("#taxonomies").on("change", '.dd3-item .dd-title, [name="item_id_text"]',function (e) {
let self = this;
delay(() => $(".dd3-content:first span", $(self).parents(".dd3-item:first")).html(this.value), 500);
});
const toastLiveExample = document.getElementById('taxonomyToast');
const toast = new bootstrap.Toast(toastLiveExample, {animation:false});
function getOrder(item) {
let parent = $(item).parents(".dd3-item:first");
let parent_id = parent.data("vId") ?? 0;
let menu_items = $("> .dd3-item", item.parent());
let data = [];
menu_items.each((i, menu_item) => {
let menu_item_id = menu_item.dataset.vId;
let sort_order = i;
data.push({menu_item_id, parent_id, sort_order, name: $(".dd3-content span", menu_item).html()});
});
return data;
}
function saveOrder(item) {
let data = getOrder(item);
$.ajax({
url: location.pathname + location.search + "&action=reorder",
type: 'post',
data: {menu_items:data, csrf: $("[name=csrf]").val()},
//dataType: 'json',
complete: function(data) {
$("#taxonomyToast .message").html('<i class="la la-info-circle fs-2 me-2"></i><span class="fs-6">' + data.responseText + '</span>');
toast.show();
//$('#cart > button').button('reset');
},
success: function(data) {
//$("header [data-v-component-cart]")[0].outerHTML = data;
//if (callback) callback(data);
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
})
.always(function(data) {
})
.done(function(data) {
//$("> .expand", item).toggle();
})
.fail(function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
});
}
function deleteItem(item) {
$.ajax({
url: location.pathname + location.search + "&action=delete",
type: 'post',
data: {menu_item_id:item.data("vId"), csrf:$("[name=csrf]").val()},
//dataType: 'json',
complete: function(data) {
$("#taxonomyToast .message").html(data.responseText);
toast.show();
item.remove();
if (!document.querySelector(".dd-list .dd3-item")) {
noItems.classList.remove("d-none");
}
//$('#cart > button').button('reset');
},
success: function(data) {
//$("header [data-v-component-cart]")[0].outerHTML = data;
//if (callback) callback(data);
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
})
.always(function(data) {
})
.done(function(data) {
//$("> .expand", item).toggle();
})
.fail(function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
});
}
function save() {
let element = this;
let item = $(this).closest(".dd3-item");
let menu_item_id = item.data("vId");
let parent = $(item).parents(".dd3-item:first");
let parent_id = parent.data("vId");
let menu_id = $("input[name='menu_id']").val();
let instances = editorInstances[item.data("vId")];
if (instances) {
for (instance of instances) {
instance.save();
}
}
/*
if (tinymce.activeEditor) {
tinymce.activeEditor.save();
}*/
let data = $("> .expand input:not([name=item_id]):not([name=item_id_text]),> .expand .field:visible input[name=item_id],> .expand .field:visible input[name=item_id_text],> .expand select, > .expand textarea", item).serializeArray();
if (menu_item_id) data.push({"name":"menu_item_id", "value": menu_item_id});
data.push({"name":"menu_id", "value": menu_id});
data.push({"name":"parent_id", "value": parent_id ?? 0});
data.push({"name":"csrf", "value": $("[name=csrf]").val()});
data.push({"name": "sort_order", "value": element.closest(".dd3-item").parentElement.querySelectorAll(".dd3-item").length});
/*
item.querySelectorAll(":scope > .expand input:not([name=item_id]):not([name=item_id_text]),> .expand .field:visible input[name=item_id],:scope > .expand .field:visible input[name=item_id_text],:scope > .expand select, :scope > .expand textarea").forEach( (el, i) => {
if (el.offsetParent) data[el.name] = el.value;
});
fetch(location.pathname + location.search + "&action=save", {
method: "POST",
body: new URLSearchParams(data),
headers: {
"X-Requested-With": "XMLHttpRequest",
}})
.then((response) => {
next = false;
if (!response.ok) {
return Promise.reject(response);
}
if (!response.ok) {
let message = response.statusText + " " + response.body();
throw new Error(message);
}
return response.json()
})
.then((json) => {
let message = json.message ?? json.responseText;
$('.loading', element).addClass('d-none');
$('.button-text', element).removeClass('d-none');
if ($(element).is('button')) {
$(element).removeAttr("disabled");
}
$("#taxonomyToast .message").html(message);
toast.show();
$("> .dd3-buttons .expand-btn", item).click();
})
.catch(error => {
let message = error.statusText ?? error;
if (typeof error.json === "function") {
error.json().then(jsonError => {
message = jsonError;
}).catch(genericError => {
message = error.statusText + " " + message;
});
}
$("#taxonomyToast .message").html(message);
toast.show();
});
*/
$.ajax({
url: location.pathname + location.search + "&action=save",
type: 'post',
data,
//dataType: 'json',
beforeSend: function() {
$('.loading', element).removeClass('d-none');
$('.button-text', element).addClass('d-none');
if ($(element).is('button')) {
$(element).attr("disabled", "true");
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
})
.always(function(data) {
let message = data.message ?? data.responseText ?? data;
$('.loading', element).addClass('d-none');
$('.button-text', element).removeClass('d-none');
if ($(element).is('button')) {
$(element).removeAttr("disabled");
}
item[0].dataset.vId = data.menu_item_id ?? 0;
item[0].querySelector('[name="taxonomy_item_id[]"]').value = data.menu_item_id ?? 0;
item.data("vId", data.menu_item_id ?? 0);
$("#taxonomyToast .message").html(message);
toast.show();
})
.done(function(data) {
//$("> .expand", item).toggle();
$("> .dd3-buttons .expand-btn", item).click();
})
.fail(function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
});
//$("> .expand", item).toggle();
}
$("#taxonomies").on("click", ".btn-save", save);
let noItems = document.querySelector(".no-items");
function addTaxonomy(button, event) {
console.log(button, event);
let parent = $(button).closest(".dd3-item");
noItems.classList.add("d-none");
if (!parent.length) {
parent = $("#taxonomies > ol");
//if list empty create it
if (!parent.length) {
parent = $("#taxonomies").append('<ol class="dd-list"></ol>');
}
} else {
if ($("> ol.dd-list", parent).length) {
$('> .dd-expand', parent)[0].click();
parent = $("> ol.dd-list", parent);
} else {
let list = $("<ol class='dd-list'></ol>");
let collapse = $('<button class="dd-collapse" data-action="collapse" type="button">Collapse</button>');
let expand = $('<button class="dd-expand" data-action="expand" type="button">Expand</button>');
parent.append(list);
parent.prepend(collapse);
parent.prepend(expand);
parent = list;
expand[0].click();
}
}
let item = $($("#taxonomy-item-template").html());
parent.append(item);
$(".expand-btn", item).click();
item[0].querySelectorAll('input.autocomplete').forEach(el => new _AutocompleteInput(el, el.dataset));
item[0].querySelectorAll('input.autocomplete-list').forEach(el => new _AutocompleteList(el, el.dataset));
$([document.documentElement, document.body]).animate({
scrollTop: item.offset().top
}, 2000);
item.delay(100).fadeOut().fadeIn('slow');
}
function removeTaxonomy(btnDelete) {
if (confirm("Are you sure?")) {
deleteItem($(btnDelete).parents(".dd3-item:first"));
}
}
let typeFields = {
'product':['product'],
'post':['post'],
'page':['page'],
'link':['name','url'],
'text':['name', 'content', 'image', 'url', 'lang'],
'taxonomy':['taxonomy'],
'home':['name'],
'blog':['name'],
'shop':['name'],
};
function changeMenuType(e) {
let menuItem = $(this).parents(".dd-item:first");
let type = this.value;
let fieldClasses = '';
if (typeFields[type]) {
fieldClasses = ".field-" + typeFields[type].join(",.field-");
}
$(".field",menuItem).hide();
$(fieldClasses,menuItem).show();
}
$("#taxonomies").on("change", "[name='type']", changeMenuType);
document.querySelectorAll('#taxonomies input.autocomplete').forEach(el => new _AutocompleteInput(el, el.dataset));
document.querySelectorAll('#taxonomies input.autocomplete-list').forEach(el => new _AutocompleteList(el, el.dataset));
document.getElementById('bulk-delete-btn')?.addEventListener('click', e => {
let ids = [];
document.querySelectorAll(".checkbox input[type='checkbox']:checked").forEach(el => {if (el.value) ids.push(el.value)});
if (ids) {
$.ajax({
url: location.pathname + location.search + "&action=delete",
type: 'post',
data: {menu_item_id:ids, csrf:$("[name=csrf]").val()},
//dataType: 'json',
complete: function(data) {
$("#taxonomyToast .message").html(data.responseText);
toast.show();
//$('#cart > button').button('reset');
},
success: function(data) {
//$("header [data-v-component-cart]")[0].outerHTML = data;
//if (callback) callback(data);
ids.forEach(id => document.querySelector(".dd-item[data-v-id='" + id + "']")?.remove());
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
})
.always(function(data) {
})
.done(function(data) {
//$("> .expand", item).toggle();
})
.fail(function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
});
}
});
document.addEventListener("click", function (e) {
let checkbox = e.target.closest(".checkbox input[type='checkbox']");
if (checkbox) {
let parent = checkbox.closest(".dd-item");
parent.querySelectorAll(".checkbox input[type='checkbox']").forEach(el => el.checked = checkbox.checked);
}
});
</script>
<!-- Modal -->
<div class="modal fade" id="heartBeatLogin" data-bs-backdrop="static" tabindex="-1" aria-labelledby="heartBeatLogin" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<span class="modal-title" id="heartBeatLogin">
<h5>Session has expired</h5>
<span>Login to resume your work</span>
</span>
<button type="button" class="btn-close me-2" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-5">
</div>
</div>
</div>
</div>
<!-- save toast -->
<div class="toast-container position-fixed end-0 bottom-0 me-4 my-4">
<div class="toast " role="alert" aria-live="assertive" aria-atomic="true" id="bottom-toast">
<div class="toast-header bg-success bg-opacity-25 border-0">
<strong class="me-auto">Page save</strong>
<!-- <small class="badge bg-success">status</small> -->
<button type="button" class="btn-close me-1" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body">
<div class="flex-grow-1">
<div class="message">
<div>Elements saved!</div>
<div>Template backup was saved!</div>
<div>Template was saved!</div>
</div>
<div>
<!-- <a class="btn btn-success btn-icon btn-sm w-100 mt-2" href="">View page</a></div> -->
</div>
</div>
</div>
</div>
<div class="toast-container position-fixed end-0 top-0 me-4 my-4">
<div class="toast " role="alert" aria-live="assertive" aria-atomic="true" id="top-toast">
<div class="toast-header bg-success bg-opacity-25 border-0">
<strong class="me-auto">Page save</strong>
<!-- <small class="badge bg-success">status</small> -->
<button type="button" class="btn-close me-1" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body">
<div class="flex-grow-1">
<div class="message">
<div>Elements saved!</div>
<div>Template backup was saved!</div>
<div>Template was saved!</div>
</div>
<div>
<!-- <a class="btn btn-success btn-icon btn-sm w-100 mt-2" href="">View page</a></div> -->
</div>
</div>
</div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink