Show a 🔒 next to connections which use auth

Author: imlucas

src/connect/connection.jade

@@ -1,4 +1,9 @@
 li.list-group-item
   .close-icon(data-hook='close')
     i.fa.fa-close
-  a(data-hook='name')
+  a()
+    span(data-hook='name')
+    span(style='padding-left: 4px;',
+      data-hook='has-auth',
+      title='This connection has authentication enabled.')
+      i.fa.fa-lock

src/connect/sidebar.js

@@ -28,6 +28,20 @@ var SidebarItemView = View.extend({
     hover: {
       type: 'toggle',
       hook: 'close'
+    },
+    has_auth: {
+      type: 'booleanClass',
+      hook: 'has-auth',
+      yes: 'visible',
+      no: 'hidden'
+    }
+  },
+  derived: {
+    has_auth: {
+      deps: ['model.auth_mechanism'],
+      fn: function() {
+        return this.model.auth_mechanism !== null;
+      }
     }
   },
   template: require('./connection.jade'),