39 lines
1.3 KiB
HTML
39 lines
1.3 KiB
HTML
<template name="features">
|
|
<div fit>
|
|
<div class="scroll-y" fit>
|
|
<div class="resources"><!--resources-->
|
|
|
|
</div>
|
|
<div class="actions">
|
|
|
|
</div>
|
|
<div class="containers">
|
|
{{#each features}}
|
|
<paper-shadow class="card container featureCard" hero-id="main" {{detailHero}} style="order: {{featureOrder}};">
|
|
<div class="containerTop {{colorClass}}" hero-id="toolbar" layout horizontal center {{detailHero}}>
|
|
<div class="containerName subhead" hero-id="title" flex {{detailHero}}>{{name}}</div>
|
|
{{#if hasUses}}<div class="subhead" style="margin-right: 8px">{{usesLeft}}/{{usesValue}}</div>{{/if}}
|
|
<paper-ripple fit></paper-ripple>
|
|
</div>
|
|
<div flex class="containerMain body1 featureDescription">{{description}}</div>
|
|
{{#if hasUses}}
|
|
<div class="containerFoot" layout horizontal center end-justified>
|
|
{{#if usesLeft}}<paper-button class="useFeature">Use</paper-button>{{/if}}
|
|
<paper-button class="resetFeature">Reset</paper-button>
|
|
</div>
|
|
{{/if}}
|
|
</paper-shadow>
|
|
{{/each}}
|
|
</div>
|
|
<div class="fab-buffer"></div>
|
|
</div>
|
|
<paper-fab id="addFeature"
|
|
class="floatyButton"
|
|
icon="add"
|
|
title="Add"
|
|
role="button"
|
|
tabindex="0"
|
|
aria-label="Add"
|
|
hero-id="main"></paper-fab>
|
|
</div>
|
|
</template> |