<div>
<translate>dynamicstyle.Name</translate>
<input type="text" ng-model="Name"/>
</div>
<div>
<translate>dynamicstyle.Url</translate>
<input type="text" ng-model="wsURL"/>
</div>
<div>
<translate>dynamicstyle.DescribeData</translate>
<input type="text" ng-model="describeData"/>
</div>
<div>
<button type="button" class="btn btn-default"  title="Configuration" ng-click="refreshData()"><translate>dynamicstyle.Component</translate></button>

</div>
<translate>dynamicstyle.Component</translate>
<div model-component geomtype="*" res="fti1"> </div>
<div>
<translate>dynamicstyle.Attribute Value</translate>
</div>
<div>
<select  class="form-control" ng-model="resultAttr" ng-if="resultData" ng-change="verifyTypeofData(resultAttr);sresultAttr(resultAttr)" > 
  <option ng-repeat="(header, value) in resultData[0]" 

  value="{{header}}">
  {{header}}</option>
</select>
</div>
<div>
<select  class="form-control" ng-model="attrLinkWS" ng-if="resultData" ng-change="sattrLinkWS(attrLinkWS)" > 
  <option ng-repeat="(header, value) in resultData[0]" 

  value="{{header}}">
  {{header}}</option>
</select>
</div>
<div>
<select  class="form-control" ng-model="attrLink" ng-change="sattrLink(attrLink)" > 
  <option ng-repeat="att in config[0].fti.attributes" 

  value="{{att.name}}">
  {{att.name}}
</option>
</select>
</div>
<div>
<translate>dynamicstyle.Max_Value</translate>
<input type="number" ng-model="maxValue"/>
</div>
<div>
<translate>dynamicstyle.Min_Value</translate>
<input type="number" ng-model="minValue"/>
</div>
<div>
<translate>dynamicstyle.Iteration</translate>
<input type="number" ng-model="iteration"/>
</div>



<div class="category_input">
  <div class="btn btn-default btn-xs pull-right" id="palette_picker" ng-click="openPalettesLibrary()"><i class="fa fa-columns"></i></div>
  <label><translate>model.styles.editor.category.palette</translate></label>
  <palette-viewer palette="currentPalette.data"></palette-viewer>
</div>
<div>
<button type="button" class="btn btn-default"  title="Calculate" ng-click="calculate(iteration)"><translate>dynamicstyle.Calculate</translate></button>
</div>
<div style="height:150px;overflow:auto">
  <table style"height:200px">
    <thead>
      <tr>
        <th ng-repeat="(header, value) in interv[0]">
          {{header}}
        </th>
      </tr>
    </thead>
    <tbody>
     <tr ng-repeat="row in interv">

      <td >
       <div style="background:{{row['hexa']}};width:25px;height:20px" > </div>

     </td>
     <td >
      {{row['name']}}

    </td>
  </tr>
</tr>
</tbody>
</table>
</div>
<button type="button" class="btn btn-default"  title="Apply To Map" ng-click="applytoMap()"><translate>dynamicstyle.Apply_to_Map</translate></button>
<button type="button" class="btn btn-default"  title="Apply To Map" ng-click="applytoMap()"><translate>dynamicstyle.Save</translate></button>
