Response: Array of claims objects
[
{
id: 7498923432,
date: 'June 10, 2016', (or whatever format)
amount: 430.00, (or whatever format)
| // This will create a 50/50 split, similar to how | |
| // this section of the page is set up | |
| <section> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-md-6"> | |
| content in here | |
| </div> | |
| <div class="col-md-6"> | |
| content in here |
| <!-- First Row --> | |
| <div class="container"> | |
| <div class="row example"> | |
| <div class="col-md-6 col-sm-6 col-xs-12 teal"> | |
| I am 50% at 'md' and 'sm' but 100% at 'xs' | |
| </div> | |
| <div class="col-md-6 col-sm-6 col-xs-12 orange"> | |
| I am the same as the column next to me | |
| </div> | |
| </div> |
| <div class="container"> | |
| <h3>Nested Insanity</h3> | |
| <div class="row example"> | |
| <div class="col-md-6 col-xs-6 col-xs-12 grey"> | |
| <span class="ex-title">These 2 md-6's (that are inside of an md-6) have different nested columns</span> | |
| <div class="row"> | |
| <div class="col-md-6 col-sm-6 col-xs-6 red"> | |
| col-6 #1 | |
| <div class="row"> | |
| <div class="col-md-6 col-sm-6 col-xs-12 green"> |
| <div class="container"> | |
| <div class="row example"> | |
| <div class="col-md-6 col-sm-6 col-xs-12 grey"> | |
| <span class="ex-title">There are 4 columns that are each <pre class="inline-pre">col-md-3 col-sm-3 col-xs-3</pre> nested inside of this <pre class="inline-pre">col-md-6 col-sm-6 col-xs-12</pre></span> | |
| <div class="row"> | |
| <div class="col-md-3 col-sm-3 col-xs-3 red"> | |
| Hi | |
| </div> | |
| <div class="col-md-3 col-sm-3 col-xs-3 blue"> | |
| how |
| <div class="container"> | |
| <div class="row example grey"> | |
| <span class="ex-title">Note the row is grey</span> | |
| <div class="col-md-offset-2 col-md-10 col-sm-offset-1 col-sm-11 col-xs-12 blue"> | |
| This column is actually always 12 columns. It will begin as offset-2, then it will string to offset-1, then not have an offset at all | |
| </div> | |
| </div> | |
| </div> |
| <div *ngIf="claims?.length > 0; then claimsList else noClaims"></div> | |
| <ng-template #claimsList> | |
| <div class="claim" [@fadeInAnimation]="''" *ngFor="let claim of claims; index as i"> | |
| <single-claim | |
| [claim]="claim"> | |
| </single-claim> | |
| <br> | |
| </div> | |
| </ng-template> | |
| <ng-template #noClaims> |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title></title> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| </head> | |
| <style> | |
| /* Styles in here */ |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title></title> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| </head> | |
| <style> | |
| /* Styles in here */ |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title></title> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| </head> | |
| <style> | |
| .fancy-button { |