WIP Octanify the templates

This commit is contained in:
2020-05-10 10:27:43 +02:00
parent 4946b3311d
commit 2f4f350a93
15 changed files with 168 additions and 144 deletions
+19 -19
View File
@@ -1,8 +1,8 @@
<section id="contribution-details" class={{if model.vetoed "vetoed"}}>
<section id="contribution-details" class={{if this.model.vetoed "vetoed"}}>
<header class="with-nav">
<h2>Contribution #{{model.id}}</h2>
<h2>Contribution #{{this.model.id}}</h2>
<nav>
<span class="amount">{{model.amount}}</span>&nbsp;
<span class="amount">{{this.model.amount}}</span>&nbsp;
<span class="symbol">₭S</span>
</nav>
</header>
@@ -10,29 +10,29 @@
<div class="content">
<p class="who-what-when">
<span class="contributor">
<UserAvatar @contributor={{model.contributor}} />
<LinkTo @route="dashboard.contributors.show" @model={{model.contributor}}>{{model.contributor.name}}</LinkTo>
<UserAvatar @contributor={{this.model.contributor}} />
<LinkTo @route="dashboard.contributors.show" @model={{this.model.contributor}}>{{this.model.contributor.name}}</LinkTo>
</span>
contributed
<span class="date" title={{model.iso8601Date}}>{{moment-from model.iso8601Date}}</span>:
<span class="date" title={{this.model.iso8601Date}}>{{moment-from this.model.iso8601Date}}</span>:
</p>
<h3>{{model.description}}</h3>
<h3>{{this.model.description}}</h3>
<p>
Kind: {{model.kind}}
<br>Status: {{contribution-status model}}
Kind: {{this.model.kind}}
<br>Status: {{contribution-status this.model}}
</p>
{{#if model.url}}
{{#if this.model.url}}
<p>
<a href={{model.url}}
title={{model.description}}
<a href={{this.model.url}}
title={{this.model.description}}
class="button"
target="_blank"
rel="noopener">
rel="noopener noreferrer">
Open URL
</a>
</p>
{{/if}}
{{#if model.vetoed}}
{{#if this.model.vetoed}}
<div class="hint vetoed">
<div class="icon">
<IconWarning />
@@ -42,7 +42,7 @@
kredits will be issued.
</p>
<p>
<LinkTo @route="contributions.resubmit" @model={{model}} class="button small green">Re-submit contribution …</LinkTo>
<LinkTo @route="contributions.resubmit" @model={{this.model}} class="button small green">Re-submit contribution …</LinkTo>
</p>
</div>
{{/if}}
@@ -50,10 +50,10 @@
<div class="actions">
<p>
<LinkTo @route="contributions.resubmit" @model={{model}} class="button small">Copy & edit as new</LinkTo>
{{#if model.ipfsHash}}
<a href="{{ipfsGatewayUrl}}/{{model.ipfsHash}}"
class="button small" target="_blank" rel="noopener">
<LinkTo @route="contributions.resubmit" @model={{this.model}} class="button small">Copy & edit as new</LinkTo>
{{#if this.model.ipfsHash}}
<a href="{{this.ipfsGatewayUrl}}/{{this.model.ipfsHash}}"
class="button small" target="_blank" rel="noopener noreferrer">
Inspect IPFS data
</a>
{{/if}}
+12 -12
View File
@@ -1,21 +1,21 @@
<section id="contributor-profile">
<header>
<UserAvatar @contributor={{model}} @size="medium" />
<UserAvatar @contributor={{this.model}} @size="medium" />
</header>
<div class="content">
<h2>{{model.name}}</h2>
<p class="role">{{roleName}}</p>
<h2>{{this.model.name}}</h2>
<p class="role">{{this.roleName}}</p>
<ul class="external-accounts">
{{#each model.accounts as |account|}}
{{#each this.model.accounts as |account|}}
<li>
<ExternalAccountLink @account={{account}} />
<ExternalAccountLink @account={{this.account}} />
</li>
{{/each}}
{{#if model.url}}
{{#if this.model.url}}
<li>
<a href={{model.url}} target="_blank" rel="noopener" title="Website">
<a href={{this.model.url}} target="_blank" rel="noopener noreferrer" title="Website">
<span class="site">Web</span>
<IconWebGlobe />
</a>
@@ -24,18 +24,18 @@
</ul>
<div class="actions">
<p>
<LinkTo @route="contributions.new" @query={{hash contributorId=model.id}} class="button green">♥ Give kredits</LinkTo>
<LinkTo @route="contributions.new" @query={{hash contributorId=this.model.id}} class="button green">♥ Give kredits</LinkTo>
</p>
</div>
</div>
<div class="actions">
<p>
<a href="https://rinkeby.etherscan.io/address/{{model.account}}" class="button small" target="_blank" rel="noopener">Inspect Ethereum transactions</a>
{{#if model.ipfsHash}}
<a href="{{ipfsGatewayUrl}}/{{model.ipfsHash}}" class="button small" target="_blank" rel="noopener">Inspect IPFS profile</a>
<a href="https://rinkeby.etherscan.io/address/{{this.model.account}}" class="button small" target="_blank" rel="noopener noreferrer">Inspect Ethereum transactions</a>
{{#if this.model.ipfsHash}}
<a href="{{this.ipfsGatewayUrl}}/{{this.model.ipfsHash}}" class="button small" target="_blank" rel="noopener noreferrer">Inspect IPFS profile</a>
{{/if}}
<LinkTo @route="contributors.edit" @model={{model}} class="button small">Edit profile</LinkTo>
<LinkTo @route="contributors.edit" @model={{this.model}} class="button small">Edit profile</LinkTo>
</p>
</div>
</section>