quay/static/partials/user-admin.html

<div class="container">
  <div class="row" ng-hide="loading">
    <div class="col-md-4" ng-repeat='plan in plans'>
      <div class="panel" ng-class="{'panel-success': subscription.plan == plan.stripeId, 'panel-default': subscription.plan != plan.stripeId}">
        <div class="panel-heading">
          {{ plan.title }}
          <span class="pull-right" ng-show="subscription.plan == plan.stripeId">
            <i class="icon-ok"></i>
            Subscribed
          </span>
        </div>
        <div class="panel-body">
          {{ plan.privateRepos }} Private Repositories<br>
          <button class="btn btn-primary" ng-hide="subscription" ng-click="subscribe(plan.stripeId)">Subscribe</button>
          <button class="btn" ng-show="subscription && (subscription.plan != plan.stripeId)" ng-click="subscribe(plan.stripeId)">Change</button>
          <button class="btn btn-danger" ng-show="subscription.plan == plan.stripeId" ng-click="cancel()">Cancel</button>      
        </div>
      </div>
    </div>
  </div>
  <div class="loading" ng-show="loading">
    <div class="spin"></div>
  </div>
</div>