mirror of
https://github.com/tabler/tabler.git
synced 2026-07-28 22:14:39 +04:00
layout rebuild
This commit is contained in:
codecalm
@@ -92,16 +92,6 @@ base:
|
||||
maintenance:
|
||||
url: maintenance.html
|
||||
title: Maintenance page
|
||||
a:
|
||||
title: A
|
||||
icon: menu
|
||||
children:
|
||||
b:
|
||||
title: B
|
||||
children:
|
||||
c:
|
||||
title: C
|
||||
url: tmp.html
|
||||
|
||||
layouts:
|
||||
title: Layouts
|
||||
|
||||
@@ -47,10 +47,6 @@
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.content-page {
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.debug a {
|
||||
color: inherit;
|
||||
margin-right: 1rem;
|
||||
|
||||
@@ -66,7 +66,7 @@
|
||||
|
||||
</div>
|
||||
|
||||
{% include layout/page-title.html title="Invoices" %}
|
||||
{% include layout/page-header.html title="Invoices" %}
|
||||
|
||||
<div class="row row-deck row-cards">
|
||||
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
{% comment %}
|
||||
{% assign current-page = page.menu | default: layout.menu | split: '.' %}
|
||||
|
||||
<ul class="sidebar-nav">
|
||||
@@ -62,3 +63,4 @@
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endcomment %}
|
||||
@@ -1,3 +1,4 @@
|
||||
{% comment %}
|
||||
{% assign current-page = page.menu | default: layout.menu | split: '.' %}
|
||||
<ul class="navbar-nav flex-wrap flex-fill{% if include.class %} {{ include.class }}{% endif %}">
|
||||
{% for level-1 in site.data.menu %}
|
||||
@@ -49,3 +50,4 @@
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endcomment %}
|
||||
|
||||
@@ -0,0 +1,10 @@
|
||||
<nav class="navbar navbar-vertical navbar-expand-md navbar-dark navbar-primary" id="navbar-primary">
|
||||
<div class="container">
|
||||
<div>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse, quae, veniam? Adipisci alias assumenda debitis dolores ex laudantium nam, nesciunt non, pariatur quis repellat suscipit unde vel veniam veritatis voluptatem!
|
||||
</div>
|
||||
|
||||
<div style="opacity: .64;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi consequatur cum delectus dicta dolor doloribus dolorum eum expedita facere in nesciunt, nostrum perferendis porro quas, quibusdam ratione rerum sit voluptatum!</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@@ -0,0 +1,6 @@
|
||||
<nav class="navbar navbar-light navbar-secondary" id="navbar-secondary">
|
||||
<div class="container">
|
||||
navbar-secondary
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<!-- Page title -->
|
||||
<div class="page-title-box">
|
||||
<div class="page-header">
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
@@ -21,7 +21,7 @@
|
||||
{% endif %}
|
||||
|
||||
{% if include.actions %}
|
||||
{% include layout/page-title-actions.html actions=include.actions %}
|
||||
{% include layout/page-header-actions.html actions=include.actions %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,3 +1,5 @@
|
||||
{% comment %}
|
||||
|
||||
<aside class="sidebar{% if page.sidebar-dark %} sidebar-dark{% endif %}{% if page.sidebar-narrow %} sidebar-narrow{% endif %}{% if page.sidebar-right %} sidebar-right{% endif %}">
|
||||
<!-- Sidebar logo -->
|
||||
{% include layout/navbar-logo.html prefix="sidebar" %}
|
||||
@@ -25,3 +27,4 @@
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
{% endcomment %}
|
||||
@@ -1,3 +1,5 @@
|
||||
{% comment %}
|
||||
|
||||
{% assign person-id = include.person-id | default: 12 | minus: 1 %}
|
||||
{% assign person = site.data.people[person-id] %}
|
||||
|
||||
@@ -74,4 +76,6 @@
|
||||
{% endunless %}
|
||||
|
||||
</header>
|
||||
{% endunless %}
|
||||
{% endunless %}
|
||||
|
||||
{% endcomment %}
|
||||
@@ -1,7 +1,7 @@
|
||||
---
|
||||
layout: default
|
||||
menu: components
|
||||
page-title: Tabler components
|
||||
page-header: Tabler components
|
||||
og-component: true
|
||||
---
|
||||
|
||||
|
||||
@@ -2,24 +2,19 @@
|
||||
layout: base
|
||||
---
|
||||
|
||||
{% assign page-title = page.page-title | default: layout.page-title %}
|
||||
{% assign page-header = page.page-header | default: layout.page-header %}
|
||||
|
||||
<div class="page">
|
||||
{% if page.sidebar %}
|
||||
{% include layout/sidebar.html %}
|
||||
{% endif %}
|
||||
{% include layout/navbar-primary.html %}
|
||||
{% include layout/navbar-secondary.html %}
|
||||
|
||||
<div class="content">
|
||||
{% include layout/topnav.html %}
|
||||
<main class="container">
|
||||
{% if page-header %}
|
||||
{% include layout/page-header.html title=page-header description=page.page-header-description actions=page.page-header-actions pretitle=page.page-header-pretitle %}
|
||||
{% endif %}
|
||||
|
||||
<div class="content-page">
|
||||
<main class="container{% if page.container-size %}-{{ page.container-size }}{% endif %} my-4 flex-fill">
|
||||
{% if page-title %}
|
||||
{% include layout/page-title.html title=page-title description=page.page-title-description actions=page.page-title-actions pretitle=page.page-pretitle %}
|
||||
{% endif %}
|
||||
|
||||
{{ content }}
|
||||
</main>
|
||||
</div>
|
||||
{{ content }}
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
layout: default
|
||||
menu: docs
|
||||
title: Documentation
|
||||
page-title: Documentation
|
||||
page-header: Documentation
|
||||
---
|
||||
|
||||
{% assign current-url = page.url | replace_regex: "^/", "" %}
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Index
|
||||
page-title: Index
|
||||
page-header: Index
|
||||
menu: index
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Blog
|
||||
page-title: Blog
|
||||
page-header: Blog
|
||||
menu: extra.blog
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Buttons
|
||||
page-title: Buttons
|
||||
page-header: Buttons
|
||||
done: true
|
||||
menu: base.buttons
|
||||
---
|
||||
|
||||
+2
-2
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Calendar
|
||||
page-title: Calendar
|
||||
page-title-actions: calendar
|
||||
page-header: Calendar
|
||||
page-header-actions: calendar
|
||||
menu: base.calendar
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Cards
|
||||
page-title: Cards
|
||||
page-header: Cards
|
||||
menu: base.cards
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Carousel
|
||||
page-title: Carousel
|
||||
page-header: Carousel
|
||||
layout: default
|
||||
done: true
|
||||
menu: base.carousel
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Changelog
|
||||
page-title: Changelog
|
||||
page-header: Changelog
|
||||
menu: changelog
|
||||
done: true
|
||||
---
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Heatmap Charts
|
||||
page-title: Heatmap Charts
|
||||
page-header: Heatmap Charts
|
||||
done: true
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Charts
|
||||
page-title: Charts
|
||||
page-header: Charts
|
||||
menu: charts
|
||||
---
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Crypto currencies
|
||||
page-title: Crypto currencies
|
||||
page-header: Crypto currencies
|
||||
done: true
|
||||
---
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Dropdowns
|
||||
page-title: Dropdowns
|
||||
page-header: Dropdowns
|
||||
---
|
||||
|
||||
{% include ui/dropdown-menu.html show=true class="mr-3 mb-3 align-top" %}
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Email
|
||||
page-title: Crypto currencies
|
||||
page-header: Crypto currencies
|
||||
---
|
||||
|
||||
<div class="row">
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Flags
|
||||
page-title: Flags
|
||||
page-header: Flags
|
||||
done: true
|
||||
---
|
||||
<div class="d-flex flex-row flex-wrap">
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Form elements
|
||||
page-title: Form elements
|
||||
page-header: Form elements
|
||||
menu: forms
|
||||
---
|
||||
|
||||
|
||||
+3
-3
@@ -1,8 +1,8 @@
|
||||
---
|
||||
title: Gallery
|
||||
page-title: Gallery
|
||||
page-title-description: 1-12 of 241 photos
|
||||
page-title-actions: photos
|
||||
page-header: Gallery
|
||||
page-header-description: 1-12 of 241 photos
|
||||
page-header-actions: photos
|
||||
done: true
|
||||
menu: base.gallery
|
||||
---
|
||||
|
||||
+2
-2
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Homepage
|
||||
page-title: Homepage
|
||||
page-pretitle: Overview
|
||||
page-header: Homepage
|
||||
page-header-pretitle: Overview
|
||||
---
|
||||
|
||||
<div class="row">
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Icons
|
||||
page-title: Icons
|
||||
page-header: Icons
|
||||
---
|
||||
|
||||
<div class="row">
|
||||
|
||||
+3
-3
@@ -1,8 +1,8 @@
|
||||
---
|
||||
title: Dashboard
|
||||
page-title: Dashboard
|
||||
page-pretitle: Overview
|
||||
page-title-actions: buttons
|
||||
page-header: Dashboard
|
||||
page-header-pretitle: Overview
|
||||
page-header-actions: buttons
|
||||
menu: home
|
||||
---
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
page-title: Page Layouts
|
||||
page-header: Page Layouts
|
||||
menu: layouts
|
||||
topmenu-dark: true
|
||||
---
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
page-title: Page Layouts
|
||||
page-header: Page Layouts
|
||||
menu: layouts
|
||||
topnav-dark: true
|
||||
---
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
page-title: Page Layouts
|
||||
page-header: Page Layouts
|
||||
menu: layouts
|
||||
---
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
page-title: Page Layouts
|
||||
page-header: Page Layouts
|
||||
menu: layouts
|
||||
sidebar: true
|
||||
sidebar-dark: true
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
page-title: Page Layouts
|
||||
page-header: Page Layouts
|
||||
menu: layouts
|
||||
sidebar: true
|
||||
sidebar-dark: true
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
page-title: Page Layouts
|
||||
page-header: Page Layouts
|
||||
menu: layouts
|
||||
sidebar: true
|
||||
hide-topnav: true
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
page-title: Page Layouts
|
||||
page-header: Page Layouts
|
||||
menu: layouts
|
||||
sidebar: true
|
||||
sidebar-right: true
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
page-title: Page Layouts
|
||||
page-header: Page Layouts
|
||||
menu: layouts
|
||||
sidebar: true
|
||||
---
|
||||
|
||||
+1
-1
@@ -1,5 +1,5 @@
|
||||
---
|
||||
page-title: Page Layouts
|
||||
page-header: Page Layouts
|
||||
menu: layouts
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
tmp: true
|
||||
page-title: Tabler licence
|
||||
page-header: Tabler licence
|
||||
---
|
||||
|
||||
<div class="card">
|
||||
|
||||
+1
-1
@@ -1,7 +1,7 @@
|
||||
---
|
||||
menu: base.lists
|
||||
title: Lists
|
||||
page-title: Lists
|
||||
page-header: Lists
|
||||
---
|
||||
|
||||
<div class="row">
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Lookup company
|
||||
page-title: Lookup company
|
||||
page-header: Lookup company
|
||||
layout: default
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Maps
|
||||
page-title: Maps
|
||||
page-header: Maps
|
||||
---
|
||||
|
||||
<div class="row">
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Markdown
|
||||
page-title: Markdown
|
||||
page-header: Markdown
|
||||
---
|
||||
|
||||
# Who's that then?
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Music components
|
||||
page-title: Music components
|
||||
page-header: Music components
|
||||
menu: base.music
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Pricing cards
|
||||
page-title: Pricing cards
|
||||
page-header: Pricing cards
|
||||
done: true
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Profile
|
||||
page-title: Profile
|
||||
page-header: Profile
|
||||
menu: base.profile
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Ribbons
|
||||
page-title: Ribbons
|
||||
page-header: Ribbons
|
||||
done: true
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,7 +1,7 @@
|
||||
---
|
||||
rtl: true
|
||||
title: RTL mode
|
||||
page-title: RTL mode
|
||||
page-header: RTL mode
|
||||
menu: pages.rtl
|
||||
---
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
page-title: Search results
|
||||
page-title-description: About 2,410 result (0.19 seconds)
|
||||
page-header: Search results
|
||||
page-header-description: About 2,410 result (0.19 seconds)
|
||||
menu: extra.search-results
|
||||
---
|
||||
|
||||
|
||||
+2
-2
@@ -1,7 +1,7 @@
|
||||
---
|
||||
title: Snippets
|
||||
page-title: Snippets
|
||||
page-title-right: date
|
||||
page-header: Snippets
|
||||
page-header-actions: date
|
||||
menu: extra.snippets
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Social elements
|
||||
page-title: Social elements
|
||||
page-header: Social elements
|
||||
done: true
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Store
|
||||
page-title: Store
|
||||
page-header: Store
|
||||
---
|
||||
|
||||
|
||||
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Tabs
|
||||
page-title: Tabs
|
||||
page-header: Tabs
|
||||
done: true
|
||||
---
|
||||
|
||||
|
||||
+1
-1
@@ -1,5 +1,5 @@
|
||||
---
|
||||
page-title: Dark
|
||||
page-header: Dark
|
||||
---
|
||||
|
||||
<div class="row row-md">
|
||||
|
||||
@@ -0,0 +1,84 @@
|
||||
---
|
||||
tmp: true
|
||||
page-header: Layout test
|
||||
page-header-actions: breadcrumb
|
||||
---
|
||||
|
||||
<div class="row row-cards">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="btn-list">
|
||||
<a href="#" class="btn btn-secondary" data-theme-toggle="navbar-vertical">Toggle sidebar</a>
|
||||
<a href="#" class="btn btn-secondary" data-theme-toggle="navbar-vertical-narrow">Sidebar narrow</a>
|
||||
<a href="#" class="btn btn-secondary" data-theme-toggle="navbar-right">Sidebar left/right</a>
|
||||
<a href="#" class="btn btn-secondary" data-theme-toggle="navbar-color">Sidebar color</a>
|
||||
<a href="#" class="btn btn-secondary" data-theme-toggle="navbar-secondary">Toggle secondary</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for i in (1..6) %}
|
||||
<div class="col-md-6">
|
||||
<div class="card card-body">
|
||||
<div style="height: 10rem;"></div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% for i in (1..6) %}
|
||||
<div class="col-md-4">
|
||||
<div class="card card-body">
|
||||
<div style="height: 10rem;"></div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% capture_global scripts %}
|
||||
<script>
|
||||
(function () {
|
||||
var navbarPrimary = document.getElementById('navbar-primary'),
|
||||
navbarSecondary = document.getElementById('navbar-secondary');
|
||||
|
||||
var events = {
|
||||
'navbar-vertical': function () {
|
||||
navbarPrimary.classList.toggle('navbar-vertical');
|
||||
},
|
||||
'navbar-right': function () {
|
||||
navbarPrimary.classList.toggle('navbar-right');
|
||||
},
|
||||
'navbar-vertical-narrow': function () {
|
||||
navbarPrimary.classList.toggle('navbar-vertical-narrow');
|
||||
},
|
||||
'navbar-color': function () {
|
||||
var classList = navbarPrimary.classList;
|
||||
|
||||
if (classList.contains('navbar-light')) {
|
||||
classList.add('navbar-dark');
|
||||
classList.remove('navbar-light');
|
||||
} else {
|
||||
classList.add('navbar-light');
|
||||
classList.remove('navbar-dark');
|
||||
}
|
||||
},
|
||||
'navbar-secondary': function () {
|
||||
navbarSecondary.classList.toggle('d-none');
|
||||
},
|
||||
};
|
||||
|
||||
for (var name in events) {
|
||||
var event = events[name];
|
||||
|
||||
(function(event){
|
||||
document.querySelector('[data-theme-toggle="' + name + '"]').addEventListener("click", function (e) {
|
||||
event.call();
|
||||
e.preventDefault();
|
||||
return false;
|
||||
});
|
||||
})(event);
|
||||
}
|
||||
|
||||
})();
|
||||
</script>
|
||||
{% endcapture_global %}
|
||||
+1
-1
@@ -1,6 +1,6 @@
|
||||
---
|
||||
tmp: true
|
||||
page-title: Search results
|
||||
page-header: Search results
|
||||
---
|
||||
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Typography
|
||||
page-title: Typography
|
||||
page-header: Typography
|
||||
done: true
|
||||
---
|
||||
|
||||
|
||||
+3
-3
@@ -1,9 +1,9 @@
|
||||
---
|
||||
layout: default
|
||||
title: Users list
|
||||
page-title: Users
|
||||
page-title-actions: users
|
||||
page-title-description: 1-18 of 413 people
|
||||
page-header: Users
|
||||
page-header-actions: users
|
||||
page-header-description: 1-18 of 413 people
|
||||
done: true
|
||||
menu: base.users
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user