<span
  class="input-group-addon"
  style="width:100px;max-width:100px"
  ng-if="activelabel"
  >{{att.alias}}</span
>

<div class="form-inline">
  <div ng-if="!editUrl">
    <a href="{{ result[att.name] }}" target="_blank" > {{ result[att.name] }} </a>
    <button
      class="btn btn-s btn-default"
      ng-click="openEdit()"
      ng-disabled="fieldData.readonly"
      title="{{'mapcatalogwidget.editUrl' | translate}}"
      type="button"
    >
      <i aria-hidden="true" class="fa fa-edit"></i>
    </button>
  </div>
  <div
    class="item-actions editUrl"
    ng-if="editUrl"
  >
    <input
      type="url"
      class="form-control"
      ng-model="result[att.name]"
      ng-bind="initvalue[att.name]"
      ng-disabled="fieldData.disabled"
      ng-readonly="fieldData.readonly"
      ng-required="fieldData.required"
      placeholder="{{fieldData.placeholder ? fieldData.placeholder : ''}}"
      title="{{fieldData.title}}"
      ng-init="addListener()"
    />
    <button
      class="btn btn-s btn-default cancel"
      ng-click="cancelEdit()"
      title="{{'mapcatalogwidget.cancelEditMap' | translate}}"
    >
      <i aria-hidden="true" class="fa fa-times"></i>
    </button>
    <button
      class="btn btn-s btn-default save"
      ng-click="saveEdit()"
      title="{{'mapcatalogwidget.saveEditMap' | translate}}"
    >
      <i aria-hidden="true" class="fa fa-check"></i>
    </button>
  </div>

</div>
