mirror of
https://github.com/tabler/tabler.git
synced 2026-07-30 15:04:38 +04:00
layout manager form
This commit is contained in:
codecalm
@@ -8,9 +8,10 @@
|
||||
<script src="{{ site.base }}/libs/selectize/js/standalone/selectize.min.js"></script>
|
||||
|
||||
|
||||
<script src="{{ site.base }}/js/polyfill.js"></script>
|
||||
<script src="{{ site.base }}/js/tabler.js"></script>
|
||||
<script src="{{ site.base }}/js/app/charts.js"></script>
|
||||
<script src="{{ site.base }}/js/app/demo.js"></script>
|
||||
<script src="{{ site.base }}/js/charts.js"></script>
|
||||
<script src="{{ site.base }}/js/demo.js"></script>
|
||||
|
||||
<script>
|
||||
window.tabler = window.tabler || {};
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
{% assign menu = page.menu | default: layout.menu %}
|
||||
<aside class="d-none d-lg-flex navbar navbar-side{% if include.dark %} navbar-dark{% endif %}{% if include.fixed %} navbar-fixed{% endif %}{% if page.nav-position == 'right' %} navbar-right{% endif %}{% if include.folded %} navbar-folded{% endif %}">
|
||||
<aside class="d-none d-lg-flex navbar navbar-side{% if include.dark %} navbar-dark{% endif %}{% if include.fixed %} navbar-fixed{% endif %}{% if page.nav-position == 'right' %} navbar-right{% endif %}{% if include.folded %} navbar-folded{% endif %} js-sidebar">
|
||||
{% include layout/sidenav-content.html menu=menu %}
|
||||
</aside>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<header class="navbar navbar-expand-lg{% if include.dark %} navbar-dark{% endif %}{% if include.sticky %} navbar-sticky{% endif %}">
|
||||
<header class="navbar navbar-expand-lg{% if include.dark %} navbar-dark{% endif %}{% if include.sticky %} navbar-sticky{% endif %} js-header">
|
||||
{% include parts/navbar.html logo=true search=true user-menu=1 person=1 dark=include.dark fluid=include.fluid %}
|
||||
</header>
|
||||
|
||||
|
||||
@@ -1,10 +1,11 @@
|
||||
{% assign values = include.values | default: "One,Two,Three" | split: ',' %}
|
||||
{% assign default = include.default | default: '' %}
|
||||
{% assign type = include.type | default: "checkbox" %}
|
||||
{% assign name = include.name | default: "name" %}
|
||||
<div class="selectgroup{% if include.class %} {{ include.class }}{% endif %}">
|
||||
{% for value in values %}
|
||||
<label class="selectgroup-item">
|
||||
<input type="{{ type }}" name="input-{{ name }}" value="{{ value }}" class="selectgroup-input"{% if forloop.first %}{% if type == "radio" %} selected{% else %} checked{% endif %}{% endif %}>
|
||||
<input type="{{ type }}" name="{{ name }}" value="{{ value }}" class="selectgroup-input"{% if value == default%}{% if type == "radio" %} checked{% else %} checked{% endif %}{% endif %}>
|
||||
{% assign s = value | split: "i:" %}
|
||||
<span class="selectgroup-button">{% if s.size == 2 %}{% assign icon = s[1] %}{% include ui/icon.html icon=icon %}{% else %}{{ value }}{% endif %}</span>
|
||||
</label>
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
<title>{% if page.title %}{{ page.title }} - {% endif %}{% if layout.title %}{{ layout.title }} - {% endif %}{% if site.title %}{{ site.title }} - {% endif %}{{ site.description }}</title>
|
||||
|
||||
{% include layout/css.html %}
|
||||
{% include layout/js.html %}
|
||||
<style>body { display: none; }</style>
|
||||
</head>
|
||||
<body class="antialiased {% if page.dark-theme %} theme-dark{% endif %}{% if layout.body-class %} {{ layout.body-class }}{% endif %}{% if page.body-class %} {{ page.body-class }}{% endif %}">
|
||||
|
||||
@@ -33,5 +33,7 @@
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% include layout/js.html %}
|
||||
<script>document.body.style.display = 'block';</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+31
-2
@@ -7,10 +7,39 @@ title: Layout manager
|
||||
Layout manager
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form action="">
|
||||
<form action="" class="js-layout-form">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div id="layout-manager"></div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Color scheme</label>
|
||||
{% include ui/input-selectgroup.html name="color-scheme" values="light,dark" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Nav position</label>
|
||||
{% include ui/input-selectgroup.html name="nav-position" values="top,side" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Sidebar position</label>
|
||||
{% include ui/input-selectgroup.html name="sidebar-position" values="left,right" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Sidebar size</label>
|
||||
{% include ui/input-selectgroup.html name="sidebar-size" values="default,folded" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Sidebar color</label>
|
||||
{% include ui/input-selectgroup.html name="sidebar-color" values="light,dark" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Header color</label>
|
||||
{% include ui/input-selectgroup.html name="header-color" values="light,dark" type="radio" class="w-100p" %}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--<div class="form-footer">-->
|
||||
<!--<button type="submit" class="btn btn-primary">Save options</button>-->
|
||||
<!--</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -1,38 +0,0 @@
|
||||
---
|
||||
---
|
||||
|
||||
<div class="card">
|
||||
{% include parts/navbar.html stamp=true big-menu=true user-menu=2 %}
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
{% include parts/navbar.html logo=true big-menu=true user-menu=3 person=5 %}
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
{% include parts/navbar.html logo=true user-menu=4 person=7 progress=true %}
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
{% include parts/navbar.html sync=true title="Settings" %}
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
{% include parts/navbar.html register=true %}
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
{% include parts/navbar.html premium=true %}
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
{% include parts/navbar.html plus=true %}
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
{% include parts/navbar.html title="Dashboard" language=true %}
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
{% include parts/navbar.html title="Business Analytics Overview" manage=true %}
|
||||
</div>
|
||||
Reference in New Issue
Block a user