Let user specify the id of the input bar

Input bar id is not globally set, but passed to the directive
through the input-id attribute.

directives/input.html

@@ -1,6 +1,6 @@
 <form class="form form-horizontal" ng-submit="sendMessage()">
   <div class="input-group">
-    <input type="text" class="form-control monospace" autocomplete="off" >
+    <input id="{{inputId}}" type="text" class="form-control monospace" autocomplete="off" >
     <span class="input-group-btn">
       <button class="btn btn-default btn-primary">Send</button>
     </span>

index.html

@@ -349,7 +349,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
     </div>
     <div id="footer" ng-show="connected">
       <div class="navbar navbar-inverse navbar-fixed-bottom" ng-class="{'withnicklist': showNicklist, 'withsidebar': showSidebar}">
-        <div input-bar></div>
+        <div input-bar input-id="sendMessage"></div>
     </div>
   </body>
 </html>

js/glowingbear.js

@@ -1007,6 +1007,9 @@ weechat.directive('inputBar', function() {
     return {
 
         templateUrl: 'directives/input.html',
+        scope: {
+            inputId: '@inputId',
+        },
         controller: function($rootScope,
                              $scope,
                              $element,
@@ -1067,7 +1070,7 @@ weechat.directive('inputBar', function() {
             };
 
             // Handle key presses in the input bar
-            $scope.handleKeyPress = function($event) {
+            $rootScope.handleKeyPress = function($event) {
                 // don't do anything if not connected
                 if (!$rootScope.connected) {
                     return true;