AdminLTE icon indicating copy to clipboard operation
AdminLTE copied to clipboard

[RELEASE] AdminLTE v4 beta2

Open danny007in opened this issue 3 years ago • 199 comments

(Beta)-Release is online, you can install it with npm install admin-lte@next or npm install [email protected].

Online https://adminlte-v4.netlify.app

Check https://github.com/ColorlibHQ/AdminLTE

Install npm i for this you need Node,js

to build npm run production

to run npm run dev then open go to http://localhost:3000/

then give some idea, or contribute 👍🏼

danny007in avatar May 13 '21 20:05 danny007in

Is v4 built on top of Bootstrap 4 or 5?

leonardodepaula avatar May 14 '21 00:05 leonardodepaula

Is v4 built on top of Bootstrap 4 or 5?

v5

danny007in avatar May 14 '21 00:05 danny007in

Is v4 built on top of Bootstrap 4 or 5?

And thanks for this comment, ill update readme

danny007in avatar May 14 '21 00:05 danny007in

Wahoo! Very exciting.

Obviously, lots more to do (login pages, right hand sidebar, etc.), but great to see that this is starting.

It appears to me that the BS5 changes from BS4 are not as significant as the BS3 to BS4 changes, dropping jquery of course is a big one. And changes to the data attributes to include -bs.

Do you think that getting the demo to work is going to be mostly HTML to change to support bs5, or changes to the AdminLTE CSS and JS files?

tacman avatar May 16 '21 13:05 tacman

Do we have to compile using npm? Will there be compiled CSS/JS in the future?

Root3287 avatar May 16 '21 15:05 Root3287

Do we have to compile using npm? Will there be compiled CSS/JS in the future?

Same as AdminLTE v3

danny007in avatar May 16 '21 18:05 danny007in

I am planing to make development setup using gulp. Any suggestion.

danny007in avatar May 16 '21 18:05 danny007in

I am planing to make development setup using gulp. Any suggestion.

for what gulp, why not webpack?

REJack avatar May 16 '21 20:05 REJack

I am planing to make development setup using gulp. Any suggestion.

for what gulp, why not webpack?

I have started implemented 90% completed. Gulp fast, https://github.com/themesberg/volt-bootstrap-5-dashboard It as npmDist and generate html using partials

danny007in avatar May 16 '21 20:05 danny007in

Would you implement generate demo html files with gulp too? Like jekyll

REJack avatar May 16 '21 20:05 REJack

Would you implement generate demo html files with gulp too? Like jekyll

Yes using https://www.npmjs.com/package/gulp-file-include

danny007in avatar May 16 '21 20:05 danny007in

replacing https://adminlte.io/docs/3.1/javascript/card-widget.html with https://getbootstrap.com/docs/5.0/components/collapse/ any suggestion

danny007in avatar May 28 '21 02:05 danny007in

replacing https://adminlte.io/docs/3.1/javascript/card-widget.html with https://getbootstrap.com/docs/5.0/components/collapse/ any suggestion

It can be implemented with bootstrap v5's own components, which is a good choice, which can reduce the overall file size

ZhangChengLin avatar May 28 '21 10:05 ZhangChengLin

The gulpfile.js file can be divided into 2 or more files by function, which makes the functions easier to identify. The directory method is also supported.

ZhangChengLin avatar May 28 '21 10:05 ZhangChengLin

Have you considered using svg icons instead of icon icons? https://icons.getbootstrap.com/

Two-color icons are currently popular.

ZhangChengLin avatar May 28 '21 11:05 ZhangChengLin

Have you considered using svg icons instead of icon icons? icons.getbootstrap.com

icons.getbootstrap v2 ill implement, because https://github.com/twbs/icons/issues/834

Two-color icons are currently popular.

send link

danny007in avatar May 28 '21 12:05 danny007in

Two-color icons are currently popular.

send link

Maybe only Font Awesome Version6 duotone styles

ZhangChengLin avatar May 28 '21 15:05 ZhangChengLin

Is v4-dev hosted anywhere? Part of my workflow installs via Packagist then copies out from dist/, so I would need to install npm during my CI just to try out version 4. Could we get a CDN, or prerelease?

MGatner avatar Jun 23 '21 19:06 MGatner

The first "pre-release" will take minimum 2months, first I need to push the fixes for the v3.1 fix release

REJack avatar Jun 23 '21 21:06 REJack

Thanks @REJack. I will build myself and see where I can hop in. Do you have any plans to make version 3 compatible with Bootstrap 5? Or is it 3.x => BS4, 4.x => BS5?

MGatner avatar Jun 23 '21 22:06 MGatner

v3 will stuck on BS4

REJack avatar Jun 23 '21 22:06 REJack

v3 will stuck on BS4

Great, too messy, especially without jQuery.

tacman avatar Jun 23 '21 22:06 tacman

@danny007in Where would you like issues and PRs? Your fork? os-content-glue is causing a very large empty space before the sidebar menu (macOS 11.4, Safari 14.1.1)

https://user-images.githubusercontent.com/17572847/123274797-d44cfa00-d4d1-11eb-96b1-9b30f05b60a5.mov

MGatner avatar Jun 24 '21 13:06 MGatner

i have fixed it

danny007in avatar Jun 24 '21 13:06 danny007in

I have fixed it

Locally? It is still wonky for me.

@danny007in Would you like to continue using this Issue to discuss version 4? Perhaps enabling Discussions or starting a Discord would be easier?

MGatner avatar Jun 24 '21 15:06 MGatner

In case it is helpful to anyone else I will be maintaining a distribution repo for version 4 until there is an official release: https://github.com/MGatner/adminlte4

MGatner avatar Jun 24 '21 15:06 MGatner

enabling Discussions

They are enabled 🤣

Discord would be easier?

I release soon the Invite link :D I prepared one already.

REJack avatar Jul 01 '21 22:07 REJack

@REJack Any update on the Discord?

MGatner avatar Jul 28 '21 00:07 MGatner

Here :D https://discord.gg/jfdvjwFqfz, but it's still under development 🤣

REJack avatar Jul 28 '21 19:07 REJack

Here :D https://discord.gg/jfdvjwFqfz, but it's still under development 🤣

@danny007in would you Join the Discord Server too?

REJack avatar Jul 30 '21 10:07 REJack