Commit 1af37cc6 authored by Emiliano Balbuena's avatar Emiliano Balbuena
Browse files

(wip): Upgrades page

parent 69eda7ca

src/app/app.module.ts

+2 −0
Original line number Diff line number Diff line
@@ -72,6 +72,7 @@ import { ProModule } from './modules/pro/pro.module'; 
import { ChannelContainerModule } from './modules/channel-container/channel-container.module';



import * as Sentry from '@sentry/browser';

import { UpgradesModule } from './modules/upgrades/upgrades.module';



Sentry.init({

  dsn: 'https://3f786f8407e042db9053434a3ab527a2@sentry.io/1538008', // TODO: do not hardcard
@@ -147,6 +148,7 @@ export class SentryErrorHandler implements ErrorHandler { 
    IssuesModule,

    CanaryModule,

    ChannelsModule,

    UpgradesModule,



    //last due to :username route

    ChannelContainerModule,

src/app/modules/upgrades/buy-tokens.component.html

0 → 100644
+30 −0
Original line number Diff line number Diff line 
<div class="m-upgrades__buyTokens">

  <div class="">

    <h2>Buy Tokens</h2>



    <p>

      Expand your reach with Boost and support your favorite channels with Wire.

    </p>



    <p>

      <a>Learn more about tokens</a>

    </p>



    <div class="">

      <div class="">

        <label for="m-upgradesBuyTokens__amount">$</label>

        <input type="number" name="amount" id="m-upgradesBuyTokens__amount" />

      </div>



      <div>

        ?? tokens = ?????? page views

      </div>



      <div class="">

        <button class="">Buy Tokens</button>

      </div>

    </div>

  </div>



  <div class=""></div>

</div>

src/app/modules/upgrades/buy-tokens.component.scss

0 → 100644
+0 −0

Empty file added.

src/app/modules/upgrades/buy-tokens.component.ts

0 → 100644
+8 −0
Original line number Diff line number Diff line 
import { ChangeDetectionStrategy, Component } from '@angular/core';



@Component({

  selector: 'm-upgrades__buyTokens',

  changeDetection: ChangeDetectionStrategy.OnPush,

  templateUrl: 'buy-tokens.component.html',

})

export class BuyTokensComponent {}

src/app/modules/upgrades/upgrade-options.component.html

0 → 100644
+114 −0
Original line number Diff line number Diff line 
<div class="m-upgrades__upgradeOptions">

  <div class="">

    <h2>Upgrade Options</h2>



    <div class="">

      <div class="">

        <span class="">Yearly</span>

        <span class=""></span>

        <span class="">Monthly</span>

      </div>

      <div class="">

        <span class="">USD</span>

        <span class=""></span>

        <span class="">Tokens</span>

      </div>

    </div>

  </div>



  <div class="">

    <div class="">

      <h3>Plus</h3>



      <p class="">

        Ideal for all Minds Users

      </p>



      <p>

        Upgrade your channel to unlock new features and upgrade your experience.

      </p>



      <ul>

        <li>Access exclusive content</li>

        <li>Channel verification</li>

        <li>Hide boosted content</li>

      </ul>



      <p>

        <a>More info</a>

      </p>



      <p class=""><span>$5</span> per month</p>



      <p class="">

        $7 per month

      </p>



      <p>

        <a>Upgrade to Plus</a>

      </p>

    </div>



    <div class="">

      <h3>Pro</h3>



      <p class="">

        For independent content creators

      </p>



      <p>

        The ultimate platform for independent content creators on the Internet.

      </p>



      <ul>

        <li>TBD</li>

        <li>TBD</li>

        <li>TBD</li>

      </ul>



      <p>

        <a>More info</a>

      </p>



      <p class=""><span>$50</span> per month</p>



      <p class="">

        $60 per month

      </p>



      <p>

        <a>Upgrade to Pro</a>

      </p>

    </div>



    <div class="">

      <h3>Node</h3>



      <p class="">

        For next-level content creators

      </p>



      <p>

        Launch your own white-labeled social network and mobile app.

      </p>



      <ul>

        <li>White-labeled mobile app</li>

        <li>Custom domain</li>

        <li>Personalized branding</li>

      </ul>



      <p>

        <a>More info</a>

      </p>



      <p class="">

        Contact us for pricing

      </p>



      <p>

        <a>Contact us</a>

      </p>

    </div>

  </div>

</div>