Merge pull request #367 from tchak/bind-attrs-no-more

stop using deprecated {{bind-attr}}

app/templates/account.hbs

@@ -4,16 +4,16 @@
   {{#if config.billingEndpoint}}
     <div class="cta-btn">
     {{#if view.subscribed}}
-      <a class="btn btn-activated" {{bind-attr href="billingUrl"}}>
+      <a class="btn btn-activated" href={{billingUrl}}>
         Subscription active!
       </a>
     {{else}}
       {{#if view.education}}
-        <a class="btn btn-activated" {{bind-attr href="billingUrl"}}>
+        <a class="btn btn-activated" href={{billingUrl}}>
           Educational account!
         </a>
       {{else}}
-        <a class="btn btn-activate" {{bind-attr href="billingUrl"}}>
+        <a class="btn btn-activate" href={{billingUrl}}>
           Sign up this account!
         </a>
       {{/if}}
@@ -93,9 +93,9 @@
 
       <ul class="profile-hooklist">
         {{#each hook in hooksWithoutAdmin}}
-          <li {{bind-attr class="hook.active:active :row"}}>
+          <li class="{{if hook.active 'active'}} row">
             <button class="profile-switch disabled"></button>
-            <a {{bind-attr href="hook.urlGithub"}} rel="nofollow" class="profile-repo">
+            <a href={{hook.urlGithub}} rel="nofollow" class="profile-repo">
               {{hook.slug}}
               <span>{{hook.description}}</span>
             </a>

app/templates/annotations/list.hbs

@@ -2,7 +2,7 @@
 <div id="annotations">
   {{#each annotation in view.annotations}}
     <div class="annotation">
-      <a {{bind-attr href="annotation.url"}}>
+      <a href={{annotation.url}}>
           {{annotation.status}} {{annotation.providerName}}
       </a>:
       {{annotation.description}}

app/templates/build.hbs

@@ -1,19 +1,19 @@
 {{#if loading}}
   {{loading-indicator}}
 {{else}}
-  <section {{bind-attr class=":tile :tile--pass :row build.state"}}>
+  <section class="tile tile--pass row {{build.state}}">
     <div class="tile-status">
-      <span {{bind-attr class=":icon :icon-status build.state"}} {{bind-attr title="build.state"}}></span>
+      <span class="icon icon-status {{build.state}}" title={{build.state}}></span>
-      <span {{bind-attr class=":request-kind build.eventType :icon"}} {{bind-attr title="build.eventType"}}></span>
+      <span class="request-kind {{build.eventType}} icon" title={{build.eventType}}></span>
     </div>
 
     <div class="tile-main medium-8 columns">
       <h2 class="repo-main-commit">
       {{#if build.pullRequest}}
-        <small class="repo-main-branch" {{bind-attr title="build.pullRequestTitle"}}>Pull Request #{{build.pullRequestNumber}}</small>
+        <small class="repo-main-branch" title={{build.pullRequestTitle}}>Pull Request #{{build.pullRequestNumber}}</small>
         {{build.pullRequestTitle}}
       {{else}}
-        <small class="repo-main-branch" {{bind-attr title="build.commit.branch"}}>{{build.commit.branch}}</small>
+        <small class="repo-main-branch" title={{build.commit.branch}}>{{build.commit.branch}}</small>
         {{format-message build.commit.subject repo=build.repo}}
       {{/if}}
       </h2>
@@ -25,11 +25,11 @@
       </div>
       <div class="tile-author">
        {{#if commit.authorName}}
-         <img {{bind-attr src="urlAuthorGravatarImage"}}>{{commit.authorName}} authored{{#if commit.authorIsCommitter}} and committed{{/if}}
+         <img src={{urlAuthorGravatarImage}}>{{commit.authorName}} authored{{#if commit.authorIsCommitter}} and committed{{/if}}
        {{/if}}
        {{#unless commit.authorIsCommitter}}
          {{#if commit.committerName}}
-           <img {{bind-attr src="urlCommitterGravatarImage"}}>{{commit.committerName}} committed
+           <img src={{urlCommitterGravatarImage}}>{{commit.committerName}} committed
          {{/if}}
        {{/unless}}
       </div>
@@ -42,17 +42,17 @@
           {{build.number}} {{humanize-state build.state}}{{/link-to}}
         </li>
         <li>
-          <a class="commit" {{bind-attr href="urlGithubCommit"}}>
+          <a class="commit" href={{urlGithubCommit}}>
             <span class="icon icon--github"></span>
             Commit {{format-sha commit.sha}}
           </a>
         </li>
         <li>
           {{#if build.pullRequest}}
-            <a class="compare" {{bind-attr href="build.commit.compareUrl"}}><span class="icon icon--github"></span> #{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a>
+            <a class="compare" href={{build.commit.compareUrl}}><span class="icon icon--github"></span> #{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a>
           {{else}}
             {{#if build.commit.compareUrl}}
-              <a class="compare" {{bind-attr href="build.commit.compareUrl"}}>
+              <a class="compare" href={{build.commit.compareUrl}}>
               <span class="icon icon--github"></span>
               Compare {{short-compare-shas build.commit.compareUrl}}</a>
             {{/if}}

app/templates/caches.hbs

@@ -1,7 +1,7 @@
 {{#if cachesExist}}
   <div class="caches-header">
     <h1 class="caches-title">All caches <small>(<a href="http://docs.travis-ci.com/user/caching/" title="">documentation</a>)</small></h1>
-    <a href="#" {{action "deleteRepoCache"}} {{bind-attr class="isDeleting:deleting :delete-repo-caches :button--delete"}}>
+    <a href="#" {{action "deleteRepoCache"}} class="{{if isDeleting 'deleting'}} delete-repo-caches button--delete">
       Delete all repository caches
     </a>
   </div>

app/templates/components/builds-item.hbs

@@ -17,7 +17,7 @@
       {{/link-to}}
     {{/if}}
   </h2>
-  <p class="tile-author"><img {{bind-attr src="urlAuthorGravatarImage"}} alt="">
+  <p class="tile-author"><img src={{urlAuthorGravatarImage}} alt="">
     {{build.commit.committerName}} committed
   </p>
 </div>

app/templates/components/caches-item.hbs

@@ -1,5 +1,5 @@
 <p class="tile-item caches-branch column">
-  <span {{bind-attr class=":icon :icon--grey"}}></span>
+  <span class="icon icon--grey"></span>
   {{cache.branch}}
 </p>
 
@@ -8,7 +8,7 @@
 <p class="tile-item caches-size column">{{mb cache.size}}MB</p>
 
 <p class="tile-item caches-button column">
-  <a href="#" {{action "delete"}} {{bind-attr class="isDeleting:deleting :delete-by-slug :delete :button--delete"}}>
+  <a href="#" {{action "delete"}} class="{{if isDeleting 'deleting'}} delete-by-slug delete button--delete">
     Delete
   </a>
 </p>

app/templates/components/code-climate-popup.hbs

@@ -7,7 +7,7 @@
   <p>
     Integrating <a href="https://codeclimate.com">Code Climate's test coverage</a> reporting with your test
     suite on Travis CI allows to track changes in coverage over time. If you haven't tried it out already, <a
-    {{bind-attr href="config.codeClimateUrl"}} target="_blank">sign
+    href={{config.codeClimateUrl}} target="_blank">sign
     up today</a> to improve your code's quality. New customers get 20% off for the first three months!
   </p>
 

app/templates/components/hooks-list-item.hbs

@@ -6,7 +6,7 @@
     {{#link-to "settings" hook.ownerName hook.name class="profile-settings" title="Repository settings"}}<span class="icon icon--cog"></span>{{/link-to}}
   {{/if}}
 </div>
-<a {{bind-attr href="hook.urlGithub"}} rel="nofollow" class="profile-repo">
+<a href={{hook.urlGithub}} rel="nofollow" class="profile-repo">
   {{hook.slug}}
   <span>{{hook.description}}</span></a>
 
@@ -16,7 +16,7 @@
       An error happened when we tried to alter settings on GitHub.
       {{#if githubOrgsOauthAccessSettingsUrl}}
         It may be caused by API restrictions, please
-        <a {{bind-attr href="githubOrgsOauthAccessSettingsUrl"}}
+        <a href={{githubOrgsOauthAccessSettingsUrl}}
           title="Orgs Oauth Access Settings on GitHub">
           review and add
         </a> your authorized Orgs.

app/templates/components/jobs-item.hbs

@@ -1,6 +1,6 @@
 {{#link-to "job" repo job}}
   <div class="tile-status tile-status--job">
-    <span {{bind-attr class=":icon :icon--job job.state"}}></span>
+    <span class="icon icon--job {{job.state}}"></span>
   </div>
 
   <p class="job-id jobs-item build-status">
@@ -8,8 +8,8 @@
     {{job.number}}
   </p>
 
-  <p {{bind-attr class=":job-os :jobs-item :build-os job.config.os"}}>
+  <p class="job-os jobs-item build-os {{job.config.os}}">
-    <span {{bind-attr class=":icon job.config.os"}}></span>
+    <span class="icon {{job.config.os}}"></span>
   </p>
 
   {{#if languages}}

app/templates/components/owner-repo-tile.hbs

@@ -2,7 +2,7 @@
   <div class="tile-lock"><span class="icon icon-lock"></span></div>
 {{/if}}
 <div class="tile-status">
-  <span {{bind-attr class=":icon :icon-status repo.default_branch.last_build.state"}}></span>
+  <span class="icon icon-status {{repo.default_branch.last_build.state}}"></span>
 </div>
 <div class="tile-main tile-header column medium-3">
   <h2>{{#link-to "repo" ownerName repoName }}{{repoName}}{{/link-to}}</h2>
@@ -18,10 +18,10 @@
     <div class="column medium-8 tile-double">
       <div class="column medium-6">
         <p class="tile-branch">
-          <span {{bind-attr class=":icon :icon--grey :request-kind repo.default_branch.last_build.event_type"}}></span>
+          <span class="icon icon--grey request-kind {{repo.default_branch.last_build.event_type}}"></span>
           {{repo.default_branch.name}}</p>
         <p class="tile-commit">
-          <span class="icon icon-github"></span><a {{bind-attr href="repo.default_branch.last_build.commit.compare_url"}}>{{format-sha repo.default_branch.last_build.commit.sha}}</a></p>
+          <span class="icon icon-github"></span><a href={{repo.default_branch.last_build.commit.compare_url}}>{{format-sha repo.default_branch.last_build.commit.sha}}</a></p>
       </div>
       <div class="column medium-6">
         <p class="tile-duration">

app/templates/components/travis-status.hbs

@@ -1,7 +1,7 @@
 {{#if statusPageStatusUrl}}
   <h3>Travis CI Status</h3>
   <ul>
-    <li><div {{bind-attr class=":status-circle status"}}>Status:</div>
+    <li><div class="status-circle {{status}}">Status:</div>
         <a href="http://www.traviscistatus.com/">Travis CI Status</a>
     </li>
   </ul>

app/templates/dashboard/repositories.hbs

@@ -19,12 +19,12 @@
   <section class="dashboard-active">
 
     {{#each repo in filteredRepositories}}
-      <div {{bind-attr class=":db :row repo.last_build.state"}}>
+      <div class="db row {{repo.last_build.state}}">
         {{#if repo.private }}
           <div class="db-lock"><span class="icon icon-lock"></span></div>
         {{/if}}
         <div class="db-status">
-          <span {{bind-attr class=":icon :icon-status repo.last_build.state"}}></span>
+          <span class="icon icon-status {{repo.last_build.state}}"></span>
           <span class="icon icon-star"></span>
         </div>
         <div class="db-repo column medium-3 small-12">

app/templates/env-vars.hbs

@@ -8,11 +8,11 @@
           {{partial 'env_vars/form'}}
         {{else}}
           <a href="#" class="edit-var" {{action "edit"}}>Edit</a>
-          <a href="#" {{action "delete"}} {{bind-attr class=":delete-var isDeleting:deleting"}}>
+          <a href="#" {{action "delete"}} class="delete-var {{if isDeleting 'deleting'}}">
             Delete
           </a>
           <span class="name">{{name}}</span>
-          <span {{bind-attr class=":value :value-display public::secure"}}>{{value}}</span>
+          <span class="value value-display {{unless public 'secure'}}">{{value}}</span>
         {{/if}}
       </li>
     {{/unless}}

app/templates/env-vars/_form.hbs

@@ -20,7 +20,7 @@
   </div>
 
   <div class="actions">
-    <input type="submit" {{bind-attr value=actionType class=":submit-env-var isSaving:saving" disabled=isSaving}} />
+    <input type="submit" value={{actionType}} class="submit-env-var {{if isSaving 'saving'}}" disabled={{isSaving}} />
     <span class="or">or</span>
     <a href="#" class="cancel-env-var" {{action "cancel"}}>Cancel</a>
   </div>

app/templates/home.hbs

@@ -53,9 +53,9 @@
 			<div class="medium-6 columns">
 				<ul class="tiles-landing">
 				{{#each repo in repos}}
-					<li {{bind-attr class=":db :column repo.lastBuild.state"}}>
+					<li class="db column {{repo.lastBuild.state}}">
 						<div class="db-status">
-							<span {{bind-attr class=":icon :icon-status repo.lastBuild.state"}}></span>
+							<span class="icon icon-status {{repo.lastBuild.state}}"></span>
 						</div>
 						<div class="db-repo column">
 							<h3>{{repo.owner}}</h3>

app/templates/job.hbs

@@ -1,14 +1,14 @@
 {{#if job.isLoaded}}
 
-<section {{bind-attr class=":tile :tile--pass :row job.state"}} {{!-- id="new-summary" --}}>
+<section class="tile tile--pass row {{job.state}}" {{!-- id="new-summary" --}}>
   <div class="tile-status">
-    <span {{bind-attr class=":icon :icon-status job.state"}} {{bind-attr title="job.state"}}></span>
+    <span class="icon icon-status {{job.state}}" title={{job.state}}></span>
-    <span {{bind-attr class=":request-kind job.build.eventType :icon"}} {{bind-attr title="job.build.eventType"}}></span>
+    <span class="request-kind {{job.build.eventType}} icon" title={{job.build.eventType}}></span>
   </div>
 
   <div class="tile-main medium-8 columns">
     <h2 class="repo-main-commit">
-      <small class="repo-main-branch" {{bind-attr title="job.commit.branch"}}>{{job.commit.branch}}</small>
+      <small class="repo-main-branch" title={{job.commit.branch}}>{{job.commit.branch}}</small>
       {{format-message job.commit.subject repoBinding=job.repo}}
     </h2>
     <div class="repo-main-description">
@@ -16,11 +16,11 @@
     </div>
     <div class="tile-author">
      {{#if job.commit.authorName}}
-       <img {{bind-attr src="view.urlAuthorGravatarImage"}}/>{{job.commit.authorName}} authored{{#if job.commit.authorIsCommitter}} and committed{{/if}}
+       <img src={{view.urlAuthorGravatarImage}} />{{job.commit.authorName}} authored{{#if job.commit.authorIsCommitter}} and committed{{/if}}
      {{/if}}
      {{#unless job.commit.authorIsCommitter}}
        {{#if job.commit.committerName}}
-         <img {{bind-attr src="view.urlCommitterGravatarImage"}}/>{{job.commit.committerName}} committed
+         <img src={{view.urlCommitterGravatarImage}} />{{job.commit.committerName}} committed
        {{/if}}
      {{/unless}}
     </div>
@@ -35,14 +35,14 @@
         {{/link-to}}
       </li>
       <li>
-        <a class="commit" {{bind-attr href="controller.urlGithubCommit"}}><span class="icon icon--github"></span> Commit {{format-sha job.commit.sha}}</a>
+        <a class="commit" href={{controller.urlGithubCommit}}><span class="icon icon--github"></span> Commit {{format-sha job.commit.sha}}</a>
       </li>
       <li>
         {{#if job.build.pullRequest}}
-          <div class="compare"><a class="compare" {{bind-attr href="job.commit.compareUrl"}}><span class="icon icon--github"></span> #{{job.build.pullRequestNumber}}: {{job.build.pullRequestTitle}}</a></div>
+          <div class="compare"><a class="compare" href={{job.commit.compareUrl}}><span class="icon icon--github"></span> #{{job.build.pullRequestNumber}}: {{job.build.pullRequestTitle}}</a></div>
         {{else}}
           {{#if job.build.commit.compareUrl}}
-            <div class="compare"><a class="compare" {{bind-attr href="job.commit.compareUrl"}}><span class="icon icon--github"></span> Compare {{short-compare-shas job.build.commit.compareUrl}}</a></div>
+            <div class="compare"><a class="compare" href={{job.commit.compareUrl}}><span class="icon icon--github"></span> Compare {{short-compare-shas job.build.commit.compareUrl}}</a></div>
           {{/if}}
         {{/if}}
       </li>

app/templates/jobs.hbs

@@ -1,5 +1,5 @@
 {{#if view.jobs.length}}
-  <section {{bind-attr id=view.jobTableId}}>
+  <section id={{view.jobTableId}}>
 
   {{#if view.required}}
     <h2 class="build-title">Build Jobs</h2>
@@ -14,12 +14,12 @@
 
     {{#each job in view.jobs}}
       {{#view 'jobs-item' context=job}}
-        <div {{bind-attr class=":tile :tile--jobs :row job.state" }}>
+        <div class="tile tile--jobs row {{job.state}}">
           {{#if job.config}}
             {{#link-to "job" job.repo job}}
 
               <div class="tile-status tile-status--job">
-                <span {{bind-attr class=":icon :icon--job job.state"}}></span>
+                <span class="icon icon--job {{job.state}}"></span>
               </div>
 
               <p class="job-id jobs-item build-status">
@@ -31,8 +31,8 @@
                 {{/if}}
               </p>
 
-            <p {{bind-attr class=":job-os :jobs-item :build-os config.os"}}>
+            <p class="job-os jobs-item build-os {{config.os}}">
-              <span {{bind-attr class=":icon config.os"}}></span>
+              <span class="icon {{config.os}}"></span>
               {{!-- {{config.os}} --}}
             </p>
 
@@ -47,7 +47,7 @@
                 no language set
               </p>
             {{/if}}
-            
+
             <div class="job-anchor jobs-item">
               {{#if config.env}}
                 <p class="job-env jobs-item build-env">
@@ -61,14 +61,14 @@
                 </p>
               {{/if}}
 
-              <p class="job-duration jobs-item" {{bind-attr title="startedAt"}}>
+              <p class="job-duration jobs-item" title={{startedAt}}>
                 <span class="icon icon--clock-dark"></span>
                 {{format-duration duration}}
               </p>
 
             </div>
 
-              {{!-- <p class="" {{bind-attr title="formattedFinishedAt"}}>
+              {{!-- <p class="" title={{formattedFinishedAt}}>
                 <span class="icon icon--cal"></span>
                 {{format-time finishedAt}}
               </p> --}}

app/templates/jobs/pre.hbs

@@ -18,12 +18,12 @@
 {{/if}}
 
 
-  <div {{bind-attr class="view.job.notStarted:hidden"}}>
+  <div class="{{if view.job.notStarted 'hidden'}}">
     <menu class="log-header">
       {{#if view.canRemoveLog}}
         <a href="#" class="button button--grey open-popup" {{action "removeLogPopup" target=view}}><span class="icon icon--removeLog"></span> Remove Log</a>
       {{/if}}
-      <a class="button button--grey" {{bind-attr href="view.plainTextLogUrl"}}><span class="icon icon--downloadLog"></span> Download Log</a>
+      <a class="button button--grey" href={{view.plainTextLogUrl}}><span class="icon icon--downloadLog"></span> Download Log</a>
     </menu>
     <div class="log-body">
       {{#if view.showTailing}}
@@ -49,7 +49,7 @@
   {{#if view.limited}}
     <p class="warning">
       This log is too long to be displayed. Please reduce the verbosity of your
-      build or download the <a {{bind-attr href="view.plainTextLogUrl"}}>raw log</a>.
+      build or download the <a href={{view.plainTextLogUrl}}>raw log</a>.
     </p>
   {{/if}}
 </section>

app/templates/layouts/home.hbs

@@ -1,4 +1,4 @@
-<div {{bind-attr class=":wrapper auth.signedIn:non-centered:centered"}}>
+<div class="wrapper {{if auth.signedIn 'non-centered' 'centered'}}">
 
   <header id="top" class="top">
     {{render "top"}}
@@ -12,11 +12,11 @@
     </div>
   </div>
 
-  <aside id="left" {{bind-attr class="auth.signedIn::hidden"}}>
+  <aside id="left" class="{{unless auth.signedIn 'hidden'}}">
     {{outlet "left"}}
   </aside>
 </div>
 
-<footer {{bind-attr class="auth.signedIn:hidden"}}>
+<footer class="{{if auth.signedIn 'hidden'}}">
   {{render "footer"}}
 </footer>

app/templates/owner.hbs

@@ -1,10 +1,10 @@
 <header class="owner-header row">
   <div class="owner-avatar">
-    <img {{bind-attr src="avatarURL"}} alt="" width="125" height="125">
+    <img src={{avatarURL}} alt="" width="125" height="125">
   </div>
   <div class="owner-info">
     <h1 class="owner-title">{{owner.name}}</h1>
-    <p class="owner-handle"><a {{bind-attr href="githubProfile"}} title=""><span class="icon icon--github-circle"></span> {{owner.login}}</a></p>
+    <p class="owner-handle"><a href={{githubProfile}} title=""><span class="icon icon--github-circle"></span> {{owner.login}}</a></p>
     {{!-- {{owner-sync-button owner=owner}} --}}
   </div>
 </header>
@@ -35,4 +35,4 @@
       </ul>
     </section> --}}
   </div>
-</div>
+</div>

app/templates/profile/accounts.hbs

@@ -2,7 +2,7 @@
   <section class="profile-user">
     <div class="media">
       <div class="media-elem">
-        <img {{bind-attr src="auth.gravatarUrl"}} alt="">
+        <img src={{auth.gravatarUrl}} alt="">
       </div>
       <div class="media-body">
         {{#link-to 'profile'}}
@@ -19,7 +19,7 @@
       {{#link-to "account" view.account class="name"}}
         <div class="media">
           <div class="media-elem">
-            <img {{bind-attr src="view.avatarUrl"}} alt="">
+            <img src={{view.avatarUrl}} alt="">
           </div>
           <div class="media-body">
             <h2>{{view.name}}</h2>
@@ -34,7 +34,7 @@
 {{#if config.githubOrgsOauthAccessSettingsUrl}}
   <section class="profile-additional">
     <p>Is an organization missing?<br>
-      <a {{bind-attr href="config.githubOrgsOauthAccessSettingsUrl"}} title="Orgs Oauth Access Settings on GitHub">Review and add</a> your authorized organizations.</p>
+      <a href={{config.githubOrgsOauthAccessSettingsUrl}} title="Orgs Oauth Access Settings on GitHub">Review and add</a> your authorized organizations.</p>
   </section>
 {{/if}}
 </aside>

app/templates/profile/tabs.hbs

@@ -1,11 +1,11 @@
 <ul class="tabs">
-  <li id="tab_hooks" {{bind-attr class="view.classHooks"}}>
+  <li id="tab_hooks" class={{view.classHooks}}>
     <h5>
       {{#link-to "account" account}}Repositories{{/link-to}}
     </h5>
   </li>
   {{#if view.displayUser}}
-    <li id="tab_user" {{bind-attr class="view.classUser"}}>
+    <li id="tab_user" class={{view.classUser}}>
       <h5>
         {{#link-to "accounts.info"}}Profile{{/link-to}}
       </h5>
@@ -14,7 +14,7 @@
   {{#if config.billingEndpoint}}
     <li id="tab_billing" class="right">
       <h5>
-        <a {{bind-attr href="billingUrl"}}>Billing</a>
+        <a href={{billingUrl}}>Billing</a>
       </h5>
     </li>
   {{/if}}

app/templates/profile/tabs/user.hbs

@@ -1,4 +1,4 @@
-{{!-- <img {{bind-attr src="view.gravatarUrl"}}>
+{{!-- <img src={{view.gravatarUrl}}>
 
 <dl class="profile">
   <div>
@@ -6,7 +6,7 @@
       GitHub
     </dt>
     <dd>
-      <a {{bind-attr href="urlGithub"}}>{{user.login}}</a>
+      <a href={{urlGithub}}>{{user.login}}</a>
     </dd>
   </div>
   <div>
@@ -26,4 +26,4 @@
     </dd>
   </div>
 </dl>
- --}}
+ --}}

app/templates/queue.hbs

@@ -1,9 +1,9 @@
 {{#if isLoaded}}
   {{#if length}}
     {{#each job in controller}}
-      <div {{bind-attr class=":tile :tile--sidebar job.state"}}>
+      <div class="tile tile--sidebar {{job.state}}">
         {{#if job.repo.slug}}
-          <span {{bind-attr class=":icon :icon--job job.state"}}></span>
+          <span class="icon icon--job {{job.state}}"></span>
           {{#link-to "job" job.repo job}}{{job.repo.slug}}{{/link-to}}
         {{/if}}
 

app/templates/repo.hbs

@@ -1,17 +1,17 @@
-<div id="repo" {{bind-attr class="view.className :repo"}}>
+<div id="repo" class="{{view.className}} repo">
 
   {{#if view.isEmpty}}
     {{view 'repos-empty'}}
   {{else}}
 
     {{#if repo.isLoaded}}
-      <article id="repo-header" {{bind-attr class=":repo-header :passed"}}>
+      <article id="repo-header" class="repo-header passed">
         <header>
           <h1 class="repo-header-title">{{#link-to "repo" repo}}{{repo.slug}}{{/link-to}}</h1>
           <div class="repo-header-icons">
-            <a {{bind-attr href="controller.urlGithub"}}><span class="icon icon--github-circle"></span></a>
+            <a href={{controller.urlGithub}}><span class="icon icon--github-circle"></span></a>
             <a href="#" id="status-image-popup" name="status-images" class="open-popup" {{action "statusImages" target=view}}>
-              <img {{bind-attr src="view.statusImageUrl"}} title="Build Status Images"/>
+              <img src={{view.statusImageUrl}} title="Build Status Images"/>
             </a>
           </div>
           <p class="description">{{description}}</p>

app/templates/repos.hbs

@@ -22,10 +22,10 @@
       {{#collection 'repos-list' content=this}}
 
         {{#with view.repo as repo}}
-          <div {{bind-attr class=":tile :tile--sidebar repo.lastBuildState"}}>
+          <div class="tile tile--sidebar {{repo.lastBuildState}}">
             <h2 class="tile-title">
               {{#if repo.slug}}
-                <span {{bind-attr class=":icon :icon--job repo.lastBuildState"}}></span>
+                <span class="icon icon--job {{repo.lastBuildState}}"></span>
                 {{#link-to "repo" repo class="slug"}}{{repo.slug}}{{/link-to}}
               {{/if}}
             </h2>
@@ -44,7 +44,7 @@
             <p>
               <span class="icon icon--clock"></span>
               Duration: 
-              <abbr class="duration" {{bind-attr title="lastBuildStartedAt"}}>
+              <abbr class="duration" title={{lastBuildStartedAt}}>
                 {{format-duration repo.lastBuildDuration}}
               </abbr>
             </p>
@@ -52,7 +52,7 @@
             <p>
               <span class="icon icon--cal"></span>
               Finished: 
-              <abbr class="finished_at timeago" {{bind-attr title="lastBuildFinishedAt"}}>
+              <abbr class="finished_at timeago" title={{lastBuildFinishedAt}}>
                 {{format-time repo.lastBuildFinishedAt}}
               </abbr>
             </p>

app/templates/repos/list/tabs.hbs

@@ -1,16 +1,16 @@
 <div class="tabnav tabnav--sidebar" role="tablist">
   <ul class="tab tabs--sidebar">
-    <li id="tab_owned" {{bind-attr class="view.classOwned"}}>
+    <li id="tab_owned" class={{view.classOwned}}>
       <a href="#" {{action "showMyRepositories"}}>My Repositories</a>
     </li>
 
     {{#if config.pro}}
-      <li id="tab_running" {{bind-attr class="view.classRunning"}}>
+      <li id="tab_running" class={{view.classRunning}}>
         <a href="#" {{action "showRunningJobs"}}>Running ({{startedJobsCount}}/{{allJobsCount}})</a>
       </li>
     {{/if}}
 
-    <li id="tab_new" {{bind-attr class="view.classNew"}}>
+    <li id="tab_new" class={{view.classNew}}>
       {{#link-to "profile" trackEvent="add-repository-from-list" title="Add New Repository"}}
         <span class="icon icon--plus"></span>
       {{/link-to}}

app/templates/repos/show/tabs.hbs

@@ -1,34 +1,34 @@
 <div class="tabnav" role="tablist">
   <ul class="tab tabs--main">
-    <li id="tab_current" {{bind-attr class="view.classCurrent"}}>
+    <li id="tab_current" class={{view.classCurrent}}>
       {{#if repo.slug}}
         {{#link-to "repo" repo current-when="repo.index"}}
           Current
         {{/link-to}}
       {{/if}}
     </li>
-    <li id="tab_branches" {{bind-attr class="view.classBranches"}}>
+    <li id="tab_branches" class={{view.classBranches}}>
       {{#if repo.slug}}
         {{#link-to "branches" repo}}
           Branches
         {{/link-to}}
       {{/if}}
     </li>
-    <li id="tab_builds" {{bind-attr class="view.classBuilds"}}>
+    <li id="tab_builds" class={{view.classBuilds}}>
       {{#if repo.slug}}
         {{#link-to "builds" repo}}
           Build History
         {{/link-to}}
       {{/if}}
     </li>
-    <li id="tab_pull_requests" {{bind-attr class="view.classPullRequests"}}>
+    <li id="tab_pull_requests" class={{view.classPullRequests}}>
       {{#if repo.slug}}
         {{#link-to "pullRequests" repo}}
           Pull Requests
         {{/link-to}}
       {{/if}}
     </li>
-    <li id="tab_build" {{bind-attr class="view.classBuild"}}>
+    <li id="tab_build" class={{view.classBuild}}>
       {{#if build.id}}
         {{#if repo.slug}}
           {{#link-to "build" repo build}}
@@ -37,7 +37,7 @@
         {{/if}}
       {{/if}}
     </li>
-    <li id="tab_job" {{bind-attr class="view.classJob"}}>
+    <li id="tab_job" class={{view.classJob}}>
       {{#if job.id}}
         {{#if repo.slug}}
           {{#link-to "job" repo job}}
@@ -46,14 +46,14 @@
         {{/if}}
       {{/if}}
     </li>
-    <li id="tab_settings" {{bind-attr class="view.classSettings"}}>
+    <li id="tab_settings" class={{view.classSettings}}>
       {{#if repo.slug}}
         {{#link-to "settings" repo}}
           Settings
         {{/link-to}}
       {{/if}}
     </li>
-    <li id="tab_requests" {{bind-attr class="view.classRequests"}}>
+    <li id="tab_requests" class="{{view.classRequests}}">
       {{#if repo.slug}}
         {{#link-to "requests" repo}}
           Requests
@@ -61,7 +61,7 @@
       {{/if}}
     </li>
     {{#if config.caches_enabled}}
-      <li id="tab_caches" {{bind-attr class="view.classCaches"}}>
+      <li id="tab_caches" class={{view.classCaches}}>
         {{#if repo.slug}}
           {{#link-to "caches" repo}}
             Caches
@@ -70,7 +70,7 @@
       </li>
     {{/if}}
 
-    <li id="tab_request" {{bind-attr class="view.classRequest"}}>
+    <li id="tab_request" class={{view.classRequest}}>
       {{#if request.id}}
         {{#if repo.slug}}
           {{#link-to "request" repo request}}

app/templates/request.hbs

@@ -1,10 +1,10 @@
-<div id="request" {{bind-attr class="isAccepted:accepted:rejected"}}>
+<div id="request" class="{{if isAccepted 'accepted' 'rejected'}}">
   <h3>{{status}}{{#unless isAccepted}}: {{message}}{{/unless}}</h3>
 
   <p class="request-details">
     {{#if isPullRequest}}
       This request is based on the
-      <span class="pr-number" {{bind-attr title="pullRequestTitle"}}>#{{pullRequestNumber}}</span>
+      <span class="pr-number" title={{pullRequestTitle}}>#{{pullRequestNumber}}</span>
       pull request.
     {{else}}
       This request is based on a commit {{format-commit commit}} by {{commit.authorName}}

app/templates/requests.hbs

@@ -1,7 +1,7 @@
 {{#if config.pro}}
 <div class="travis-lint">
   <p>Travis Lint for clean .yml files
-    <a {{bind-attr href="lintUrl"}}>lint.travis-ci.org/{{repo.slug}}</a>
+    <a href={{lintUrl}}>lint.travis-ci.org/{{repo.slug}}</a>
   </p>
 </div>
 {{/if}}

app/templates/running-jobs.hbs

@@ -1,9 +1,9 @@
 {{#if isLoaded}}
   {{#if controller.length}}
     {{#each job in controller}}
-      <div {{bind-attr class=":tile :tile--sidebar job.state"}}>
+      <div class="tile tile--sidebar {{job.state}}">
         {{#if job.repo.slug}}
-          <span {{bind-attr class=":icon :icon--job job.state"}}></span>
+          <span class="icon icon--job {{job.state}}"></span>
           {{#link-to "job" job.repo job}}{{job.repo.slug}}{{/link-to}}
         {{/if}}
 
@@ -17,7 +17,7 @@
         <p>
           <span class="icon icon--clock"></span>
           Duration:
-          <abbr class="duration" {{bind-attr title="job.startedAt"}}>
+          <abbr class="duration" title={{job.startedAt}}>
             {{format-duration job.duration}}
           </abbr>
         </p>

app/templates/settings/index.hbs

@@ -15,7 +15,7 @@
   </p>
 
   <p class="settings-row">
-    <p {{bind-attr class=":short-settings-element settings.maximum_number_of_builds_valid"}}>
+    <p class="short-settings-element {{settings.maximum_number_of_builds_valid}}">
       {{input value=settings.maximum_number_of_builds size="4" pattern='/^[0-9]+$/'}}
     </p>
     <label>

app/templates/ssh-key.hbs

@@ -16,7 +16,7 @@
       </div>
     </div>
     <div class="actions">
-      <a href="#" {{action "delete"}} {{bind-attr class=":delete-ssh-key isDeleting:deleting"}}>
+      <a href="#" {{action "delete"}} class="delete-ssh-key {{if isDeleting 'deleting'}}">
         Delete
       </a>
     </div>

app/templates/top.hbs

@@ -4,7 +4,7 @@
     <button type="button" id="burger" class="burger-btn" {{action 'toggleBurgerMenu'}}>&equiv;</button>
   </div>
 
-  <ul id="navigation" {{bind-attr class=":navigation is-open"}}>
+  <ul id="navigation" class="navigation {{is-open}}">
     <li><a href="http://blog.travis-ci.com">Blog</a></li>
     {{!--  <li><a href="http://docs.travis-ci.com">Help</a></li> --}}
     <li><a href="http://www.traviscistatus.com/">Status</a></li>
@@ -32,25 +32,27 @@
         </p>
         <ul class="navigation-nested">
           <li>
-            <a {{bind-attr href="config.urls.imprint"}}>Imprint</a>
+            <a href={{config.urls.imprint}}>Imprint</a>
           </li>
           <li>
-            <a {{bind-attr href="config.urls.security"}}>Security</a>
+            <a href={{config.urls.security}}>Security</a>
           </li>
           <li>
-            <a {{bind-attr href="config.urls.terms"}}>Terms</a>
+            <a href={{config.urls.terms}}>Terms</a>
           </li>
         </ul>
       </li>
     {{/if}}
 
-    <li {{bind-attr class="view.classProfile :navigation-sub"}}>
+    <li class="{{view.classProfile}} navigation-sub">
       <p class="handle navigation-handle">
         {{#if auth.signedOut}}
           <button class="signed-out button--signin" {{action "signIn" target="auth"}}>Sign in with GitHub</button>
         {{/if}}
         {{#if auth.signedIn}}
-          {{#link-to "profile" class="signed-in"}}{{userName}}<img {{bind-attr src="gravatarUrl"}}/>{{/link-to}}
+          {{#link-to "profile" class="signed-in"}}{{userName}}
+            <img src={{gravatarUrl}} />
+          {{/link-to}}
         {{/if}}
         {{#if auth.signingIn}}
           <button class="signing-in button--signingin">Signing In <span class="loading-indicator--white"><i></i><i></i><i></i></span></button>
@@ -63,7 +65,7 @@
           </li>
           {{#if config.billingEndpoint}}
             <li>
-              <a {{bind-attr href="config.billingEndpoint"}}>Billing</a>
+              <a href={{config.billingEndpoint}}>Billing</a>
             </li>
           {{/if}}
           <li>