OpenFn/OpenFn-Site

<div class="row" ng-hide="mapping.state.new">
  <div class="col-md-5">
    <div class="btn-group">
      <button
        type="button"
        class="btn btn-default dropdown-toggle"
        data-toggle="dropdown"
        aria-expanded="false">
        Source
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" role="menu">
        <li ng-repeat='product in sourceProfiles.products'>
          <a href="#" ng-click="newProfileAction(product)">{{ product.name }}</a>
        </li>
        <li class="divider"></li>
        <li ng-repeat='profile in sourceProfiles.connection_profiles'>
          <a href="#" ng-click='mapping.updateSource(profile.id)'>
            {{ profile.name }}
            <i class="glyphicon glyphicon-ok" ng-show='profile.id === mapping.source_connected_app_id'></i>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <div class="col-md-2">
    <h1 align="center">
      <i class="fa fa-arrow-circle-right"></i>
    </h1>
  </div>
  <div class="col-md-5">
    <div class="btn-group">
      <button
        type="button"
        class="btn btn-default dropdown-toggle"
        data-toggle="dropdown"
        aria-expanded="false">
        Destination
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" role="menu">
        <li ng-repeat='product in destinationProfiles.products'>
          <a href="#" ng-click="newProfileAction(product)">{{ product.name }}</a>
        </li>
        <li class="divider"></li>
        <li ng-repeat='profile in destinationProfiles.connection_profiles'>
          <a href="#" ng-click='mapping.updateDestination(profile.id)'>
            {{ profile.name }}
            <i class="glyphicon glyphicon-ok" ng-show='profile.id === mapping.destination_connected_app_id'></i>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>