datum-entry

designer.html

<link rel="import" href="../paper-input/paper-input.html">

<polymer-element name="datum-entity" attributes="fields">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #paper_input {
        left: 20px;
        top: 20px;
        position: absolute;
      }
    </style>
    <button on-tap="{{addField}}">Add field</button>
    <section id="attributes"></section>
    </template>

  <script>

    Polymer('datum-entity', {
      
      fields: 0,
      
      addField: function () {
        var field = document.createElement("paper-input");
        field.id="paper_input_" + this.fields;
        field.label="Attribute name";
        this.$.attributes.appendChild(field);
        this.increment();
      },
      
      increment: function() {
        this.fields++;
      }
      
    });

  </script>

</polymer-element>