Get Started: add dashboard and overview links

This commit is contained in:
Felix Niklas 2015-06-08 12:12:35 +02:00
parent ebdf2dd2e9
commit 818b01f422
2 changed files with 42 additions and 18 deletions

View file

@ -937,6 +937,20 @@ App.Config.set( 'layout_ref/highlight', highlightRef, 'Routes' )
class cluesRef extends App.ControllerContent
clues: [
{
container: '.search-holder'
headline: 'Suche'
text: 'Um alles zu finden nutze den <kbd>*</kbd>-Platzhalter'
}
{
container: '.user-menu'
headline: 'Erstellen'
text: 'Hier kannst du Tickets, Kunden und Organisationen anlegen.'
actions: [
'click .add .js-action',
'hover .add'
]
}
{
container: '.user-menu'
headline: 'Persönliches Menü'
@ -947,17 +961,19 @@ class cluesRef extends App.ControllerContent
]
}
{
container: '.search-holder'
headline: 'Suche'
text: 'Um alles zu finden nutze den <kbd>*</kbd>-Platzhalter'
},
{
container: '.user-menu'
headline: 'Erstellen'
text: 'Hier kannst du Tickets, Kunden und Organisationen anlegen.'
container: '.main-navigation .overviews'
headline: 'Übersichten'
text: 'Hier findest du eine Liste aller Tickets.'
actions: [
'click .add .js-action',
'hover .add'
'hover'
]
}
{
container: '.main-navigation .dashboard'
headline: 'Dashboard'
text: 'Hier siehst du auf einem Blick ob sich alle Agenten an die Spielregeln halten.'
actions: [
'hover'
]
}
]
@ -1102,7 +1118,6 @@ class cluesRef extends App.ControllerContent
if moveArrow
parameter = if position is 'above' or position is 'below' then 'left' else 'top'
console.log("move arrow", position, parameter, moveArrow)
modalElement.find('.js-arrow').css(parameter, moveArrow)
getVisibleBoundingBox: (el) ->
@ -1144,12 +1159,18 @@ class cluesRef extends App.ControllerContent
perform: (actions, container) ->
for action in actions
if action.indexOf(" ") < 0
# 'click'
eventName = action
target = container
else
# 'click .target'
eventName = action.substr 0, action.indexOf(' ')
selector = action.substr action.indexOf(' ') + 1
target = container.find( action.substr action.indexOf(' ') + 1 )
switch eventName
when 'click' then container.find(selector).trigger('click')
when 'hover' then container.find(selector).toggleClass('is-hovered')
when 'click' then target.trigger('click')
when 'hover' then target.toggleClass('is-hovered')
App.Config.set( 'layout_ref/clues', cluesRef, 'Routes' )

View file

@ -1637,17 +1637,20 @@ footer {
border-bottom-color: rgba(240, 250, 255, .08);
}
.main-navigation > li.active > a {
.main-navigation > li.active > a,
.main-navigation > li.is-hovered > a {
background: none;
color: white;
}
.main-navigation > li.active .nav-icon,
.main-navigation > li.active .dropdown-icon {
.main-navigation > li.active .dropdown-icon,
.main-navigation > li.is-hovered .nav-icon {
fill: currentColor;
}
.main-navigation li.active > a {
.main-navigation li.active > a,
.main-navigation li.is-hovered > a {
background: #389ed9;
}