grot-front's People
grot-front's Issues
Create validation for required parameters
Add mock of grot-back services
WIP: Add tests
Tests needed for
- login
- registration
- image editor
- parameters
- projects list
Border around canvas
There is border around canvas which is result of styling problem and overlaped layers. It needs to be removed.
Parameters column should stretch to 100% width
Parameters column should stretch to 100% width, when displayed on smaller mobile devices
Images drawn by user are not processed
Images drawn by user are not processed, probably background is transparent or changes to some color, that is ignored by grot script.
Y field of load parameter not passed to procedure call
If Y field of load parameter is untouched it is not passed to the procedure call (initial value). Works after changing the value.
Create readme
Consider other colors used by grot
red, green, blue - fasteners in x, y and xy directions
magenta, brow, orange, black - forces
Unnecessery "Calculating project..." item
If there are no projects on the list and user calls "Process", two "Calculating project..." items are added instead of one.
HCaptcha styling
Just to not forget to configure it for better appearance.
Add scroll for projects component
There should be scroll for projects list just in case there will be too many to fit in window.
Grid for image editor
- render grid over imge in canvas
- make it toggleable
- make it snapable
ng-prime password field doesn't display as invalid
ng-prime password field doesn't display as invalid at least with required validator - lacks red border, that appears on other input fields
Project overwrite warning
If user requests 'Process' for project with name, that is already in use, there should be a popup with confirmation for this case.
Change focus for select parameters
By default ng-prime multiselect has focus on search input, this opens unnecessery keyboard on mobile devices. Focus needs to be disabled or changed
Shapes in image editor
Create shapes options for image editor, so user can draw something more than lines.
Available shapes would be:
- circle
- elipsis
- rectangle
- triangle
Wrong links to result images after next process call
After second and next api calls links to images for projects are rewritten again and are pointing to not existing resources
Stress select option stretches whole column
Stress select option in parameters stretches whole column, it should display limited number of elements
Image disapears on mobile devices
Image disapears on mobile devices after user scrolls the page
Multiple load parameters
There should be options for user to add max to 3 forces working on object, since grot has possibility to calculate for 3. Each force should be represented by different color.
Captcha needed
Captcha is required for registration form to avoid any bots
Can't draw image on mobile devices
Login form improvements
- validation
- more verbose error notification (lack of reason for failed login)
Result images for processed projects don't display when another process is runing
Grot script output displayed during processing
UX improvement: show script output during processing, so user will know, that script is working
Project item on projects-list won't expand until user clicks on other ui element
After processing a project expand toggle won't work until user clicks on other ui element, there is something wrong with detection change and is only reproducible with call to api not with mock.
revoke-token not called after click on "Logout" button
Validation for registration form
Wrong brush cordinates when changing window size
In image editor brush cordinates are scaled after changing size of browser window
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.