<div class="popover">
  <div class="popover-content">
    <input
      type="radio"
      name="symbolToAdd"
      ng-model="symbolToAdd.type"
      value="POINT"
      ng-checked="symbolToAdd.type=='POINT'"
    />
    <translate>model.featuretypes.types.point</translate>

    <span ng-if="fti.typeInfo=='LINE' || fti.typeInfo=='POLYGON'">
      <input
        type="radio"
        name="symbolToAdd"
        ng-model="symbolToAdd.type"
        value="LINE"
        ng-checked="symbolToAdd.type=='LINE'"
      />
      <translate>model.featuretypes.types.line</translate>
    </span>
    <span ng-if="fti.typeInfo=='POLYGON'">
      <input
        type="radio"
        name="symbolToAdd"
        ng-model="symbolToAdd.type"
        value="POLYGON"
        ng-checked="symbolToAdd.type=='POLYGON'"
      />
      <translate>model.featuretypes.types.polygon</translate>
    </span>

    <div
      class="btn btn-success btn-xxs"
      ng-click="addComponentToSymbolizer(typeOfSymbolToAdd);$hide();"
    >
      <i class="fa fa-check" />
    </div>
  </div>
</div>
