GithubHelp home page GithubHelp logo

nicedash / vibe Goto Github PK

View Code? Open in Web Editor NEW
527.0 13.0 119.0 3.71 MB

A beautiful react.js dashboard build with Bootstrap 4 ๐Ÿ‘Œ

Home Page: https://vibe.nicedash.com

License: MIT License

HTML 0.69% JavaScript 66.09% CSS 33.22%

vibe's Issues

Webpack?

Hi, i'm trying to add webpack and i have too many errors, including trying with diferents versions.

is it possible? add webpack 4?

Thanks!

Support multiple icon libraries

Right now the side nav menu only supports Feather icons. It would be nice to be able to plug in another (or any) icon library to be used in the nav.

Header: Page name not displayed when using parameters

When using parameters in page paths, the detection of the page title fails due to line https://github.com/NiceDash/Vibe/blob/master/src/vibe/components/Header/Header.js#L24.

Sample page definition:

  {
    name: "Edit target",
    path: "/thing/edit/:target",
    component: ThingsEditor
  },

When opening the page with the URL /thing/edit/myThing, the comparison of the route props and the pathname always fails and getPageTitle() returns null.

Possible solution: Use a regex to make the comparison.

Docs: README.md has wrong path to styles

Sass files can be found in ./src/vibe/assets/scss. Update vars.scss to change global styles.

should be

Sass files can be found in ./src/vibe/scss. Update ./src/vibe/scss/components/vars.scss to change global styles.

What is the source of the icons?

I want to change the navbar icons but I can't seem to find what icon pack you are using or the source of it so I can see the proper name.

Also the documentation doesn't seem to mention this.

Thanks.

Typescript

Is it possible to switch to typescript?

SidebarNav: Main navigation links wonky when relative URLs don't start with a slash

Sample _nav.js without leading slash on url elements/buttons:

export default {
  top: [
    {
      name: "Home",
      url: "/home",
      icon: "Home"
    },
    {
      name: 'UI Elements',
      icon: 'Layers',
      children: [
        {
          name: 'Buttons',
          url: 'elements/buttons',
        }
      ]
    }
  ],
  bottom: []
};

When repeatedly clicking on the Buttons menu item the paths and content switch between path / and /elements/buttons.

Took me a while to figure it out. I suggest to either change the behaviour of the sidebar or add a comment about that on the documentation. ;-)

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.