<!-- PROJECT BUDGET COMPONENT -->
<li class="project-item">
<div class="project-title">
<div class="text"></div>
<h4 class="card-subheading">Submissions title</h4>
</div>
<div class="stats-container">
<div class="stats-section stats-left">
<!-- Line chart is generated from the data attributes on this div -->
<div class="chart" data-chart="bar" data-amount="" data-total="" data-label="Applied" data-unit="dollar"></div>
<div class="chart" data-chart="bar" data-amount="" data-total="" data-label="Awarded" data-unit="dollar"></div>
<div class="chart" data-chart="bar" data-amount="" data-total="" data-label="Remaining" data-unit="dollar"></div>
</div>
<div class="stats-section stats-right">
<div class="applications-stats stat-boxes">
<div class="stat-box">
<div class="text">8</div>
<div class="sub-text">Drafted</div>
</div>
<div class="stat-box">
<div class="text">3</div>
<div class="sub-text">Submitted</div>
</div>
<div class="stat-box">
<div class="text">5</div>
<div class="sub-text">Approved</div>
</div>
</div>
</div>
</div>
</li>
<!-- PROJECT BUDGET COMPONENT -->
<li class="project-item">
<div class="project-title">
<div class="text">{{ title }}</div>
<h4 class="card-subheading">Submissions title</h4>
</div>
<div class="stats-container">
<div class="stats-section stats-left">
<!-- Line chart is generated from the data attributes on this div -->
<div class="chart" data-chart="bar" data-amount="{{ total }}" data-total="{{ total }}" data-label="Applied" data-unit="dollar"></div>
<div class="chart" data-chart="bar" data-amount="{{ awarded }}" data-total="{{ total }}" data-label="Awarded" data-unit="dollar"></div>
<div class="chart" data-chart="bar" data-amount="{{ remaining }}" data-total="{{ total }}" data-label="Remaining" data-unit="dollar"></div>
</div>
<div class="stats-section stats-right">
<div class="applications-stats stat-boxes">
<div class="stat-box">
<div class="text">8</div>
<div class="sub-text">Drafted</div>
</div>
<div class="stat-box">
<div class="text">3</div>
<div class="sub-text">Submitted</div>
</div>
<div class="stat-box">
<div class="text">5</div>
<div class="sub-text">Approved</div>
</div>
</div>
</div>
</div>
</li>
/* No context defined for this component. */
There are no notes for this item.