refactor cta subscription button to component, remove deprecation

app/components/subscribe-button.coffee

@@ -0,0 +1,8 @@
+`import Ember from 'ember'`
+`import config from 'travis/config/environment'`
+
+SubscribeButtonComponent = Ember.Component.extend
+
+  classNames: ['cta-btn']
+
+`export default SubscribeButtonComponent`

app/controllers/account.coffee

@@ -50,9 +50,17 @@ Controller = Ember.Controller.extend
     @config.show_repos_hint == 'public'
   ).property()
 
-  billingUrl: (->
+  billingUrl: ( ->
     id = if @get('model.type') == 'user' then 'user' else @get('model.login')
     "#{@config.billingEndpoint}/subscriptions/#{id}"
+  ).property('model.name', 'model.login')
+
+  subscribeButtonInfo: (->
+    {
+      billingUrl: @get('billingUrl')
+      subscribed: @get('model.subscribed')
+      education: @get('model.education')
+    }
   ).property('model.login', 'model.type')
 
 `export default Controller`

app/styles/app/layouts/profile.sass

@@ -25,7 +25,7 @@
         color: $grey-light
         text-decoration: underline
     @media #{$medium-up}
-      .profile-header, .sync-button, .ember-view
+      .profile-header, .sync-button
         display: inline-block
         vertical-align: middle
       .sync-button
@@ -138,7 +138,6 @@ p.profile-user-last
   li
     clear: both
     margin-bottom: .8em
-    // overflow: auto
   .profile-hooks
     width: grid-calc(10, 24)
     display: inline-block

app/templates/account.hbs

@@ -1,25 +1,10 @@
 {{#if allHooks.isLoaded}}
 
   <header>
-  {{#if config.billingEndpoint}}
+
-    <div class="cta-btn">
+    {{#if config.billingEndpoint}}
-    {{#if view.subscribed}}
+      {{subscribe-button account=subscribeButtonInfo}}
-      <a class="btn btn-activated" href={{billingUrl}}>
-        Subscription active!
-      </a>
-    {{else}}
-      {{#if view.education}}
-        <a class="btn btn-activated" href={{billingUrl}}>
-          Educational account!
-        </a>
-      {{else}}
-        <a class="btn btn-activate" href={{billingUrl}}>
-          Sign up this account!
-        </a>
-      {{/if}}
     {{/if}}
-    </div>
-  {{/if}}
 
     <div class="profile-header">
       <h1>{{accountName}}</h1>

app/templates/components/subscribe-button.hbs

@@ -0,0 +1,15 @@
+{{#if account.subscribed}}
+  <a class="btn btn-activated" href={{account.billingUrl}}>
+    Subscription active!
+  </a>
+{{else}}
+  {{#if account.education}}
+    <a class="btn btn-activated" href={{account.billingUrl}}>
+      Educational account!
+    </a>
+  {{else}}
+    <a class="btn btn-activate" href={{account.billingUrl}}>
+      Sign up this account!
+    </a>
+  {{/if}}
+{{/if}}