Filtering events log messages
Change-Id: I4a2cba3722f4c3539cef774b8847818b164d5b1d
diff --git a/src/app/core/key-binding/key-binding-panel.html b/src/app/core/key-binding/key-binding-panel.html
index fbb32d0..df26318 100644
--- a/src/app/core/key-binding/key-binding-panel.html
+++ b/src/app/core/key-binding/key-binding-panel.html
@@ -23,21 +23,32 @@
</div>
<div class="row" ng-repeat="(k, v) in vm.bindings">
<div class="col-xs-12" ng-if="v.length > 0">
- <h5>{{k | capitalize}}</h5>
+ <table class="table table-condensed">
+ <thead>
+ <tr>
+ <th>{{k | capitalize}}:</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr ng-repeat="binding in v" ng-if="binding.description">
+ <td>
+ <code class="text-center">
+ <span ng-repeat="m in binding.modifiers">
+ {{m}} +
+ </span>
+ {{binding.label.toLowerCase() || binding.key.toLowerCase()}}
+ </code>
+ </td>
+ <td class="text-right">
+ <p>{{binding.description}}</p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
</div>
- <div class="col-xs-12" ng-repeat="binding in v" ng-if="binding.description">
- <div class="row">
- <div class="col-xs-5">
- <code class="text-center">
- <span ng-repeat="m in binding.modifiers">
- {{m}} +
- </span>
- {{binding.label.toLowerCase() || binding.key.toLowerCase()}}
- </code>
- </div>
- <div class="col-xs-7">
- <p>{{binding.description}}</p>
- </div>
- </div>
+</div>
+<div class="row">
+ <div class="col-xs-12">
+ <xos-debug></xos-debug>
</div>
</div>
\ No newline at end of file
diff --git a/src/app/core/key-binding/key-binding-panel.scss b/src/app/core/key-binding/key-binding-panel.scss
index 556f6dd..ca4738d 100644
--- a/src/app/core/key-binding/key-binding-panel.scss
+++ b/src/app/core/key-binding/key-binding-panel.scss
@@ -22,4 +22,11 @@
code {
background: $background-light-color;
}
+
+ > .row:last-child {
+ display: block;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ }
}
\ No newline at end of file
diff --git a/src/app/core/key-binding/key-binding-panel.ts b/src/app/core/key-binding/key-binding-panel.ts
index af3e810..c77f6b6 100644
--- a/src/app/core/key-binding/key-binding-panel.ts
+++ b/src/app/core/key-binding/key-binding-panel.ts
@@ -1,4 +1,3 @@
-
/*
* Copyright 2017-present Open Networking Foundation
@@ -15,13 +14,13 @@
* limitations under the License.
*/
-
import {IXosKeyboardShortcutService, IXosKeyboardShortcutMap} from '../services/keyboard-shortcut';
import './key-binding-panel.scss';
class XosKeyBindingPanelController {
static $inject = ['$scope', 'XosKeyboardShortcut'];
public bindings: IXosKeyboardShortcutMap;
+
constructor (
private $scope: ng.IScope,
private XosKeyboardShortcut: IXosKeyboardShortcutService