eHealthAfrica/direct-delivery-dashboard

<div class="modal-header alert-info">
  <h3>Copy From Existing Round</h3>
</div>
<!-- Modal body section -->
<div class="modal-body">
  <div class="col-sm-15">
    <form>
      <div class="form-group">
        <label>Template Round</label>
        <select class="form-control" ng-model="crtdCtrl.selectedRoundId">
          <option value="">select delivery round</option>
          <option ng-repeat="round in crtdCtrl.deliveryRounds"
                  ng-value="round._id">
            {{ round._id }}
          </option>
        </select>
      </div>
    </form>
  </div>
</div>
<!-- modal footer section-->
<div class="modal-footer">
  <button type="submit" class="btn btn-success"
          ng-disabled="crtdCtrl.selectedRoundId === ''"
          ng-click="crtdCtrl.copy()">
    <span ng-show="!crtdCtrl.isLoading">Copy Template</span>
    <span ng-show="crtdCtrl.isLoading">Copying</span>
    <i class="fa"
        ng-class="{
          'fa-spinner fa-spin': crtdCtrl.isLoading,
          'fa-chevron-circle-right': !crtdCtrl.isLoading
        }"></i>
  </button>

  <button class="btn btn-default"
          ng-disabled="crtdCtrl.isLoading === true"
          ng-click="$dismiss()">
    <i class="fa fa-times"></i>
    <span>Close</span>
  </button>
</div>