<span class="input-prepend input-append" data-bind="with:${source}">
    <span class="add-on" data-bind="visible:!transients.editing(), css:{'btn-success':name()}"><i class="icon-white" data-bind="css:{'icon-ok':listId()!='unmatched' && name(), 'icon-question-sign':listId()=='unmatched' || listId() == 'error-unmatched'}"></i></span><span class="add-on" data-bind="visible:transients.editing()"><asset:image src="ajax-saver.gif" alt="saving icon"/></span><input type="text" data-bind="${databindAttrs}" ${validationAttrs}/>
    <span class="add-on" data-bind="visible: !transients.editing() && name()">
        <a data-bind="popover: {title: name, content: transients.speciesInformation}"><i class="icon-info-sign"></i></a>
    </span>
</span>
