ryskajakub / crm Goto Github PK
View Code? Open in Web Editor NEWapp for managing some machines than need to be serviced
app for managing some machines than need to be serviced
As an user,
I want to go to maintenance page of company 1, select some of the machines and fill the description,
So there will be planned maintenance and the company will appear at planned maintenances screen.
Create one route, that can be called with curl
with the rest api
Make the companies created with #31 persistent.
As an user on the company page,
I want to fill out the data for new machine and hit create,
So the new machine is added to the system.
As an user,
I want to see a list of previous maintenances in the company page,
So I can click on any of them and see the detail of the maintenance.
Given I'm on the company page,
When I click on the edit icon,
Then all the editable fields will turn into inputs.
Now it is not possible to add a css class to <DropdownMenu /> inside the <DropdownButton/> element.
Use connection database pooling.
create validator for moment - something like React.PropTypes.moment
Given I'm on the new upkeep page,
When I fill out the form and hit Create!
Then the upkeep record will be saved to db.
Given I'm on the company page,
When I hit the new maintenance button,
I want to see a page with new maintenance form.
Given I'm on the company page,
When I click on the machine,
Then I will see a page describing the machine.
Given I'm using the app on an iPad and I have a calendar opened,
When I touch outside of the calendar,
Then the calendar should close.
Give the Machine
and MachineType
datatypes such fields,
that it can be computed, where it should the next upkeep occur.
As the project is getting bigger, compilation time suffers.
Create a simple setup, where not so much code will be compiled,
so the developing loop Code -> Compile -> See can be executed more quickly.
Use postgres db
Given I'm on the front page,
Then I want to see all the companies sorted by the next maintenance date.
Reuse the same datatypes on server and client.
I will declare the datatype in shared/
directory
Both server and client will use this classes for serializing and deserializing the code.
As an user,
I want to fill the subsidiary when creating new company,
So I can differ between subsidiaries, which have different set of machines.
Given I'm on the company page,
When I click on the machine,
I'll get to the machine detail screen, where all the properties of the machine are displayed.
Given I'm in the display mode on a machine page,
Then I want to see when is the date of next maintenance for that machine.
So I can do joins and everything
All react classes should declare proptypes
Use the rest-api with the client generator, rest-gen, so there is no need to manually construct urls
Given I'm on the company page,
When I click on edit machine,
Then I am on machine edit page.
Given I'm on machine edit page,
When I fill the form and hit Edit!
Then the edited machine will be displayed on the company page.
Given I'm on the company edit page,
When I hit edit,
Then the data will be saved to database.
Rewrite the Navigation.react.js
to fay
Convert the existing styles to scss, use it for everything
As an user when I'm on the company page,
I want to see a small circle graph indicating time to the next service near the machine,
So I can quickly see, when the service needs to be done.
Use the persistent library for defining schema and doing simple db operations
Given I'm on a companies list page,
Then I should see the list of companies hardcoded on server-side code.
Given I'm on the company page,
When I click on the history of maintenances
Then I want to see a chronological list of maintenances.
Not just a string
Given I'm on the company screen,
Then I want to see the next maintenance date of each machine in the box of the machine.
Given I'm on the main listing,
When I click on the new company link,
Then I want to be in page where I can fill the company details and create the company.
Given I'm on the planned maintenances screen,
When I click on the record maintenance button,
Then I see the form that enables to record and a button close the maintenance will appear.
As an user,
I want to fill form with new company data and hit create,
So there is a new entry in the system.
When I send POST data to /companies/<id>/upkeeps/
Then it is saved into db.
Given I'm on the Maintenances page,
When I click on a maintenance,
Then I will see the maintenance detail.
Given I'm on the planned maintenances page,
When I click on the replan maintenance link,
Then I'll get the prefilled form similar to new maintenance.
Given I'm on the initial page,
When I click on the list of planned maintenances link in the main navigation,
Then I'll see a table of planned maintenances sorted by date.
Create route for updating machine
PUT
/machine//
machine and machine type as data
Given I'm on the company page,
When I click on the new machine,
Then I'll see a page where I can create the machine.
As the user of the app,
I want to go to dashboard page,
Where I can see some overview of the maintenances.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.