globalhack / cemaritan-ui Goto Github PK
View Code? Open in Web Editor NEWThis is the frontend for Cemaritan.
This is the frontend for Cemaritan.
In the Download Page component there is a download link modal... currently it just fetches inside the component... probably want to move that to a hook.
ord_id/uploads
In the Create Transfer or Update Transfer Form... after a first submission, like after an api error or after the first update, the submission button appears to not be clickable anymore... ๐ค
current a hardcoded object with options for the dropdowns is in the ui, this needs to be dynamically populated from the db (once the endpoints exist to support this)
since this project might be worked on by future devs currently not involved in the project, we should probably create some robust documentation.
Note: The api-key header is not necessary when using the secure upload and download links.
Use React context.
Currently I'm using dialogs, but it's chunky... I want to move to bootstrap Alerts
made button interaction better... with ValidationModal.
I believe this is possible with Formik forms by using the isSubmitting property... we just need to pass the postStatus
or updateStatus
down into the transfer form to use as the isSubmitting property.
this is not an MVP feature, but Matt would like to keep the link there... so when he demos the application... people know that it is a future option.
We should probably just have one Context that we dispatch updates to... maybe
Build a navbar per the mocks - this could keep track of auth/user object?
See UploadTransfer
component
waiting on a downloads database route...
This form needs to be extensible for create/edit transfers & connections
Needs to be Formik & Bootstrap compatible. Thinking this:
https://kaihotz.github.io/react-formik-ui/
everything looks okay in the network call... however, when we re-fetch the transfer object. The start_datetime
is not actually updating and still have the datetime selected at creation.
url request: https://6u7n9sc5o8.execute-api.us-east-1.amazonaws.com/dev/organizations/1/transfers/15
request payload: { active: "TRUE" created_datetime: "2019-03-20 20:42:03" destination: "CW" destination_mapping: "SF to HUD" destination_mapping_uid: 1 destination_uid: 2 frequency: "5 Minute" name: "Without Format Date Time" organization: "OLI" source: "Secure Download" source_mapping: "SF to HUD" source_mapping_uid: 1 source_uid: 6 start_datetime: "2019-07-30 05:00:00" uid: 15 }
response status: 200
response: {message: "success"}
There's download ability on the history table - this will make a call to the backend and get a link to an S3 download
Use a (free) service to package up frontend code from Github and save to S3 bucket automatically.
[X] format data for post endpoint
[X] call post
[X] on success -> display message
[X] on error -> display message
Build a table that can be pulled into history, transfers, etc.
[] create upload transfer form
[] hard code drop down values
[] style form (re-use from create transfer table)
[] on submit console log data (for now)
note: will post data in future story
All pages have their own "Page"... I think this could be consolidated
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.