add general settings functionality

app/components/settings-switch.coffee

@@ -4,23 +4,18 @@ SettingsSwitchComponent = Ember.Component.extend
 
   tagName: 'a'
   classNames: ['switch']
-  classNameBindings: ['_active:active']
-
-  # TODO: how to handle overriding properties to
-  #       avoid naming it _action?
-  _active: (->
-    @get('target.active') || @get('active')
-  ).property('target.active', 'active')
+  classNameBindings: ['active']
 
   click: ->
-    target = @get('target')
-    if @get('toggleAutomatically') != 'false'
-      if target
-        @set('target.active', !@get('target.active'))
-      else
-        @set('active', !@get('active'))
-    # allow for bindings to propagate
-    Ember.run.next this, ->
-      @sendAction('action', target)
+    return if @get('isSaving')
+    @set('isSaving', true)
+    @toggleProperty('active')
+    setting = {}
+    setting[@get('key')] = @get('active')
+    @get('repo').saveSettings(setting).then =>
+      @set('isSaving', false)
+    , =>
+      @set('isSaving', false)
+      Travis.flash(error: 'There was an error while saving settings. Please try again.')
 
 `export default SettingsSwitchComponent`

app/routes/settings.coffee

@@ -29,6 +29,7 @@ Route = TravisRoute.extend
 
   model: () ->
     return Ember.RSVP.hash({
+      settings: @modelFor('repo').fetchSettings(),
       envVars: this.fetchEnvVars(),
       sshKey: this.fetchSshKey(),
       customSshKey: this.fetchCustomSshKey()

app/styles/app/modules/tooltips.sass

@@ -1,8 +1,8 @@
 %tooltip
-  &:hover
-    .tooltip-bubble
-      transform: translateY(0)
-      opacity: 1
+  &:hover .tooltip-bubble, 
+  &:hover + .tooltip-bubble
+    transform: translateY(0)
+    opacity: 1
 
   .tooltip-bubble
     position: absolute

app/templates/components/settings-switch.hbs

@@ -6,4 +6,7 @@
     OFF
   </span>
 </div>
-<span class="label">Some label text</span>
+<span class="label">{{description}}</span>
+{{#if isSaving}}
+  {{loading-indicator}}
+{{/if}}

app/templates/settings.hbs

@@ -4,12 +4,12 @@
     <h2 class="small-title">General Settings</h2>
 
     <ul class="settings-list--columns">
-      <li>{{settings-switch}}</li>
+      <li>{{settings-switch active=model.settings.builds_only_with_travis_yml repo=repo description="Build only if .travis.yml is present" key="builds_only_with_travis_yml"}}</li>
       <li>
         <div class="settings-input"><input type="text" pattern="/^[0-9]+$/" value="4"></div><span class="label">Concurrent jobs</span>
       </li>
-      <li>{{settings-switch}}</li>
-      <li>{{settings-switch}}</li>
+      <li>{{settings-switch active=model.settings.build_pushes repo=repo description="Build pushes" key="build_pushes"}}</li>
+      <li>{{settings-switch active=model.settings.build_pull_requests repo=repo description="Build pull requests" key="build_pull_requests"}}</li>
     </ul>
 
   </section>

tests/integration/components/ssh-key-test.js

@@ -53,10 +53,10 @@ test('it deletes a custom key', function(assert) {
 
   this.set('key', key);
   this.render(hbs`{{ssh-key key=key sshKeyDeleted="sshKeyDeleted"}}`);
-  this.on('sshKeyDeleted', function() {})
+  this.on('sshKeyDeleted', function() {});
 
   this.$('.ssh-key-action a').click();
 
-  assert.ok(key.get('isDeleted'), 'key should be deleted')
+  assert.ok(key.get('isDeleted'), 'key should be deleted');
 
 });