knledg / react-blur-admin Goto Github PK

Making a Template available for users should be easily configurable...
Sad that this is not the case with this template

Table props should not be tableHover={true} but rather hover={true}, etc.

This will require a minor version bump.

Testing for breadcrumbs component.

If you create a Tabs component and put only one tab inside it, it will through an invariant:

invariant.js:38 Uncaught Invariant Violation: Objects are not valid as a React child (found: object with keys {title, children}). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of `Tabs`.

Reproducable Sample Code

<Tabs align='top'>
          <Tab title='All'>
             hi
          </Tab>
</Tabs>

We should handle this one of two ways:

1. Update the tabs component to allow 1 or many tabs
2. Throw an error if we have less than 2 tabs, saying that 2 or more tabs are required.

I think option 1 would be better if possible, there may be situations where tabs are dynamically generated and the user may only have one.

Allow the user to pass in any icon as a prop.

• If this.props.icon a string, render the string as a className in an tag.
• If this.props.icon is a React Element, just render the element.

Upon inspection of the media queries, the responsive setup isn't working. I inspected the html elements in the browser and noticed that the page is stuck on the 1200px for the sidebar even when I reduce the page's width and unfortunately I'm viewing the styling docs from the dist/ folder (with 9000 lines of code) as opposed to the precompiled src/ folder.

If I need to set something up, please let me know. Thank you.

Create testing for tabs.js component.

• If the user passes in a className, we should use the className on the top level div
• Create a test to show that that the functionality is working correctly.

Any plans to keep updating this template?

@afogarty72 commented on Wed Jun 15 2016

We were only passing in strings for value - I think it would make more sense to be able to pass in numbers as well. This coincides with the demo in #37 on React-Webpack-Skeleton.

i have windows 10
node v10.12.0
npm v6.
i still can't figure out a solution. each time i run npm install i got errors.
npm ERR! [email protected] postinstall: node scripts/build.js
i upgraded node-sass package and change cp to copy and rm to del,now i got this error
npm ERR! Failed at the [email protected] deploy script.
i don't know what am'i doing wrong. !!! is ther a way to launch this application???
And thank you.
PS : i have tried to run this https://github.com/knledg/react-webpack-skeleton but also have same error when i run npm install

Some users may want to limit how long their options dropdown is so we should create a prop called maxHeight that a user can optionally pass in. If they pass in a maxHeight, the options should scroll vertically if the options height exceeds the max height.

Add new tests for the following:

• Passing in an onRenderValue function to EditableSelect
• Passing in an onSearch function to Select

Hello guys,

Does react version has support for calendar?
http://akveo.com/blur-admin/#/dashboard

Is there any life demo of react version?

• In the switch component, allow the user to optionally specify an onLabel and an offLabel via props. It should validate if the user passes either into props that the prop is a string.
• Default the onLabel to ON and the offLabel to OFF.
• Create tests to show that this is working as expected.

I'm very new to react-js.
Please provide steps to run the application in my machine.
Thanks!

Are there any charts in this component ? the angular version contains charts?

Hello!
I'm having a problem with using your admin dashboard on new version of react. It seems that this is because of PropTypes which now should be installed separately and were deprecated since React 15.5
Can you please make a small fix? :)
Thanks

1

Allow the user to specify if the EditableText is open or not during render as well as via onClick events.

During componentWillMount and componentWillReceiveProps, we need to check if isOpen is set and is changed respectively, if they are, set them to this.state.isOpen

• Create breadcrumbs component that accepts an array of nodes. Separate each node with a /
• Styles are consistent with http://akveo.com/blur-admin/

When you change the page number via the arrows, the value passed to this.props.onChange is a number, but when you change the page number via the input box, the value passed to this.props.onChange is a string.

That value should always be a number.

Create testing for alert bar component

This is a wonderful theme. Thanks for developing it.

I have a problem.
Sidebar isn't closed when opening on smartphone screen.
Please confirm.

Thanks!

Originally, blur-admin comes with 2 themes. Can we have the other theme option for this react project as well ?

http://akveo.com/blur-admin/#/ui/alerts

• The final code should allow for this:

<Alert type='success'>
....
</Alert>

<Alert type='info' isDismissible={true} onClose={e => this.onCloseModal()}>
....
</Alert>

<Alert type='warning'>
....
</Alert>

<Alert type='danger'>
....
</Alert>

The developer can add anything they want in this.props.children.

• Add a prop for isDismissible that is a boolean (default to false). If isDismissible is true, show the x on the right side of the alert
• Add a prop for onClose that is a func (default to noop).

• When a select dropdown is open, showing options, we should listen for up/down keystrokes and scroll through options so that the user doesn't need to use a mouse.
• If a user has an option selected and hits enter, it should select that option
• If at any point the user hits escape when the dropdown is open, we should close it.