GithubHelp home page GithubHelp logo

marboni / databasy-repo Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 8.4 MB

Online database design tool

Home Page: www.databasy.com

Python 8.76% Erlang 0.07% CSS 1.34% JavaScript 68.69% TypeScript 21.14% Shell 0.01%

databasy-repo's People

Contributors

marboni avatar

Watchers

 avatar  avatar

databasy-repo's Issues

Implement Toolbar

  • Buttons.
  • Buttons that create elements on Canvas are inactive if user is not an editor.

Switching from contextmenu of one canvas figure to contextmenu of another

Right click on canvas figure (like table) causes appearing of context menu. If user clicks outside menu, it disappears. But it should be one excepting - if user makes right click on another figure, old menu should be closed, new one - opens. Currently right click on another figure causes only closing of old menu, new one doesn't open because canvas doesn't get right click event..

View figure on Canvas

2
1

  • View is selectable and resizable only horizontally.
  • Background is purple.
  • If view label width is longer then available space, they truncated (last symbols replaced with "...").
  • View's name, width and position can be set programmatically.
  • View can be created or deleted programmatically.

Table/View Discussion on Canvas

2

  1. Discussion icon is shown over other Canvas elements.
  2. Discussion item has opacity 50% in regular mode and 100% on hover.

Types:

  1. Table/View Discussion icon shown on the title's right side.
  2. Table column Discussion icon shown on the columns's right side.

Deleting multiple tables

If multiple tables selected, pressing on Fn-Del or choosing of Delete table item in context menu should remove all selected tables.

Read-only mode for Canvas

If user is not editor, canvas must work in read-only mode.

  • Elements can't be selected or modified.
  • However, we can listen clicks on canvas elements - tables, views, relationships.

Relationship Discussion on Canvas

1

  1. Discussion icon is shown over other Canvas elements.
  2. Discussion item has opacity 50% in regular mode and 100% on hover.
  3. Shown on the top or right of middle point of relationship.

Tables on Canvas

  • Initial rendering.
  • Create table from context menu.
  • Changing of width and position (including listening).
  • Rename table (including listening).
  • Delete table from context menu.

Property panel - Base

  • General panel with title panel defined in inheritors and Back/Forward buttons that allow user to move to the previous or next panel. One or both buttons can be inactive if no previous/next panel available. Moving through panels should also skip panels of removed elements.
  • Tab panel that allows scrolling if it is too small for content.
  • Implementation for table. Ability to change table name.

Table figure on Canvas

2
1

  • Table is selectable and resizable only horizontally.
  • Background is blue.
  • Columns have icons (PK, NULL, NOT NULL, NULL FK, NOT NULL FK), name and type.
  • Column highlighted on hover.
  • If column label (name + type) or table label width is longer then available space, they truncated (last symbols replaced with "...").
  • Table's name, width and position can be set programmatically.
  • Table can be created or deleted programmatically.
  • Column's name, type and icon can be set programmatically.
  • Column can be created, moved or deleted programmatically.

Bird View

Create bird view panel.

  • Shows all model.
  • Allows to move to another part of model.
  • Zoom in / Zoom out, using buttons in the top/right corner - [+], [-], [1:1].

Pointer / Move mode on Diagram

If Pointer mode is selected on the Toolbox, drag&drop action will select multiple object in selection rectangle, single click - select only one object.

If Move mode is selected on the Toolbar, drag&drop action will move the diagram, single click will do nothing.

Column on Canvas

  • Implement new column model (table, name, type, null, default).
  • Initial rendering of column name and type.
  • Create from context menu of table.
  • Rename, change type (including listening).
  • Delete (including listening).

Show Editor name

Show the name of user that is currently editing model to other users.

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.