title: How To Structure A Model So It Can Be Turned Into A Dynamic Form Easily
body: <p>I want to have an expert opinion on how to shape a model to make it fit into a table/form.</p>
  
  <p>I tried a lot, but got stuck.</p>
  
  <p>This is my model:</p>
  
  <pre><code>type alias Model =
  {   freeSyllables : List FreeSyllable
  ,   addFreeSyllableInput : String
  ,   addUsageStartInput : Bool
  ,   addUsageMidInput : Bool
  ,   addUsageEndInput : Bool
  }
  </code></pre>
  
  <p>it's build up out of:</p>
  
  <pre><code>type alias FreeSyllable =
  {   syllable : String
  ,   usage : Usage
  }
  
  type alias Usage =
  {   start : Bool
  ,   mid : Bool
  ,   end : Bool
  }
  </code></pre>
  
  <p>My view is a mixture between a form and a table. The table/form should be editable per row if I click an edit-Button, which every row should have.</p>
  
  <p>How would you design the model and how would you react upon changes in the table/form?</p>
  
  <p>Thanks ... :D</p>