ngo-ui/src/app/ui/ngo-details/ngo-details.component.html [134:173]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<div class="modal fade" role="dialog" tabindex="-1" id="funds-utilized">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header pb-2">
        <h4 class="modal-title">Funds utilized</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close" aria-hidden="true">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body p-0">
        <table class="table w-100 tbl-funds-utilized table-sm table-borderless table-striped">
          <thead class="bg-dark text-white">
            <tr>
              <th class="font-weight-normal pl-4">#</th>
              <th class="font-weight-normal">Item name</th>
              <th class="text-right font-weight-normal pr-4">Amount</th>
            </tr>
          </thead>
          <tbody class="overflow-y-auto max-height-200">
            <tr *ngFor="let spendDetails of selectedNGO.ngo_spend_details; let i = index">
              <td class="pl-4">{{i+1}}</td>
              <td>{{spendDetails.spendDescription}}</td>
              <td class="text-right pr-4" data-dismiss="modal" data-toggle="modal" (click)='renderGraph(spendDetails.spendId,spendDetails.spendAmount)'
                data-target="#contributionChart"><a href='#'>{{spendDetails.spendAmount
                  |
                  currency:'USD':'symbol':'1.2-2'}}</a>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

<div class="modal fade " role="dialog" tabindex="-1" id="contributionChart">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header border-0 pt-2 pb-2">
        <h4 class="modal-title text-center">Donor's contribution </h4>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



ngo-ui/src/app/ui/ngos-list/ngos-list.component.html [127:168]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<div class="modal fade" role="dialog" tabindex="-1" id="funds-utilized">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header pb-2">
                <h4 class="modal-title">Funds utilized</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" aria-hidden="true">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body p-0">
                <table class="table w-100 tbl-funds-utilized table-sm table-borderless table-striped">
                    <thead class="bg-dark text-white">
                        <tr>
                            <th class="font-weight-normal pl-4">#</th>
                            <th class="font-weight-normal">Item name</th>
                            <th class="text-right font-weight-normal pr-4">Amount</th>
                        </tr>
                    </thead>
                    <tbody class="overflow-y-auto max-height-200">
                        <tr *ngFor="let spendDetails of selectedNGO.ngo_spend_details; let i = index">
                            <td class="pl-4">{{i+1}}</td>
                            <td>{{spendDetails.spendDescription}}</td>
                            <td class="text-right pr-4" data-dismiss="modal" data-toggle="modal" (click)='renderGraph(spendDetails.spendId,spendDetails.spendAmount)'
                                data-target="#contributionChart"><a href='#'>{{spendDetails.spendAmount
                                    |
                                    currency:'USD':'symbol':'1.2-2'}}</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>



<div class="modal fade " role="dialog" tabindex="-1" id="contributionChart">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header border-0 pt-2 pb-2">
                <h4 class="modal-title text-center">Donor's contribution </h4>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -