Added links and api key links to notifications

UI/Content/form.less

@@ -1,4 +1,6 @@
-.control-group {
+@import "../Shared/Styles/clickable.less";
+
+.control-group {
   .controls {
     i {
       font-size : 16px;
@@ -31,3 +33,11 @@
 textarea.release-restrictions {
   width : 260px;
 }
+
+.help-link {
+  text-decoration: none !important;
+
+  i {
+    .clickable;
+  }
+}

UI/Form/FormHelpPartial.html

@@ -0,0 +1,11 @@
+{{#if helpText}}
+    <span class="help-inline">
+        <i class="icon-question-sign" title="{{helpText}}"/>
+    </span>
+{{/if}}
+
+{{#if helpLink}}
+    <span class="help-inline">
+        <a href="{{helpLink}}" class="help-link"><i class="icon-info-sign"/></a>
+    </span>
+{{/if}}

UI/Form/TextboxTemplate.html

@@ -3,10 +3,6 @@
 
     <div class="controls">
         <input type="text" name="fields.{{order}}.value" spellcheck="false"/>
-        {{#if helpText}}
-            <span class="help-inline">
-                <i class="icon-question-sign" title="{{helpText}}"/>
-            </span>
-        {{/if}}
+        {{> FormHelpPartial}}
     </div>
 </div>

UI/Settings/Notifications/AddItemTemplate.html

@@ -2,6 +2,9 @@
     <div class="row">
         <div class="span3">
             {{implementationName}}
+            {{#if link}}
+                <a href="{{link}}"><i class="icon-info-sign"/></a>
+            {{/if}}
         </div>
     </div>
 </div>

UI/Settings/Notifications/AddItemView.js

@@ -18,7 +18,11 @@ define([
             this.notificationCollection = options.notificationCollection;
         },
 
-        addNotification: function () {
+        addNotification: function (e) {
+            if ($(e.target).hasClass('icon-info-sign')) {
+                return;
+            }
+
             this.model.set('id', undefined);
             var editView = new EditView({ model: this.model, notificationCollection: this.notificationCollection });
             App.modalRegion.show(editView);

UI/Settings/Notifications/notifications.less

@@ -1,4 +1,5 @@
 @import "../../Shared/Styles/card.less";
+@import "../../Shared/Styles/clickable.less";
 
 .add-notification-item {
   .card;
@@ -6,6 +7,19 @@
   font-size: 24px;
   font-weight: lighter;
   text-align: center;
+
+  a {
+    font-size: 16px;
+    color: #595959;
+
+    i {
+      .clickable;
+    }
+  }
+
+  a:hover {
+    text-decoration: none;
+  }
 }
 
 .add-notifications {