We need to add a feature for 2 way databinding, that way we can adapt existing dockerfiles.

1. Parse the dockerfiles into the object definition
2. Make sure the fields get filled in (will be tricky)

Needed for the file upload so we get a clean overview

donation-amount-hover span {

background: #F8F8F8;
border: 5px solid #DFDFDF;
color: #717171;
font-size: 10px;
height: 60px;
letter-spacing: 1px;
line-height: 15px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0px;
left: 80px;
display: none;
padding: 0 20px;
width: 200px;
z-index: 2;

}

donation-amount-hover span:after{

content: '';
position: absolute;
bottom: 36px;
width: 10px;
height: 10px;
border-bottom: 5px solid #dfdfdf;
border-right: 5px solid #dfdfdf;
background: #f8f8f8;
left: 0;
margin-left: -10px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(135deg);

}

donation-amount-hover:hover span {

display: block;

}

We need:

• Dockerfile
• Files to download and recreated to add to the environment
• App.sh content
• Startup command

Inspiration

Should have:

• type
• placeholder
• label
• name
• checkEmail (if true, check if email)
• checkMinLength (specify a length)
• checkMaxLength (specify a length)
• checkRequired (if true, make sure it is not empty)
• ....

This way we can move the validate towards the component itself. Also add a state so that we can specify if it is valid or not.

TODO: How can we check if the form is valid as a whole? (so on submission). Several solutions that I can think of:

• Expose a function is validate in the validateinput to check every component
• Create a custom form component that can do this by a function isValid?
• Go through the states of the methods one by one manually?

I think option 2 is the best and easiest since it removes all clutter and makes for easy submission