Skip to content

v2.0.0: upgrade to Bootstrap 5 #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
paullaros merged 29 commits into from
Sep 4, 2020
Merged

v2.0.0: upgrade to Bootstrap 5 #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
29 commits
Select commit Hold shift + click to select a range
e62f162
Upgrade to BS5
paullaros Aug 28, 2020
31eda0a
Update scss
paullaros Aug 28, 2020
64f9a66
Update views
paullaros Aug 28, 2020
55ad28b
Update table card and breacrumb styling
paullaros Aug 28, 2020
c0c5b4c
Badges, Media, maps
paullaros Aug 28, 2020
10e9ba6
Social buttons
paullaros Aug 28, 2020
ed50178
Upgrade dependencies
paullaros Aug 28, 2020
6715e61
Replace jvectormap-next with jsvectormap
paullaros Aug 28, 2020
7db16a3
delete jquery-jvectormap-world-mill.js
paullaros Aug 28, 2020
3c231aa
Replace document ready's
paullaros Aug 28, 2020
2a3f4a8
Replace tempusdominus datetimepicker with flatpickr
paullaros Aug 28, 2020
00bacab
Remove jQuery/add docs to chartjs, feather, flatpickr, moment, sideba…
paullaros Aug 28, 2020
df05707
Drop jQuery in sidebar
paullaros Aug 28, 2020
4e2ff98
Dropped jQuery & expose-loader
paullaros Aug 28, 2020
aeb5334
Bump versions and update readme
paullaros Aug 28, 2020
85eacbf
Remove vendor.js bundle
paullaros Aug 28, 2020
60f528d
Update README
paullaros Aug 30, 2020
4f07e50
Update description in package.json
paullaros Aug 30, 2020
6d20e13
Formatting
paullaros Aug 30, 2020
10465fd
Updates images in README
paullaros Aug 30, 2020
90f3adf
Updates images in README
paullaros Aug 30, 2020
39878b9
Update changelog
paullaros Aug 30, 2020
5d1860c
remove unused images
paullaros Sep 1, 2020
5a021a4
font-display: block;
paullaros Sep 3, 2020
eadd48b
Consistent quotes
paullaros Sep 3, 2020
888f032
Update slogan & keywords
paullaros Sep 4, 2020
1ba9f8e
Remove user-agent.js
paullaros Sep 4, 2020
a043e28
Update date
paullaros Sep 4, 2020
b207611
not ie >= 0
paullaros Sep 4, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,14 @@

All notable changes to this project will be documented in this file.

## [2.0.0] 2020-09-04

- Upgrade to Bootstrap 5
- Drop jQuery as dependency
- Replace jvectormap-next with jsvectormap
- Replace tempusdominus with flatpickr
- Upgrade dependencies

## [1.0.2] 2020-07-26

- Fix issue with dropdown overflow on mobile
Expand Down
32 changes: 22 additions & 10 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,23 @@
# AdminKit
# AdminKit - Bootstrap 5 Admin Template ![Twitter URL](https://img.shields.io/twitter/url?style=social&url=https%3A%2F%2Fadminkit.io%2F&text=AdminKit%20-%20Open%20Source%20Bootstrap%205%20Admin%20Template)

A professional Admin & Dashboard template based on Bootstrap that comes with hundreds of UI components, forms, tables, charts, pages and icons.
A professional Admin & Dashboard template based on Bootstrap 5 that comes with hundreds of UI components, forms, tables, charts, pages and icons. AdminKit **does not require jQuery** and neither does one of the 3rd party libraries AdminKit is using.

<strong><a href="https://demo.adminkit.io/">View Demo</a> | <a href="https://github.com/adminkit/adminkit/archive/master.zip">Download ZIP</a> | <a href="https://adminkit.io/">Visit Website</a></strong>

[![AdminKit Demo](/src/img/screenshot.png)](https://demo.adminkit.io/)
[![AdminKit Demo](https://assets.adminkit.io/banners/adminkit-bootstrap-5-admin-template.png)](https://demo.adminkit.io/)

## Status

![version](https://img.shields.io/badge/version-1.0.2-blue.svg) ![license](https://img.shields.io/badge/license-MIT-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/adminkit/adminkit.svg)](https://github.com/adminkit/adminkit/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/adminkit/adminkit.svg)](https://github.com/adminkit/adminkit/issues?q=is%3Aissue+is%3Aclosed)
![Version](https://img.shields.io/github/package-json/v/adminkit/adminkit) ![License](https://img.shields.io/badge/license-MIT-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/adminkit/adminkit.svg)](https://github.com/adminkit/adminkit/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/adminkit/adminkit.svg)](https://github.com/adminkit/adminkit/issues?q=is%3Aissue+is%3Aclosed)

## Features

* **Customizable:** You don't need to be an expert to customize AdminKit. Our code is very readable and well documented.
* **Fully Responsive:** With mobile, tablet & desktop support it doesn't matter what device you're using. AdminKit is responsive in all browsers.
* **Cross Browser:** Our themes are working perfectly with: Chrome, Firefox, Safari, Opera and Edge. We're working hard to support them.
* **HTML5 & CSS3:** We use only modern web technologies, such as HTML5 and CSS3. AdminKit includes some subtle CSS3 animations, which will help you attract attention.
* **Cross-Browser:** Our themes are working perfectly with Chrome, Firefox, Safari, Opera, and Edge. We're working hard to support them.
* **Clean Code:** We strictly follow Bootstrap's guidelines to make your integration as easy as possible. All code is handwritten.
* **Regular Updates:** From time to time you'll receive an update containing new components, improvements and bugfixes.
* **No jQuery:** AdminKit, and all third-party libraries used in the admin template, do not require jQuery as a dependency.
* **Regular Updates:** From time to time you'll receive an update containing new components, improvements, and bugfixes.

## Quick start

Expand Down Expand Up @@ -49,12 +49,24 @@ Compile, optimize, minify and uglify all source files to dist/ folder:
npm run build
```

## Browser Support

| <img src="https://assets.adminkit.io/browsers/edge.png" alt="Edge" width="24px" height="24px" /><br/>Edge | <img src="https://assets.adminkit.io/browsers/firefox.png" alt="Firefox" width="24px" height="24px" /><br/>Firefox | <img src="https://assets.adminkit.io/browsers/chrome.png" alt="Chrome" width="24px" height="24px" /><br/>Chrome | <img src="https://assets.adminkit.io/browsers/safari.png" alt="Safari" width="24px" height="24px" /><br/>Safari | <img src="https://assets.adminkit.io/browsers/safari-ios.png" alt="iOS Safari" width="24px" height="24px" /><br/>iOS Safari |
| --------- | --------- | --------- | --------- | --------- |
| last version| last 2 versions| last 2 versions| last 2 versions| last 2 versions

## Resources

* [Demo](https://demo.adminkit.io/)
* [Website](https://adminkit.io/)
* [Documentation](https://adminkit.io/docs)
* [Support](https://adminkit.io/support/)
* [Affiliate Program](https://adminkit.io/affiliate-program)

## Bugs and feature requests

Found a bug or have a feature request? [Please open a new issue](https://github.com/adminkit/adminkit/issues/new).

## Upgrade to Pro version

Get more power with "[AdminKit Pro - The Ultimate Bootstrap Admin Template](https://adminkit.io/)". It has many more features compared to the free version to help create awesome apps!

[Upgrade to Pro »](https://adminkit.io/pricing)
Get more power with AdminKit Pro, a premium variant of AdminKit, featuring hundreds of UI components, forms, tables, charts, pages, and icons. Check out [AdminKit Pro - Bootstrap 5 Admin Template](https://adminkit.io/pricing/).
47 changes: 22 additions & 25 deletions examples/charts-chartjs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@
<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="Responsive Admin &amp; Dashboard Template based on Bootstrap">
<meta name="description" content="Responsive Admin &amp; Dashboard Template based on Bootstrap 5">
<meta name="author" content="AdminKit">
<meta name="keywords" content="adminkit, bootstrap, web ui kit, dashboard template, admin template">
<meta name="keywords" content="adminkit, bootstrap, bootstrap 5, admin, dashboard, template, responsive, css, sass, html, theme, front-end, ui kit, web">

<link rel="shortcut icon" href="img/icons/icon-48x48.png" />

Expand Down Expand Up @@ -63,7 +63,7 @@
Tools & Components
</li>
<li class="sidebar-item">
<a href="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#ui" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="briefcase"></i> <span class="align-middle">UI Elements</span>
</a>
<ul id="ui" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
Expand All @@ -84,7 +84,7 @@
</li>

<li class="sidebar-item">
<a href="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<a data-target="#forms" data-toggle="collapse" class="sidebar-link collapsed">
<i class="align-middle" data-feather="check-circle"></i> <span class="align-middle">Forms</span>
</a>
<ul id="forms" class="sidebar-dropdown list-unstyled collapse " data-parent="#sidebar">
Expand Down Expand Up @@ -134,14 +134,12 @@
<i class="hamburger align-self-center"></i>
</a>

<form class="form-inline d-none d-sm-inline-block">
<form class="d-none d-sm-inline-block">
<div class="input-group input-group-navbar">
<input type="text" class="form-control" placeholder="Search…" aria-label="Search">
<div class="input-group-append">
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
<button class="btn" type="button">
<i class="align-middle" data-feather="search"></i>
</button>
</div>
</form>

Expand All @@ -160,7 +158,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-danger" data-feather="alert-circle"></i>
</div>
Expand All @@ -172,7 +170,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-warning" data-feather="bell"></i>
</div>
Expand All @@ -184,7 +182,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-primary" data-feather="home"></i>
</div>
Expand All @@ -195,7 +193,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<i class="text-success" data-feather="user-plus"></i>
</div>
Expand Down Expand Up @@ -226,7 +224,7 @@
</div>
<div class="list-group">
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker">
</div>
Expand All @@ -238,7 +236,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris">
</div>
Expand All @@ -250,7 +248,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason">
</div>
Expand All @@ -262,7 +260,7 @@
</div>
</a>
<a href="#" class="list-group-item">
<div class="row no-gutters align-items-center">
<div class="row g-0 align-items-center">
<div class="col-2">
<img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman">
</div>
Expand Down Expand Up @@ -425,11 +423,10 @@ <h6 class="card-subtitle text-muted">Polar area charts are similar to pie charts
</div>
</div>

<script src="js/vendor.js"></script>
<script src="js/app.js"></script>

<script>
$(function() {
document.addEventListener("DOMContentLoaded", function() {
// Line chart
new Chart(document.getElementById("chartjs-line"), {
type: "line",
Expand Down Expand Up @@ -490,7 +487,7 @@ <h6 class="card-subtitle text-muted">Polar area charts are similar to pie charts
});
</script>
<script>
$(function() {
document.addEventListener("DOMContentLoaded", function() {
// Bar chart
new Chart(document.getElementById("chartjs-bar"), {
type: "bar",
Expand Down Expand Up @@ -543,7 +540,7 @@ <h6 class="card-subtitle text-muted">Polar area charts are similar to pie charts
});
</script>
<script>
$(function() {
document.addEventListener("DOMContentLoaded", function() {
// Doughnut chart
new Chart(document.getElementById("chartjs-doughnut"), {
type: "doughnut",
Expand Down Expand Up @@ -571,7 +568,7 @@ <h6 class="card-subtitle text-muted">Polar area charts are similar to pie charts
});
</script>
<script>
$(function() {
document.addEventListener("DOMContentLoaded", function() {
// Pie chart
new Chart(document.getElementById("chartjs-pie"), {
type: "pie",
Expand All @@ -598,7 +595,7 @@ <h6 class="card-subtitle text-muted">Polar area charts are similar to pie charts
});
</script>
<script>
$(function() {
document.addEventListener("DOMContentLoaded", function() {
// Radar chart
new Chart(document.getElementById("chartjs-radar"), {
type: "radar",
Expand Down Expand Up @@ -631,7 +628,7 @@ <h6 class="card-subtitle text-muted">Polar area charts are similar to pie charts
});
</script>
<script>
$(function() {
document.addEventListener("DOMContentLoaded", function() {
// Polar Area chart
new Chart(document.getElementById("chartjs-polar-area"), {
type: "polarArea",
Expand Down
20 changes: 10 additions & 10 deletions examples/css/app.css
View file
Open in desktop

Large diffs are not rendered by default.

Binary file modified examples/fonts/fa-regular-400.eot
View file
Open in desktop
Binary file not shown.
Loading