GithubHelp home page GithubHelp logo

dashersw / mogollar Goto Github PK

View Code? Open in Web Editor NEW
284.0 15.0 30.0 185 KB

A MongoDB UI built with Electron

License: MIT License

JavaScript 36.92% HTML 3.78% Vue 32.70% CSS 26.59%
mongodb gui ui electron electronjs

mogollar's People

Contributors

berkbaski avatar dashersw avatar emredalkiran avatar umutbozdag 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

mogollar's Issues

Add sort, fields, skip and limit inputs

Queries are built up from different sections such as fields, skip, and limit values.
These inputs and functionalities should be added to the app.

image

The app should also display the generated query as in the example;

db.watches.find({ age: { $gt: 21 } }, { name: 1, age: 1}).sort({ "_id": 1}).skip(90).limit(30)

Keyboard navigation in the results view

  1. Up / down arrows should move between rows
  2. left / right arrows should expand / collapse documents / arrays
  3. cmd+alt+0 should collapse all documents
  4. cmd+alt+1 should expand all documents by one level
  5. cmd+alt+2 should expand all documents by two levels
  6. cmd+alt+3 should expand all documents by three levels
  7. cmd+alt+9 should expand all documents infinitely
  8. shift + up / down arrows should select multiple rows / documents
    1. expansion / copy shortcuts should expand all selected documents

Create a Website for this Repo

Hi there.

Is there a website for this repo?

Because if you don't have, well, this repo can simply be turned into a website right away. Others will discover this project in that website.

Steps:

  1. Go to Settings and look for GitHub Pages, scroll down. That's almost at the bottom.

  2. You will see there: Branch:none, so you should change that to master because you have a README.md file in the master repo. This will be your page. Click Save first.

  3. Then click Choose a theme, you select a predefined theme of your site.

  4. Visit your site now! The URL will be https://dashersw.github.io/mogollar.

If you were amazed by that, simply read the documentation about GitHub Pages.

Connections section should toggle

Currently the "add new connection" form inside the connections section is always visible. That form is actually for creating and saving a new connection, and should toggle visibility when a user clicks the (+) button.

Improve records view

  1. This will probably require a custom records view.
  2. Just like in MongoHub, the records view should be a 3-column grid whereas the first column are keys, the second column are values, and the third column are types.
  3. Rows should alternate in background color.
  4. cmd+backspace key combination should delete the document
  5. cmd+c should copy the entire document JSON
  6. double click should open a modal to display the document in an editable format for easier/partial c/p.

image

Design a logo

The project should have a logo, which is possibly also an app icon.

Add a welcome screen

The main view should display a welcome screen at first launch and when empty, encouraging users to create a connection using the sidebar.

Improving query input

The query input should be:

  1. should accept valid POJO instead of strict JSON. For example { name: 'armagan' } should be a valid query.
  2. syntax-highlighted
  3. should go multiline if the user hits enter
    1. should lint / fix indentation
  4. should run the query if the user hits cmd + enter
  5. should identify ObjectIds when pasted, and should fetch the record with only the object id in the input (5dedd16e32bee525febd2d92 should be a valid query and shouldn't require _id: '5dedd16e32bee525febd2d92')

Refresh query on cmd+r

If there's an active connection and a query, it should rerun & refresh on CMD+R key combination.

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.