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 { |