Skip to content

Instantly share code, notes, and snippets.

@HYR

HYR/SassMeister-input-HTML.html

Created August 31, 2015 18:21
Show Gist options
  • Save HYR/1b181ffe40db7b95740b to your computer and use it in GitHub Desktop.
Save HYR/1b181ffe40db7b95740b to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<table class="history">
<thead>
<tr style="background: red none repeat scroll 0% 0%; border-radius: 46px;">
<th align="right"><span class="sort Amount" ng-class="{'desc': isDescSort('Amount'), 'asc': isAscSort('Amount') }" ng-click="setSort('Amount')">Amount</span></th>
<th align="left"><span class="sort Description" ng-click="setSort('Description')">Description</span></th>
<th align="left"><span class="sort Date" ng-click="setSort('Date')">Date</span></th>
<th align="left"><span class="sort Frequency" ng-click="setSort('Frequency')">Frequency</span></th>
<th align="left"><span class="sort PaymentMethod" ng-click="setSort('PaymentType')">Payment Method</span></th>
<th align="left">More</th>
</tr>
</thead>
<tbody>
<!-- ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$8.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">School Supplies X2</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Sunday, November 29, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-7070</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$50.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">Pig</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Sunday, November 29, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-7070</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
($8.00)
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">Shipping Expenses</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Sunday, November 29, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-7070</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
($50.00)
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">Pig</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Sunday, November 29, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-7070</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$32.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">CDP General</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Thursday, December 17, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
($32.00)
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">CDP General</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Thursday, December 17, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$32.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">Ultimate Impact Fund</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Thursday, February 17, 2011</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$32.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">CDP General</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Thursday, February 17, 2011</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
($32.00)
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">CDP General</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Friday, February 18, 2011</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$32.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">CDP General</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Monday, March 14, 2011</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage -->
</tbody>
</table>
Raw
SassMeister-input.scss
// ----
// libsass (v3.2.4)
// ----
table.history {
width: 100%;
border: 10px solid pink;
font-size: 0.8em;
font-family: "Proxima Nova Condensed", helvetica, verdana, sans-serif;
margin-top: 0.5em;
overflow: hidden;
border-radius: 20px;
border-collapse: collapse;
thead {
background-color: rgb(172,172,172);
border-radius: 30px;
font-size: 1.1em;
th {
font-weight: normal;
}
}
tbody {
background: green;
}
tr {
border-bottom: 1px solid #DFDFDF;
}
td {
padding: 5px;
border-spacing: 0;
border-collapse: collapse;
&:first-of-type {
font-weight: bold;
}
}
th, td {
padding: 10px 5px;
}
.loading {
text-align: center;
}
}
nav {
display: block;
margin-top: 30px;
float: right;
ul.pagination {
display: inline;
li {
&:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
&:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
color: #aaa;
display:inline;
list-style-type: none;
padding: 10px;
border-collapse: collapse;
border: solid 1px #aaa;
}
}
}
select {
border: 1px solid rgb(204, 204, 204);
font-size: 0.8em;
}
Raw
SassMeister-output.css
table.history {
width: 100%;
border: 10px solid pink;
font-size: 0.8em;
font-family: "Proxima Nova Condensed", helvetica, verdana, sans-serif;
margin-top: 0.5em;
overflow: hidden;
border-radius: 20px;
border-collapse: collapse;
}
table.history thead {
background-color: #acacac;
border-radius: 30px;
font-size: 1.1em;
}
table.history thead th {
font-weight: normal;
}
table.history tbody {
background: green;
}
table.history tr {
border-bottom: 1px solid #DFDFDF;
}
table.history td {
padding: 5px;
border-spacing: 0;
border-collapse: collapse;
}
table.history td:first-of-type {
font-weight: bold;
}
table.history th, table.history td {
padding: 10px 5px;
}
table.history .loading {
text-align: center;
}
nav {
display: block;
margin-top: 30px;
float: right;
}
nav ul.pagination {
display: inline;
}
nav ul.pagination li {
color: #aaa;
display: inline;
list-style-type: none;
padding: 10px;
border-collapse: collapse;
border: solid 1px #aaa;
}
nav ul.pagination li:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
nav ul.pagination li:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
select {
border: 1px solid #cccccc;
font-size: 0.8em;
}
Raw
SassMeister-rendered.html
<table class="history">
<thead>
<tr style="background: red none repeat scroll 0% 0%; border-radius: 46px;">
<th align="right"><span class="sort Amount" ng-class="{'desc': isDescSort('Amount'), 'asc': isAscSort('Amount') }" ng-click="setSort('Amount')">Amount</span></th>
<th align="left"><span class="sort Description" ng-click="setSort('Description')">Description</span></th>
<th align="left"><span class="sort Date" ng-click="setSort('Date')">Date</span></th>
<th align="left"><span class="sort Frequency" ng-click="setSort('Frequency')">Frequency</span></th>
<th align="left"><span class="sort PaymentMethod" ng-click="setSort('PaymentType')">Payment Method</span></th>
<th align="left">More</th>
</tr>
</thead>
<tbody>
<!-- ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$8.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">School Supplies X2</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Sunday, November 29, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-7070</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$50.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">Pig</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Sunday, November 29, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-7070</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
($8.00)
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">Shipping Expenses</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Sunday, November 29, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-7070</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
($50.00)
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">Pig</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Sunday, November 29, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-7070</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$32.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">CDP General</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Thursday, December 17, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
($32.00)
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">CDP General</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Thursday, December 17, 2009</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$32.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">Ultimate Impact Fund</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Thursday, February 17, 2011</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$32.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">CDP General</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Thursday, February 17, 2011</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
($32.00)
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">CDP General</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Friday, February 18, 2011</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage --><tr class="ng-scope" ng-repeat="donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage">
<td class="amount ng-binding" align="right">
$32.00
</td>
<td class="to" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-binding ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">CDP General</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="date ng-binding" align="left">Monday, March 14, 2011</td>
<td class="frequency" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge -->
<!-- ngIf: !allocation.pledge --><span class="ng-scope" ng-if="!allocation.pledge">One-time</span><!-- end ngIf: !allocation.pledge -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
<td class="method" align="left">
<span class="ng-binding ss-glyphish-outlined ss-creditcard" ng-class="{'ss-glyphish-outlined':true, 'ss-creditcard': donation.payments[0].PaymentType == 'CC'}"> 4808-xxxx-xxxx-4508</span>
</td>
<td class="more" align="left">
<!-- ngRepeat: allocation in donation.donationallocations --><div class="ng-scope" ng-repeat="allocation in donation.donationallocations">
<!-- ngIf: allocation.pledge.Type == 'CHILD' -->
<!-- ngIf: allocation.pledge.Type != 'CHILD' --><span class="ng-scope" ng-if="allocation.pledge.Type != 'CHILD'">-</span><!-- end ngIf: allocation.pledge.Type != 'CHILD' -->
</div><!-- end ngRepeat: allocation in donation.donationallocations -->
</td>
</tr><!-- end ngRepeat: donation in filteredDonations = (donations | filter:filter.doDateRangeFilter | filter:filter.doFrequencyFilter | filter:filter.doTypeFilter) | itemsPerPage:numPerPage -->
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment