(feat): Display #all when no targeting; list payments

src/app/modules/boost/campaigns/view/view.component.html

@@ -74,6 +74,13 @@
  *ngFor="let hashtag of campaign.hashtags"
  class="m-form--tag-badge"
  >#{{hashtag}}</span>
+
+ <span
+ *ngIf="campaign.hashtags && !campaign.hashtags.length"
+ class="m-form--tag-badge"
+ >
+ #all
+ </span>
  </div>
  </div>
 
@@ -109,7 +116,7 @@
  </div>
 
  <div class="m-form--read-only-value">
- <span>{{campaign.budget | number}} TOKENS</span>
+ <span i18n>{{campaign.budget | number}} TOKENS</span>
  </div>
  </div>
 
@@ -135,6 +142,25 @@
  </div>
  </div>
 
+ <div class="m-form--field" *ngIf="campaign.payments && campaign.payments.length">
+ <div class="m-form--field-label">
+ <span i18n>Payment</span>
+ <m-tooltip icon="help" i18n>TBD</m-tooltip>
+ </div>
+
+ <ng-container *ngFor="let payment of campaign.payments">
+ <div class="m-form--read-only-value m-boost-campaigns-view--payment-row">
+ <div class="m-boost-campaigns-view--payment-row-amount">
+ {{payment.amount | number}} <span i18n>TOKEN(S)</span>
+ </div>
+
+ <div class="m-boost-campaigns-view--payment-row-tx">
+ {{payment.tx}}
+ </div>
+ </div>
+ </ng-container>
+ </div>
+
  <div class="m-form--field">
  <a [routerLink]="['/boost/campaigns/edit', campaign.urn]" class="m-btn m-btn--slim m-btn--action" *ngIf="isEditable">Edit</a>
  </div>

src/app/modules/boost/campaigns/view/view.component.scss

+.m-form .m-form--field .m-form--read-only-value.m-boost-campaigns-view--payment-row {
+ display: block;
+ margin-bottom: 16px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ .m-boost-campaigns-view--payment-row-amount {
+ margin-bottom: 4px;
+
+ span {
+ font-weight: 300;
+ }
+ }
+
+ .m-boost-campaigns-view--payment-row-tx {
+ font-size: 12px;
+ font-weight: 300;
+
+ @include m-theme() {
+ color: themed($m-grey-400);
+ }
+ }
+}