OpenFn/OpenFn-Site

<div class="ideas">
  <header class="header-image">
    <div class="headline">
      <h1><i class="fa fa-shopping-cart"></i>
   open<strong>Mappings</strong></h1>
      <h3>This is the <strong>new</strong> mapping page.</h3>
    </div>

  </header>
  <div class="featurette dark">
    <hr class="light">
    <hr class="dark">
    <div class="container">
      <div class="row" ng-show="mappingCtrl.ui.initializing">
        <div class="col-md-2 col-md-offset-5">
          <div class="card text-center">
            <h1>
            <i class="fa fa-spinner fa-spin"></i>
            </h1>
          </div>
        </div>
      </div>
      <settings-bar mapping="mappingCtrl.mapping"></settings-bar>
      <product-selector new-profile-action="mappingCtrl.showNewProfileModal" mapping="mappingCtrl.mapping" destination-profiles='mappingCtrl.destinationProfiles' source-profiles='mappingCtrl.sourceProfiles'></product-selector>

      <div class="row">
        <div class="col-md-5">
          <source-criteria mapping="mappingCtrl.mapping"></source-criteria>

        </div>

        <div class="col-md-5 col-md-offset-2">
          <destination-criteria mapping="mappingCtrl.mapping"></destination-criteria>

        </div>
      </div>
    </div>

  </div>
</div>