diff --git a/res/app/components/stf/common-ui/index.js b/res/app/components/stf/common-ui/index.js
index 40b382a8..4cc5015c 100644
--- a/res/app/components/stf/common-ui/index.js
+++ b/res/app/components/stf/common-ui/index.js
@@ -5,5 +5,6 @@ module.exports = angular.module('stf/common-ui', [
require('./nothing-to-show').name,
require('./table').name,
require('./notifications').name,
- require('./ng-enter').name
+ require('./ng-enter').name,
+ require('./tooltips').name
])
\ No newline at end of file
diff --git a/res/app/components/stf/common-ui/tooltips/README.md b/res/app/components/stf/common-ui/tooltips/README.md
new file mode 100644
index 00000000..e71cf30c
--- /dev/null
+++ b/res/app/components/stf/common-ui/tooltips/README.md
@@ -0,0 +1,16 @@
+# stf-tooltips
+
+Based on Angular Bootstrap.
+
+Usage:
+
+```html
+help-title='{{"Run Command"|translate}}'
+help-key='Enter'
+```
+
+Maps to:
+
+```html
+tooltip-html-unsafe='{{"Run CommandEnter
"|translate}}'
+```
\ No newline at end of file
diff --git a/res/app/components/stf/common-ui/tooltips/index.js b/res/app/components/stf/common-ui/tooltips/index.js
new file mode 100644
index 00000000..9dc4aaff
--- /dev/null
+++ b/res/app/components/stf/common-ui/tooltips/index.js
@@ -0,0 +1,4 @@
+module.exports = angular.module('stf.tooltips', [
+
+])
+ .directive('tooltips', require('./tooltips-directive'))
diff --git a/res/app/components/stf/common-ui/tooltips/tooltips-directive.js b/res/app/components/stf/common-ui/tooltips/tooltips-directive.js
new file mode 100644
index 00000000..487418df
--- /dev/null
+++ b/res/app/components/stf/common-ui/tooltips/tooltips-directive.js
@@ -0,0 +1,8 @@
+module.exports = function tooltipsDirective() {
+ return {
+ restrict: 'A',
+ link: function (scope, element, attrs) {
+
+ }
+ }
+}
diff --git a/res/app/components/stf/common-ui/tooltips/tooltips-spec.js b/res/app/components/stf/common-ui/tooltips/tooltips-spec.js
new file mode 100644
index 00000000..d1567bd2
--- /dev/null
+++ b/res/app/components/stf/common-ui/tooltips/tooltips-spec.js
@@ -0,0 +1,23 @@
+describe('tooltips', function () {
+
+ beforeEach(module('stf.tooltips'));
+
+ var scope, compile;
+
+ beforeEach(inject(function ($rootScope, $compile) {
+ scope = $rootScope.$new();
+ compile = $compile;
+ }));
+
+ it('should ...', function () {
+
+ /*
+ To test your directive, you need to create some html that would use your directive,
+ send that through compile() then compare the results.
+
+ var element = compile('
Enter
')
i.fa.fa-play
- table
+ pre.shell-results(ng-show='data') {{data}}
+
+ // table
tr(ng-repeat='result in results track by result.device.serial')
td {{ result.device.serial }}
td {{ result.data }}
\ No newline at end of file
diff --git a/res/app/control-panes/device-control/device-control.jade b/res/app/control-panes/device-control/device-control.jade
index 9812d7af..f057f1ce 100644
--- a/res/app/control-panes/device-control/device-control.jade
+++ b/res/app/control-panes/device-control/device-control.jade
@@ -5,7 +5,11 @@
.stf-vnc-navbar.as-row
a.stf-vnc-device-name.cursor.dropdown-toggle
p {{ $root.device.serial }} {{ $root.device.present ? 'present' : 'absent' }}
- button(ng-click='showScreen = !showScreen') Show/Hide
+ .pull-right
+ button(type='button', ng-model='showScreen', btn-checkbox).btn.btn-sm.btn-danger
+ i(ng-show='showScreen', tooltip-html-unsafe='{{"Just control device"|translate}}⌘-⇧-O
', tooltip-placement='left').fa.fa-eye
+ i(ng-show='!showScreen', tooltip-html-unsafe='{{"View device"|translate}}⌘-⇧-O
', tooltip-placement='left').fa.fa-eye-slash
+ //button(ng-click='showScreen = !showScreen') Show/Hide
button(ng-click='$root.control.identify()') Identify