Small adjustments in first steps clues.
This commit is contained in:
parent
d534d43ad0
commit
52d1edea9f
3 changed files with 67 additions and 41 deletions
|
@ -2,13 +2,17 @@ class App.FirstStepsClues extends App.Controller
|
||||||
clues: [
|
clues: [
|
||||||
{
|
{
|
||||||
container: '.search-holder'
|
container: '.search-holder'
|
||||||
headline: 'Suche'
|
headline: 'Search'
|
||||||
text: 'Um alles zu finden nutze den <kbd>*</kbd>-Platzhalter'
|
text: 'Here you can search for ticket, customers and organizations. To find everything use the <kbd>*</kbd>-Placeholder'
|
||||||
|
#headline: 'Suche'
|
||||||
|
#text: 'Um alles zu finden nutze den <kbd>*</kbd>-Platzhalter'
|
||||||
}
|
}
|
||||||
{
|
{
|
||||||
container: '.user-menu'
|
container: '.user-menu'
|
||||||
headline: 'Erstellen'
|
headline: 'Create'
|
||||||
text: 'Hier kannst du Tickets, Kunden und Organisationen anlegen.'
|
text: 'Here you can create new tickets. Also if you have the permissions you can create new customers and organizations.'
|
||||||
|
#headline: 'Erstellen'
|
||||||
|
#text: 'Hier kannst du Tickets, Kunden und Organisationen anlegen.'
|
||||||
actions: [
|
actions: [
|
||||||
'click .add .js-action',
|
'click .add .js-action',
|
||||||
'hover .add'
|
'hover .add'
|
||||||
|
@ -16,8 +20,10 @@ class App.FirstStepsClues extends App.Controller
|
||||||
}
|
}
|
||||||
{
|
{
|
||||||
container: '.user-menu'
|
container: '.user-menu'
|
||||||
headline: 'Persönliches Menü'
|
headline: 'Personal Settings'
|
||||||
text: 'Hier findest du den Logout, den Weg zu deinen Einstellungen und deinen Verlauf.'
|
text: 'Here you can sign out, change the frontend language or see your latest views items.'
|
||||||
|
#headline: 'Persönliches Menü'
|
||||||
|
#text: 'Hier findest du den Logout, den Weg zu deinen Einstellungen und deinen Verlauf.'
|
||||||
actions: [
|
actions: [
|
||||||
'click .user .js-action',
|
'click .user .js-action',
|
||||||
'hover .user'
|
'hover .user'
|
||||||
|
@ -25,8 +31,10 @@ class App.FirstStepsClues extends App.Controller
|
||||||
}
|
}
|
||||||
{
|
{
|
||||||
container: '.main-navigation .overviews'
|
container: '.main-navigation .overviews'
|
||||||
headline: 'Übersichten'
|
headline: 'Overviews'
|
||||||
text: 'Hier findest du eine Liste aller Tickets.'
|
text: 'Here you find your ticket overviews for open, my assigned or escalated tickets.'
|
||||||
|
#headline: 'Übersichten'
|
||||||
|
#text: 'Hier findest du eine Liste aller Tickets.'
|
||||||
actions: [
|
actions: [
|
||||||
'hover'
|
'hover'
|
||||||
]
|
]
|
||||||
|
@ -34,7 +42,9 @@ class App.FirstStepsClues extends App.Controller
|
||||||
{
|
{
|
||||||
container: '.main-navigation .dashboard'
|
container: '.main-navigation .dashboard'
|
||||||
headline: 'Dashboard'
|
headline: 'Dashboard'
|
||||||
text: 'Hier siehst du auf einem Blick ob sich alle Agenten an die Spielregeln halten.'
|
text: 'Here you see a quick overview about your and other agents performance.'
|
||||||
|
#headline: 'Dashboard'
|
||||||
|
#text: 'Hier siehst du auf einem Blick ob sich alle Agenten an die Spielregeln halten.'
|
||||||
actions: [
|
actions: [
|
||||||
'hover'
|
'hover'
|
||||||
]
|
]
|
||||||
|
@ -51,8 +61,15 @@ class App.FirstStepsClues extends App.Controller
|
||||||
'click .js-previous': 'previous'
|
'click .js-previous': 'previous'
|
||||||
'click .js-close': 'close'
|
'click .js-close': 'close'
|
||||||
|
|
||||||
constructor: ->
|
constructor: (params) ->
|
||||||
super
|
|
||||||
|
# disable active navbar elements
|
||||||
|
$('.main-navigation .active').removeClass('active')
|
||||||
|
|
||||||
|
$('#app').append('<div class="js-modal--clue"></div>')
|
||||||
|
params.el = $('#app .js-modal--clue')
|
||||||
|
|
||||||
|
super params
|
||||||
|
|
||||||
###
|
###
|
||||||
|
|
||||||
|
@ -61,7 +78,7 @@ class App.FirstStepsClues extends App.Controller
|
||||||
onComplete: a callback for when the user is done
|
onComplete: a callback for when the user is done
|
||||||
|
|
||||||
###
|
###
|
||||||
@el = $('body')
|
|
||||||
@options.onComplete = -> null
|
@options.onComplete = -> null
|
||||||
@position = 0
|
@position = 0
|
||||||
@render()
|
@render()
|
||||||
|
@ -83,7 +100,7 @@ class App.FirstStepsClues extends App.Controller
|
||||||
@remove()
|
@remove()
|
||||||
|
|
||||||
remove: ->
|
remove: ->
|
||||||
@$('.modal').remove()
|
@el.remove()
|
||||||
|
|
||||||
navigate: (direction) ->
|
navigate: (direction) ->
|
||||||
@cleanUp =>
|
@cleanUp =>
|
||||||
|
@ -105,14 +122,12 @@ class App.FirstStepsClues extends App.Controller
|
||||||
if clue.actions
|
if clue.actions
|
||||||
@perform clue.actions, container
|
@perform clue.actions, container
|
||||||
|
|
||||||
callback()
|
if callback
|
||||||
|
callback()
|
||||||
|
|
||||||
render: =>
|
render: =>
|
||||||
html = App.view('layout_ref/clues')
|
@el.addClass('modal modal--clue')
|
||||||
console.log('HH', html)
|
@html App.view('dashboard/first_steps_clues')
|
||||||
@el.append(html)
|
|
||||||
#@modalWindow = $('.js-positionOrigin')
|
|
||||||
#@backdrop = $('.js-backdrop')
|
|
||||||
@backdrop.velocity
|
@backdrop.velocity
|
||||||
properties:
|
properties:
|
||||||
opacity: [1, 0]
|
opacity: [1, 0]
|
||||||
|
@ -124,7 +139,7 @@ class App.FirstStepsClues extends App.Controller
|
||||||
clue = @clues[@position]
|
clue = @clues[@position]
|
||||||
container = $(clue.container)
|
container = $(clue.container)
|
||||||
container.addClass('selected-clue')
|
container.addClass('selected-clue')
|
||||||
console.log('showClue', clue, clue.container)
|
|
||||||
if clue.actions
|
if clue.actions
|
||||||
@perform clue.actions, container
|
@perform clue.actions, container
|
||||||
|
|
||||||
|
@ -136,7 +151,7 @@ class App.FirstStepsClues extends App.Controller
|
||||||
x: boundingBox.left + boundingBox.width/2
|
x: boundingBox.left + boundingBox.width/2
|
||||||
y: boundingBox.top + boundingBox.height/2
|
y: boundingBox.top + boundingBox.height/2
|
||||||
|
|
||||||
@modalWindow.html App.view('layout_ref/clue_content')
|
@modalWindow.html App.view('dashboard/first_steps_clues_content')
|
||||||
headline: clue.headline
|
headline: clue.headline
|
||||||
text: clue.text
|
text: clue.text
|
||||||
position: @position
|
position: @position
|
||||||
|
|
|
@ -2,6 +2,7 @@ class App.Dashboard extends App.Controller
|
||||||
events:
|
events:
|
||||||
'click .tabs .tab': 'toggle'
|
'click .tabs .tab': 'toggle'
|
||||||
'click .intro': 'clues'
|
'click .intro': 'clues'
|
||||||
|
|
||||||
constructor: ->
|
constructor: ->
|
||||||
super
|
super
|
||||||
|
|
||||||
|
@ -20,7 +21,8 @@ class App.Dashboard extends App.Controller
|
||||||
render: ->
|
render: ->
|
||||||
|
|
||||||
@html App.view('dashboard')(
|
@html App.view('dashboard')(
|
||||||
head: 'Dashboard'
|
head: 'Dashboard'
|
||||||
|
isAdmin: @isRole('Admin')
|
||||||
)
|
)
|
||||||
|
|
||||||
new App.DashboardActivityStream(
|
new App.DashboardActivityStream(
|
||||||
|
@ -30,7 +32,8 @@ class App.Dashboard extends App.Controller
|
||||||
|
|
||||||
@renderWidgetClockFace 25
|
@renderWidgetClockFace 25
|
||||||
|
|
||||||
clues: =>
|
clues: (e) =>
|
||||||
|
e.preventDefault()
|
||||||
new App.FirstStepsClues(
|
new App.FirstStepsClues(
|
||||||
el: @el
|
el: @el
|
||||||
)
|
)
|
||||||
|
|
|
@ -5,27 +5,31 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="tab-content first-steps-widgets hidden">
|
<div class="tab-content first-steps-widgets hidden">
|
||||||
Configuration
|
<% if @isAdmin: %>
|
||||||
|
<%- @T('Configuration') %>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Branding</li>
|
<li><%- @T('Branding') %></li>
|
||||||
<li>Your Email Configuration</li>
|
<li><%- @T('Your Email Configuration') %></li>
|
||||||
<li>Invite Agents/Colliges</li>
|
<li><%- @T('Invite Agents/Colliges') %></li>
|
||||||
</ul>
|
</ul>
|
||||||
How to use it
|
<% end %>
|
||||||
|
<%- @T('How to use it') %>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Intro</li>
|
<li><a href="#" class="intro"><%- @T('Intro') %></a></li>
|
||||||
<li>Create a Test Ticket</li>
|
<li><%- @T('Create a Test Ticket') %></li>
|
||||||
<li>Create new Overviews</li>
|
<li><%- @T('Create new Overviews') %></li>
|
||||||
<li>Create Text Modues</li>
|
<li><%- @T('Create Text Modues') %></li>
|
||||||
<li>Create Macros</li>
|
<li><%- @T('Create Macros') %></li>
|
||||||
</ul>
|
</ul>
|
||||||
Aditionals Channels
|
<% if @isAdmin: %>
|
||||||
|
<%- @T('Additionals Channels') %>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Twitter</li>
|
<li><%- @T('Twitter') %></li>
|
||||||
<li>Facebook</li>
|
<li><%- @T('Facebook') %></li>
|
||||||
<li>Chat</li>
|
<li><%- @T('Chat') %></li>
|
||||||
<li>Widget</li>
|
<li><%- @T('Widget') %></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
<% end %>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -144,4 +148,8 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="sidebar optional">
|
<div class="sidebar optional">
|
||||||
<h2><%- @T('Activity Stream') %></h2>
|
<h2><%- @T('Activity Stream') %></h2>
|
||||||
|
<div class="activity-description hidden">
|
||||||
|
<p><%- @T('Here you will find latest activities in your system.') %></p>
|
||||||
|
<p><%- @T('E. g. recent changed tickets, users or organizations.') %></p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
Loading…
Reference in a new issue