GithubHelp home page GithubHelp logo

puikinsh / elaadmin Goto Github PK

View Code? Open in Web Editor NEW
493.0 36.0 342.0 12.74 MB

A clean & completely free Bootstrap 4 admin dashboard template

Home Page: https://colorlib.com/polygon/elaadmin/index.html

HTML 74.28% CSS 6.87% JavaScript 18.86%

elaadmin's Introduction

ElaAdmin HTML5 Admin Dashboard Template

ElaAdnin is a responsive Bootstrap 4 Admin Template. It provides you with a collection of ready to use code snippets and utilities, custom pages, loads of charts, dashboard variations, a collection of applications and some useful widgets. Preview of this awesome admin template available here: https://colorlib.com/polygon/elaadmin/index.html

Preview

Screenshot

ElaAdmin admin dashboard template preview

Demo Site: Here

TOC

Built With

Changelog

V 1.0.0

Initial Release

Authors

Colorlib

More info

License

ElaAdmin is licensed under The MIT License (MIT). Which means that you can use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the final products. But you always need to state that Colorlib is the original author of this template.

elaadmin's People

Contributors

ctudoudou avatar fatenelhariry avatar jijinjayakumar avatar nitr8 avatar normanedance avatar puikinsh avatar simix-brunowelausen avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

elaadmin's Issues

Issue with menu disappearing

Subject of the issue

The left menu disappears.
screenshot_of ela

Your environment

I have replicated this in IE and Chrome.

Steps to reproduce

When reducing the size of the browser to test for responsiveness, clicking on the menu twice, maximize the screen and the left menu has disappeared.

Expected behaviour

The left menu should not disappear

Actual behaviour

The left menu disappears

An awesome Bootstrap 4 template.. Will you be developing it further?

Subject of the issue

I love this template as it has the layout facility like that of some Bootstrap 3 templates (Metis template) and its clean. I would love to eventually buy a license for this template. So awaiting further development. So many templates out there are not at all great yet they charge money for it. Your template is one that I would gladly pay for.

homepage sidebar modal not working...

Hi, i read anothet issues about sidebar data modal.

But i try to solution but not work again. Can you help about that? This problem not working just index.html so working in another pages.

The layout fails when there are too many table columns

Subject of the issue

when the table have too many columns, the horizontal scroll bar will appear in the html.

Your environment

  • chrome

Steps to reproduce

more table columns

Expected behaviour

table have horizontal scroll bar

Tag <a> styles isn't working with "btn" classes

If I try using <button> tag, as showing in docs, the buttons style is ok:

<button type="button" class="btn btn-primary">Primary</button>

But if I try using <a> tag, the style is not applied to the button:

<a href="#" class="btn btn-primary">Primary</a>

Labels inside Sidebar navigation without class has-arrow

Subject of the issue

Labels (for example number) inside Sidebar navigation, without adding class has-arrow to <a>, not working properly.

Your environment

  • Chrome
  • Firefox
  • others...

Steps to reproduce

Just try to add line

<li> <a href="app-profile.html" aria-expanded="false"><i class="fa fa-ticket"></i><span class="hide-menu">Tickets <span class="label label-rouded label-primary pull-right">2</span></span></a></li>

to <ul id="sidebarnav"> element. See it's broken.

Expected behaviour

Expecting to see navbar list element without arrow, but with label.

Actual behaviour

Label flies away ✈️

Item list get broken! Bug?

Subject of the issue

When the name of the itens in the submenus is big (like 20characters), the responsive layout breaks down.

Quebrado 2

Quebrado 1

Extra menu title appearing under dropdown menu while in data tables tab

Subject of the issue

*Data table *Data table script(datatables.min.js) side effect on "dropdown-menu" class. Check out navigation bar while in data table

Your environment

Chrome and IE

Steps to reproduce

Expected behaviour

Actual behaviour

Extra dropdown title appearing under its own dropdown menu

Profile Menu stops working

Menu stop showing submenus... I clicked it and nothing happens.

My code is:
<!-- Profile --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle text-muted " href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="images/users/5.jpg" alt="user" class="profile-pic" /></a> <div class="dropdown-menu dropdown-menu-right animated zoomIn"> <ul class="dropdown-user"> <li><a href="logout.php"><i class="fa fa-power-off"></i> Logout</a></li> </ul> </div> </li>

How fix it, please?

Thank you!!!

Traffic graph bugged on Android

Subject of the issue

The traffic graph continuosly reloads whenever I make any input. For example, scrolling, even if the entire graph remains on screen the entire time, will cause it to reload and the animation to replay.

Your environment

Samsung A8 using Google Chrome.
Portrait mode.

Steps to reproduce

Open on Android device and scroll down.

Expected behaviour

Traffic graph loads and loading animation plays once.

Actual behaviour

Traffic graph continuous reloads when window is scrolled or scaled. Even if there should be no change. Each time the loading animation replays.

SideBar Collapse

Subject of the issue

How can i set sidebar as collapse in page load

Your environment

  • Which browser and its version

Steps to reproduce

Tell us how to reproduce this issue.

Expected behaviour

Tell us what should happen

Actual behaviour

Tell us what happens instead

the menu does not open/close in all sizes

Sure, it does not work on mobile, but I'm seeing that in some desktop resolutions it does not work either (1280x720).
I am using Firefox 59.0.2 under Linux (Manjaro)

Licensing

Hi, got a question regarding licensing:
Do you require notice of author visible on every page, or is it fine to put it in the source code and/or an about box?

Widgets?

The "Widgets" link doesn't work, brings you to a 404 page. The "widget.html" file appears to not exist in the zip file. Any plans on including it in a future update?

Table of contents in style.css and LESS

  • Seems like not all .less files are compiled into style.css, why? Or it's just documetation?
  • 51. ui-widget-v1 .less file missing?

ElaAdmin/css/style.css

Lines 16 to 70 in 3db4f39

Table of Content
================
1. variable
2. fonts
3. card
4. global
5. badge
6. tab
7. modal
8. timeline
9. data-table
10. panel
11. button
12. header
13. gmap
14. chat
15. carousel
16. weather
17. invoice-edit
18. invoice
19. widget-stat
20. recent-comments
21. recent-message
22. forms
23. compose-email
24. progress-bar
25. todo-list
26. datamap
27. table
28. order-progress
29. login
30. chart
31. nestable
32. profile
33. profile-widget
34. ui-element-basic
35. calendar
36. flot-chart
37. morris-chart
38. products_1
39. products_2
40. products_3
41. favourite_menu
42. order-list
43. booking-system
44. scrollable
45. vector-map
46. menu-upload
47. social-media-stats
48. vertical-carousel
49. chartist
50. table-export
51. ui-widget-v1
42. responsive


  • EXISTS IN TABLE CONTENTS
  • NOT EXISTS IN TABLE CONTENTS

  • advance-widget.less
  • amchart.less
  • badge.less
  • booking-system.less
  • breadcrumb.less
  • button.less
  • calendar.less
  • card.less
  • carousel.less
  • chart.less
  • chartist.less
  • chat.less
  • compose-email.less
  • data-table.less
  • datamap.less
  • error.less
  • favourite_menu.less
  • flot-chart.less
  • font.less
  • fonts.less
  • footer.less
  • form-validation.less
  • forms.less
  • global.less
  • gmap.less
  • header.less
  • invoice-edit.less
  • invoice.less
  • knob.less
  • login.less
  • menu-upload.less
  • mixins.less
  • modal.less
  • morris-chart.less
  • nestable.less
  • order-list.less
  • order-progress.less
  • pagination.less
  • panel.less
  • preloader.less
  • products_1.less
  • products_2.less
  • products_3.less
  • profile-widget.less
  • profile.less
  • progress-bar.less
  • recent-comments.less
  • recent-message.less
  • responsive.less
  • scrollable.less
  • search.less
  • sidebar.less
  • social-media-stats.less
  • style.less
  • tab.less
  • table-export.less
  • table.less
  • timeline.less
  • todo-list.less
  • ui-block-quote.less
  • ui-element-basic.less
  • ui-user-card.less
  • variable.less
  • vector-map.less
  • vertical-carousel.less
  • weather.less
  • widget-stat.less

Fonts are not loaded

Hi,

It has error 404, can't find the css file and fonts.
I Guessed this was MIME-TYPE problem, but it was't.

Any idea how to fix this?
please help me...

Thanks

custom.min.js same as scripts.js

$(function() {
"use strict";
$(function() {
$(".preloader").fadeOut();
}),
jQuery(document).on("click", ".mega-dropdown", function(i) {
i.stopPropagation();
});
var i = function() {
(window.innerWidth > 0 ? window.innerWidth : this.screen.width) < 1170 ? ($("body").addClass("mini-sidebar"),
$(".navbar-brand span").hide(), $(".scroll-sidebar, .slimScrollDiv").css("overflow-x", "visible").parent().css("overflow", "visible"),
$(".sidebartoggler i").addClass("ti-menu")) : ($("body").removeClass("mini-sidebar"),
$(".navbar-brand span").show());
var i = (window.innerHeight > 0 ? window.innerHeight : this.screen.height) - 1;
(i -= 70) < 1 && (i = 1), i > 70 && $(".page-wrapper").css("min-height", i + "px");
};
$(window).ready(i), $(window).on("resize", i), $(".sidebartoggler").on("click", function() {
$("body").hasClass("mini-sidebar") ? ($("body").trigger("resize"), $(".scroll-sidebar, .slimScrollDiv").css("overflow", "hidden").parent().css("overflow", "visible"),
$("body").removeClass("mini-sidebar"), $(".navbar-brand span").show()) : ($("body").trigger("resize"),
$(".scroll-sidebar, .slimScrollDiv").css("overflow-x", "visible").parent().css("overflow", "visible"),
$("body").addClass("mini-sidebar"), $(".navbar-brand span").hide());
}),
$(".fix-header .header").stick_in_parent({}), $(".nav-toggler").click(function() {
$("body").toggleClass("show-sidebar"), $(".nav-toggler i").toggleClass("mdi mdi-menu"),
$(".nav-toggler i").addClass("mdi mdi-close");
}),
$(".search-box a, .search-box .app-search .srh-btn").on("click", function() {
$(".app-search").slideToggle(200);
}),
$(".floating-labels .form-control").on("focus blur", function(i) {
$(this).parents(".form-group").toggleClass("focused", "focus" === i.type || this.value.length > 0);
}).trigger("blur"), $(function() {
for (var i = window.location, o = $("ul#sidebarnav a").filter(function() {
return this.href == i;
}).addClass("active").parent().addClass("active");;) {
if (!o.is("li")) break;
o = o.parent().addClass("in").parent().addClass("active");
}
}),
$(function() {
$("#sidebarnav").metisMenu();
}),
$(".scroll-sidebar").slimScroll({
position: "left",
size: "5px",
height: "100%",
color: "#dcdcdc"
}),
$(".message-center").slimScroll({
position: "right",
size: "5px",
color: "#dcdcdc"
}),
$(".aboutscroll").slimScroll({
position: "right",
size: "5px",
height: "80",
color: "#dcdcdc"
}),
$(".message-scroll").slimScroll({
position: "right",
size: "5px",
height: "570",
color: "#dcdcdc"
}),
$(".chat-box").slimScroll({
position: "right",
size: "5px",
height: "470",
color: "#dcdcdc"
}),
$(".slimscrollright").slimScroll({
height: "100%",
position: "right",
size: "5px",
color: "#dcdcdc"
}),
$("body").trigger("resize"), $(".list-task li label").click(function() {
$(this).toggleClass("task-done");
}),
$("#to-recover").on("click", function() {
$("#loginform").slideUp(), $("#recoverform").fadeIn();
}),
$('a[data-action="collapse"]').on("click", function(i) {
i.preventDefault(), $(this).closest(".card").find('[data-action="collapse"] i').toggleClass("ti-minus ti-plus"),
$(this).closest(".card").children(".card-body").collapse("toggle");
}),
$('a[data-action="expand"]').on("click", function(i) {
i.preventDefault(), $(this).closest(".card").find('[data-action="expand"] i').toggleClass("mdi-arrow-expand mdi-arrow-compress"),
$(this).closest(".card").toggleClass("card-fullscreen");
}),
$('a[data-action="close"]').on("click", function() {
$(this).closest(".card").removeClass().slideUp("fast");
});
});

ElaAdmin/js/scripts.js

Lines 1 to 131 in 9d5e37f

$(function() {
"use strict";
$(function() {
$(".preloader").fadeOut();
}),
jQuery(document).on("click", ".mega-dropdown", function(i) {
i.stopPropagation();
});
var i = function() {
(window.innerWidth > 0 ? window.innerWidth : this.screen.width) < 1170 ? ($("body").addClass("mini-sidebar"),
$(".navbar-brand span").hide(), $(".scroll-sidebar, .slimScrollDiv").css("overflow-x", "visible").parent().css("overflow", "visible"),
$(".sidebartoggler i").addClass("ti-menu")) : ($("body").removeClass("mini-sidebar"),
$(".navbar-brand span").show());
var i = (window.innerHeight > 0 ? window.innerHeight : this.screen.height) - 1;
(i -= 70) < 1 && (i = 1), i > 70 && $(".page-wrapper").css("min-height", i + "px");
};
$(window).ready(i), $(window).on("resize", i), $(".sidebartoggler").on("click", function() {
$("body").hasClass("mini-sidebar") ? ($("body").trigger("resize"), $(".scroll-sidebar, .slimScrollDiv").css("overflow", "hidden").parent().css("overflow", "visible"),
$("body").removeClass("mini-sidebar"), $(".navbar-brand span").show()) : ($("body").trigger("resize"),
$(".scroll-sidebar, .slimScrollDiv").css("overflow-x", "visible").parent().css("overflow", "visible"),
$("body").addClass("mini-sidebar"), $(".navbar-brand span").hide());
}),
$(".fix-header .header").stick_in_parent({}), $(".nav-toggler").click(function() {
$("body").toggleClass("show-sidebar"), $(".nav-toggler i").toggleClass("mdi mdi-menu"),
$(".nav-toggler i").addClass("mdi mdi-close");
}),
$(".search-box a, .search-box .app-search .srh-btn").on("click", function() {
$(".app-search").slideToggle(200);
}),
$(".floating-labels .form-control").on("focus blur", function(i) {
$(this).parents(".form-group").toggleClass("focused", "focus" === i.type || this.value.length > 0);
}).trigger("blur"), $(function() {
for (var i = window.location, o = $("ul#sidebarnav a").filter(function() {
return this.href == i;
}).addClass("active").parent().addClass("active");;) {
if (!o.is("li")) break;
o = o.parent().addClass("in").parent().addClass("active");
}
}),
$(function() {
$("#sidebarnav").metisMenu();
}),
$(".scroll-sidebar").slimScroll({
position: "left",
size: "5px",
height: "100%",
color: "#dcdcdc"
}),
$(".message-center").slimScroll({
position: "right",
size: "5px",
color: "#dcdcdc"
}),
$(".aboutscroll").slimScroll({
position: "right",
size: "5px",
height: "80",
color: "#dcdcdc"
}),
$(".message-scroll").slimScroll({
position: "right",
size: "5px",
height: "570",
color: "#dcdcdc"
}),
$(".chat-box").slimScroll({
position: "right",
size: "5px",
height: "470",
color: "#dcdcdc"
}),
$(".slimscrollright").slimScroll({
height: "100%",
position: "right",
size: "5px",
color: "#dcdcdc"
}),
$("body").trigger("resize"), $(".list-task li label").click(function() {
$(this).toggleClass("task-done");
}),
$("#to-recover").on("click", function() {
$("#loginform").slideUp(), $("#recoverform").fadeIn();
}),
$('a[data-action="collapse"]').on("click", function(i) {
i.preventDefault(), $(this).closest(".card").find('[data-action="collapse"] i').toggleClass("ti-minus ti-plus"),
$(this).closest(".card").children(".card-body").collapse("toggle");
}),
$('a[data-action="expand"]').on("click", function(i) {
i.preventDefault(), $(this).closest(".card").find('[data-action="expand"] i').toggleClass("mdi-arrow-expand mdi-arrow-compress"),
$(this).closest(".card").toggleClass("card-fullscreen");
}),
$('a[data-action="close"]').on("click", function() {
$(this).closest(".card").removeClass().slideUp("fast");
});
});

Completely the same.
Since scripts is not minified and it's not custom scripts, I purpose deleting custom.min.js and changing it across 48 pages out of 49 pages (except index.html, because it's single time where scripts.js called, not custom.min.js)

fixed bottom footer

Dear:

How can I fix the footer at bottom all pages?

I want congratulate you for the awsome work.

Best regards
Pedro

Chat alignment

Subject of the issue

Chat alignment.

Your environment

Google Chrome v84.0.4147.125 (64 bits)

Steps to reproduce

When you use the chat widget, the send balloon isn't align, it's break the alignment beteewn the image and the balloon.

Expected behaviour

The sender image and your balloon must be aligned.

Actual behaviour

It's equals to "Steps to reproduce".

Problem occurred by sidebarmenu.js

Hi,
I'm trying to use the template to beautify my Web App I've designed, and found a problem while importing bootstrap-fileinput.js to pages.
The preview modal cannot be closed, then I tried to delete JS file, then I found the reason is because the Util in sidebarmenu.js.
In fact, bootstrap original modal cannot be closed correctly either, even $('#modal').modal('hide') doesn't work. But Util cannot be deleted. Any solutions please? Thanks a lot!!

Is it possible a multilevel menu?

Subject of the issue/feature

In the showcase I can see a well designed menu with second level samples. Is it possible to have a third menu level o more inner menus?

Expected behaviour

Perhaps an example of third levels menu

Actual behaviour

Apparently it only supports menus up to the second level.

Thanks

Search bar not working

The search bar at the home page closes automatically as soon as it's open, please who else have experienced this i need help please

Can't make ElaAdmin work with yarn

Subject of the issue

Trying to make Elaadmin work with yarn but I can't figure out how to make the sidebar work.

Your environment

  • Any

Steps to reproduce

Get all js and css packages and install it and compile it with yarn

Expected behaviour

All pages features should work, menu should be available to hide and to show/hide on mobile.

Actual behaviour

Sidebar menu doesn't show, menu toggler does nothing

Login in and Out and Side Menu

How do you register a username and password and also make sure that the login page is working because from the default you can not log out and then the side menu does not scroll down.

add timepicker help

Subject of the issue

Describe your issue here.

Your environment

  • Which browser and its version

Steps to reproduce

Tell us how to reproduce this issue.

Expected behaviour

Tell us what should happen

Actual behaviour

Tell us what happens instead

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.