Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
N
nexpie-grafana-theme
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Registry
Registry
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Kornkitt Poolsup
nexpie-grafana-theme
Commits
0d82fb71
Commit
0d82fb71
authored
Nov 05, 2016
by
Torkel Ödegaard
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
ux(keybindings): updated look of dashboard keybindings help modal, #6465
parent
aaa174a0
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
52 additions
and
32 deletions
+52
-32
public/app/core/components/help/help.html
+7
-4
public/app/core/components/help/help.ts
+21
-21
public/sass/components/_shortcuts.scss
+24
-7
No files found.
public/app/core/components/help/help.html
View file @
0d82fb71
...
@@ -25,15 +25,18 @@
...
@@ -25,15 +25,18 @@
<span
class=
"muted"
>
CTRL on windows, CMD key on Mac
</span>
<span
class=
"muted"
>
CTRL on windows, CMD key on Mac
</span>
</p>
</p>
<div
ng-repeat=
"(category, shortcuts) in ctrl.shortcuts"
>
<div
ng-repeat=
"(category, shortcuts) in ctrl.shortcuts"
class=
"shortcut-category"
>
<table
class=
"shortcut-table"
>
<table
class=
"shortcut-table"
>
<tbody>
<tbody>
<tr>
<tr>
<th
colspan=
"2"
>
{{category}}
</th>
<th
c
lass=
"shortcut-table-category-header"
c
olspan=
"2"
>
{{category}}
</th>
</tr>
</tr>
<tr
ng-repeat=
"shortcut in shortcuts"
>
<tr
ng-repeat=
"shortcut in shortcuts"
>
<td><span
class=
"shortcut-table-key"
>
{{shortcut.key}}
</span></td>
<td
class=
"shortcut-table-keys"
>
<td>
{{shortcut.description}}
</td>
<span
class=
"shortcut-table-key"
ng-repeat=
"key in shortcut.keys"
ng-bind-html=
"key"
>
</span>
</td>
<td
class=
"shortcut-table-description"
>
{{shortcut.description}}
</td>
</tr>
</tr>
<tbody>
<tbody>
</table>
</table>
...
...
public/app/core/components/help/help.ts
View file @
0d82fb71
...
@@ -8,38 +8,38 @@ export class HelpCtrl {
...
@@ -8,38 +8,38 @@ export class HelpCtrl {
shortcuts
:
any
;
shortcuts
:
any
;
/** @ngInject */
/** @ngInject */
constructor
(
private
$scope
)
{
constructor
(
private
$scope
,
$sce
)
{
this
.
tabIndex
=
0
;
this
.
tabIndex
=
0
;
this
.
shortcuts
=
{
this
.
shortcuts
=
{
'Global'
:
[
'Global'
:
[
{
key
:
'g h'
,
description
:
'Go to Home Dashboard'
},
{
key
s
:
[
'g'
,
'h'
]
,
description
:
'Go to Home Dashboard'
},
{
key
:
'g p'
,
description
:
'Go to Profile'
},
{
key
s
:
[
'g'
,
'p'
]
,
description
:
'Go to Profile'
},
{
key
:
's o'
,
description
:
'Open search'
},
{
key
s
:
[
's'
,
'o'
]
,
description
:
'Open search'
},
{
key
:
's s'
,
description
:
'Open search with starred filter'
},
{
key
s
:
[
's'
,
's'
]
,
description
:
'Open search with starred filter'
},
{
key
:
's t'
,
description
:
'Open search in tags view'
},
{
key
s
:
[
's'
,
't'
]
,
description
:
'Open search in tags view'
},
{
key
:
'esc'
,
description
:
'Exit edit/setting views'
},
{
key
s
:
[
'esc'
]
,
description
:
'Exit edit/setting views'
},
],
],
'Focused Panel'
:
[
'Focused Panel'
:
[
{
key
:
'e'
,
description
:
'Toggle panel edit view'
},
{
key
s
:
[
'e'
],
description
:
'Toggle panel edit view'
},
{
key
:
'v'
,
description
:
'Toggle panel fullscreen view'
},
{
key
s
:
[
'v'
]
,
description
:
'Toggle panel fullscreen view'
},
{
key
:
'p s'
,
description
:
'Open Panel Share Modal'
},
{
key
s
:
[
'p'
,
's'
]
,
description
:
'Open Panel Share Modal'
},
{
key
:
'p r'
,
description
:
'Remove Panel'
},
{
key
s
:
[
'p'
,
'r'
]
,
description
:
'Remove Panel'
},
],
],
'Focused Row'
:
[
'Focused Row'
:
[
{
key
:
'r c'
,
description
:
'Collapse Row'
},
{
key
s
:
[
'r'
,
'c'
]
,
description
:
'Collapse Row'
},
{
key
:
'r r'
,
description
:
'Remove Row'
},
{
key
s
:
[
'r'
,
'r'
]
,
description
:
'Remove Row'
},
],
],
'Dashboard'
:
[
'Dashboard'
:
[
{
key
:
'mod+s'
,
description
:
'Save dashboard'
},
{
key
s
:
[
'mod+s'
]
,
description
:
'Save dashboard'
},
{
key
:
'mod+h'
,
description
:
'Hide row controls'
},
{
key
s
:
[
'mod+h'
]
,
description
:
'Hide row controls'
},
{
key
:
'd r'
,
description
:
'Refresh all panels'
},
{
key
s
:
[
'd'
,
'r'
]
,
description
:
'Refresh all panels'
},
{
key
:
'd s'
,
description
:
'Dashboard settings'
},
{
key
s
:
[
'd'
,
's'
]
,
description
:
'Dashboard settings'
},
{
key
:
'mod+o'
,
description
:
'Toggle shared graph crosshair'
},
{
key
s
:
[
'mod+o'
]
,
description
:
'Toggle shared graph crosshair'
},
],
],
'Time Range'
:
[
'Time Range'
:
[
{
key
:
't z'
,
description
:
'Zoom out time range'
},
{
key
s
:
[
't'
,
'z'
]
,
description
:
'Zoom out time range'
},
{
key
:
't left'
,
description
:
'Move time range back'
},
{
key
s
:
[
't'
,
'<i class="fa fa-long-arrow-left"></i>'
]
,
description
:
'Move time range back'
},
{
key
:
't right'
,
description
:
'Move time range forward'
},
{
key
s
:
[
't'
,
'<i class="fa fa-long-arrow-right"></i>'
]
,
description
:
'Move time range forward'
},
],
],
};
};
}
}
...
...
public/sass/components/_shortcuts.scss
View file @
0d82fb71
.shortcut-category
{
float
:
left
;
font-size
:
$font-size-sm
;
width
:
50%
;
}
.shortcut-table
{
.shortcut-table
{
th
{
.shortcut-table-category-header
{
font-weight
:
normal
;
font-weight
:
normal
;
font-size
:
$font-size-h
5
;
font-size
:
$font-size-h
6
;
font-style
:
italic
;
font-style
:
italic
;
text-align
:
left
;
text-align
:
left
;
}
}
td
:nth-child
(
2
)
{
.shortcut-table-description
{
text-align
:
left
;
text-align
:
left
;
color
:
$text-muted
;
color
:
$text-muted
;
width
:
99%
;
width
:
99%
;
padding
:
0
.38rem
1rem
;
padding
:
0
.38rem
1rem
;
}
}
td
:first-child
{
.shortcut-table-keys
{
white-space
:
nowrap
;
white-space
:
nowrap
;
width
:
1%
;
width
:
1%
;
text-align
:
right
;
text-align
:
right
;
...
@@ -24,8 +31,18 @@
...
@@ -24,8 +31,18 @@
}
}
.shortcut-table-key
{
.shortcut-table-key
{
word-spacing
:
5px
;
display
:
inline-block
;
padding
:
0
.2rem
0
.5rem
;
text-align
:
center
;
@include
buttonBackground
(
$btn-inverse-bg
,
$btn-inverse-bg-hl
,
$btn-inverse-text-color
);
margin-right
:
0
.3rem
;
padding
:
3px
5px
;
font
:
11px
Consolas
,
"Liberation Mono"
,
Menlo
,
Courier
,
monospace
;
line-height
:
10px
;
color
:
#555
;
vertical-align
:
middle
;
background-color
:
$btn-inverse-bg
;
border
:
solid
1px
$btn-inverse-bg-hl
;
border-radius
:
3px
;
color
:
$btn-inverse-text-color
;
box-shadow
:
inset
0
-1px
0
$btn-inverse-bg-hl
;
}
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment