terebentina / mongo-syllabus

mongodb admin GUI written in React.js

mongo-syllabus

React based Mongodb admin interface. Currently work in progress but master is already in an usable state.

This is as much a playground for me to experiment with various current frontend development tools as it is a tool I badly needed when working with mongodb.

Interested in helping out?

PRs, feature requests, bug reports or discussing ideas - they're all welcome. Get in touch!

A screenshot from development:

Another one:

License

The MIT License

Copyright (c) 2016 Dan Caragea

mongo-syllabus's Issues

New view mode: expand nodes on demand

Currently you can view a list of results either as a stringified json or as a table with columns being the document fields and rows as the data.
We could create a new view mode:

> {3}

click on the caret, expand the object to

v {a: 1, b: > [10], c: > {8}}

click on b's caret to expand it:

v {a: 1, b: v [1, 2, 3, 4, 5, 6, 7, > [2], 9, 0], c: > {8}}

etc. So a compact way by default but manually expanding the document I am interested on.
Maybe with an 'expand all' link to expand the document fully.

Show the field contents for object/array fields in table view mode

Currently the table view mode shows object/array fields in a compressed mode with no way of seeing the actual contents.
It would be helpful if we could show a popover with the expanded field data.

add/edit a document in the current collection

Create and show a modal with a textarea with the json representation of the document (if existing) or empty if new, with cancel/save buttons.
Create the redux action+reducers for saving the form/sending to backend and update the existing reducers to show the new/changed document

Implement db settings

Implement db dashboard

Implement server dashboard

error on backend with renaming collection to same name

Should not even try to send the request to server if the name was not changed.

Server side rendering

it would be useful if the initial page was rendered on the server as we could hydrate the redux store with a stripped down list of configured mongodb servers (which for security reasons must stay on the backend to not leak any possible passwords on the client).

api tests

make components dumber

Pass action creators to components instead of dispatch to make them more self-contained.

Implement collection info/setting page

redux test

• test actions
• test reducers