<div class="ReactTable status-table" role="table">
<div class="rt-table">
<div class="rt-tbody">
<div class="rt-tr-group" role="rowgroup">
<div class="rt-tr rt-tr-status " tabindex="0" role="row">
<div class="rt-td auto-width"><span class="rt-td-label-rank t-semi">COP 1</span></div>
<div class="rt-td auto-width"><a href="#" class="has-border">APP-111-2223</a></div>
<div class="rt-td">Anne</div>
<div class="rt-td">Bowler</div>
<div class="rt-td">646-248-1112</div>
<div class="rt-td">4106 Terrace St</div>
<div class="rt-td">none</div>
<div class="rt-td auto-width">
<button class="button has-icon--right tiny no-margin text-align-left tertiary" href="javascript:void(0)">
<span class="ui-icon ui-small">
<svg>
<use xlink:href="#i-arrow-down"></use>
</svg>
</span>
Status
</button>
</div>
</div>
</div>
<div class="rt-tr-group" role="rowgroup">
<div class="rt-tr rt-tr-status is-processing " tabindex="0" role="row">
<div class="rt-td auto-width"><span class="rt-td-label-rank t-semi">COP 2</span></div>
<div class="rt-td auto-width"><a href="#" class="has-border">APP-111-2223</a></div>
<div class="rt-td">Beth</div>
<div class="rt-td">Bowler</div>
<div class="rt-td">646-248-1112</div>
<div class="rt-td">4106 Terrace St</div>
<div class="rt-td">none</div>
<div class="rt-td auto-width">
<button class="button has-icon--right tiny no-margin text-align-left is-processing" href="javascript:void(0)">
<span class="ui-icon ui-small">
<svg>
<use xlink:href="#i-arrow-down"></use>
</svg>
</span>
Processing
</button>
</div>
</div>
</div>
<div class="rt-tr-group" role="rowgroup">
<div class="rt-tr rt-tr-status is-disqualified " tabindex="0" role="row">
<div class="rt-td auto-width"><span class="rt-td-label-rank t-semi">COP 3</span></div>
<div class="rt-td auto-width"><a href="#" class="has-border">APP-111-2223</a></div>
<div class="rt-td">Beth</div>
<div class="rt-td">Bowler</div>
<div class="rt-td">646-248-1112</div>
<div class="rt-td">4106 Terrace St</div>
<div class="rt-td">none</div>
<div class="rt-td auto-width">
<button class="button has-icon--right tiny no-margin text-align-left is-disqualified" href="javascript:void(0)">
<span class="ui-icon ui-small">
<svg>
<use xlink:href="#i-arrow-down"></use>
</svg>
</span>
Disqualified
</button>
</div>
</div>
</div>
<div class="rt-tr-group" role="rowgroup">
<div class="rt-tr rt-tr-status is-approved " tabindex="0" role="row">
<div class="rt-td auto-width"><span class="rt-td-label-rank t-semi">COP 4</span></div>
<div class="rt-td auto-width"><a href="#" class="has-border">APP-111-2223</a></div>
<div class="rt-td">Beth</div>
<div class="rt-td">Bowler</div>
<div class="rt-td">646-248-1112</div>
<div class="rt-td">4106 Terrace St</div>
<div class="rt-td">none</div>
<div class="rt-td auto-width">
<button class="button has-icon--right tiny no-margin text-align-left is-approved" href="javascript:void(0)">
<span class="ui-icon ui-small">
<svg>
<use xlink:href="#i-arrow-down"></use>
</svg>
</span>
Approved
</button>
</div>
</div>
</div>
<div class="rt-tr-group" role="rowgroup">
<div class="rt-tr rt-tr-status is-waitlisted " tabindex="0" role="row">
<div class="rt-td auto-width"><span class="rt-td-label-rank t-semi">COP 5</span></div>
<div class="rt-td auto-width"><a href="#" class="has-border">APP-111-2223</a></div>
<div class="rt-td">Beth</div>
<div class="rt-td">Bowler</div>
<div class="rt-td">646-248-1112</div>
<div class="rt-td">4106 Terrace St</div>
<div class="rt-td">none</div>
<div class="rt-td auto-width">
<button class="button has-icon--right tiny no-margin text-align-left is-waitlisted" href="javascript:void(0)">
<span class="ui-icon ui-small">
<svg>
<use xlink:href="#i-arrow-down"></use>
</svg>
</span>
Waitlisted
</button>
</div>
</div>
</div>
<div class="rt-tr-group" role="rowgroup">
<div class="rt-tr rt-tr-status is-appealed " tabindex="0" role="row">
<div class="rt-td auto-width"><span class="rt-td-label-rank t-semi">COP 6</span></div>
<div class="rt-td auto-width"><a href="#" class="has-border">APP-111-2223</a></div>
<div class="rt-td">Beth</div>
<div class="rt-td">Bowler</div>
<div class="rt-td">646-248-1112</div>
<div class="rt-td">4106 Terrace St</div>
<div class="rt-td">none</div>
<div class="rt-td auto-width">
<button class="button has-icon--right tiny no-margin text-align-left is-appealed" href="javascript:void(0)">
<span class="ui-icon ui-small">
<svg>
<use xlink:href="#i-arrow-down"></use>
</svg>
</span>
Appealed
</button>
</div>
</div>
</div>
<div class="rt-tr-group" role="rowgroup">
<div class="rt-tr rt-tr-status is-withdrawn " tabindex="0" role="row">
<div class="rt-td auto-width"><span class="rt-td-label-rank t-semi">COP 7</span></div>
<div class="rt-td auto-width"><a href="#" class="has-border">APP-111-2223</a></div>
<div class="rt-td">Beth</div>
<div class="rt-td">Bowler</div>
<div class="rt-td">646-248-1112</div>
<div class="rt-td">4106 Terrace St</div>
<div class="rt-td">none</div>
<div class="rt-td auto-width">
<button class="button has-icon--right tiny no-margin text-align-left is-withdrawn" href="javascript:void(0)">
<span class="ui-icon ui-small">
<svg>
<use xlink:href="#i-arrow-down"></use>
</svg>
</span>
Withdrawn
</button>
</div>
</div>
</div>
<div class="rt-tr-group" role="rowgroup">
<div class="rt-tr rt-tr-status is-leased is-invalid" tabindex="0" role="row">
<div class="rt-td auto-width"><span class="rt-td-label-rank t-semi">COP 8</span><span class="rt-td-label-invalid t-semi">Invalid</span></div>
<div class="rt-td auto-width"><a href="#" class="has-border">APP-111-2223</a></div>
<div class="rt-td">Beth</div>
<div class="rt-td">Bowler</div>
<div class="rt-td">646-248-1112</div>
<div class="rt-td">4106 Terrace St</div>
<div class="rt-td">none</div>
<div class="rt-td auto-width">
<button class="button has-icon--right tiny no-margin text-align-left is-leased" href="javascript:void(0)">
<span class="ui-icon ui-small">
<svg>
<use xlink:href="#i-arrow-down"></use>
</svg>
</span>
Lease Signed
</button>
</div>
</div>
</div>
<div class="rt-tr-group" role="rowgroup">
<div class="rt-tr rt-tr-status is-processing is-invalid" tabindex="0" role="row">
<div class="rt-td auto-width"><span class="rt-td-label-rank t-semi">COP 9</span><span class="rt-td-label-invalid t-semi">Invalid</span></div>
<div class="rt-td auto-width"><a href="#" class="has-border">APP-111-2223</a></div>
<div class="rt-td">Anne</div>
<div class="rt-td">Bowler</div>
<div class="rt-td">646-248-1112</div>
<div class="rt-td">4106 Terrace St</div>
<div class="rt-td">none</div>
<div class="rt-td auto-width">
<button class="button has-icon--right tiny no-margin text-align-left is-processing" href="javascript:void(0)">
<span class="ui-icon ui-small">
<svg>
<use xlink:href="#i-arrow-down"></use>
</svg>
</span>
Processing
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ReactTable status-table" role="table">
<div class="rt-table">
<div class="rt-tbody">
{{#each applicants}}
<div class="rt-tr-group" role="rowgroup">
<div class="rt-tr rt-tr-status {{row_status}} {{invalid_status}}" tabindex="0" role="row">
<div class="rt-td auto-width"><span class="rt-td-label-rank t-semi">{{preference}}</span>{{#if invalid_status}}<span class="rt-td-label-invalid t-semi">Invalid</span>{{/if}}</div>
<div class="rt-td auto-width"><a href="#" class="has-border">{{application}}</a></div>
<div class="rt-td">{{first}}</div>
<div class="rt-td">{{last}}</div>
<div class="rt-td">{{phone}}</div>
<div class="rt-td">{{address}}</div>
<div class="rt-td">{{update}}</div>
<div class="rt-td auto-width">
<button class="button has-icon--right tiny no-margin text-align-left {{default button_status ''}}" href="javascript:void(0)">
<span class="ui-icon ui-{{default scale 'small'}}">
<svg>
<use xlink:href="#i-{{default icon 'arrow-down'}}"></use>
</svg>
</span>
{{default status 'Status'}}
</button>
</div>
</div>
</div>
{{/each}}
</div>
</div>
</div>
{
"applicants": [
{
"preference": "COP 1",
"application": "APP-111-2223",
"first": "Anne",
"last": "Bowler",
"phone": "646-248-1112",
"address": "4106 Terrace St",
"update": "none",
"status": "Status",
"row_status": null,
"button_status": "tertiary"
},
{
"preference": "COP 2",
"application": "APP-111-2223",
"first": "Beth",
"last": "Bowler",
"phone": "646-248-1112",
"address": "4106 Terrace St",
"update": "none",
"status": "Processing",
"row_status": "is-processing",
"button_status": "is-processing"
},
{
"preference": "COP 3",
"application": "APP-111-2223",
"first": "Beth",
"last": "Bowler",
"phone": "646-248-1112",
"address": "4106 Terrace St",
"update": "none",
"status": "Disqualified",
"row_status": "is-disqualified",
"button_status": "is-disqualified"
},
{
"preference": "COP 4",
"application": "APP-111-2223",
"first": "Beth",
"last": "Bowler",
"phone": "646-248-1112",
"address": "4106 Terrace St",
"update": "none",
"status": "Approved",
"row_status": "is-approved",
"button_status": "is-approved"
},
{
"preference": "COP 5",
"application": "APP-111-2223",
"first": "Beth",
"last": "Bowler",
"phone": "646-248-1112",
"address": "4106 Terrace St",
"update": "none",
"status": "Waitlisted",
"row_status": "is-waitlisted",
"button_status": "is-waitlisted"
},
{
"preference": "COP 6",
"application": "APP-111-2223",
"first": "Beth",
"last": "Bowler",
"phone": "646-248-1112",
"address": "4106 Terrace St",
"update": "none",
"status": "Appealed",
"row_status": "is-appealed",
"button_status": "is-appealed"
},
{
"preference": "COP 7",
"application": "APP-111-2223",
"first": "Beth",
"last": "Bowler",
"phone": "646-248-1112",
"address": "4106 Terrace St",
"update": "none",
"status": "Withdrawn",
"row_status": "is-withdrawn",
"button_status": "is-withdrawn"
},
{
"preference": "COP 8",
"application": "APP-111-2223",
"first": "Beth",
"last": "Bowler",
"phone": "646-248-1112",
"address": "4106 Terrace St",
"update": "none",
"status": "Lease Signed",
"invalid_status": "is-invalid",
"row_status": "is-leased",
"button_status": "is-leased"
},
{
"preference": "COP 9",
"application": "APP-111-2223",
"first": "Anne",
"last": "Bowler",
"phone": "646-248-1112",
"address": "4106 Terrace St",
"update": "none",
"status": "Processing",
"invalid_status": "is-invalid",
"row_status": "is-processing",
"button_status": "is-processing"
}
]
}
There are no notes for this item.