68 lines
2 KiB
JavaScript
68 lines
2 KiB
JavaScript
|
require('../../common/vendor/bootstrap-tour-standalone')
|
||
|
|
|
||
|
|
var $nav = $('.sideNav')
|
||
|
|
var $text = $('.sideNav-text')
|
||
|
|
|
||
|
|
function showNav(){
|
||
|
|
$nav.css('width', '240px')
|
||
|
|
$text.css({
|
||
|
|
'-webkit-opacity' : '1',
|
||
|
|
'-moz-opacity': '1',
|
||
|
|
'-ms-opacity': '1',
|
||
|
|
'opacity': '1'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
function hideNav(){
|
||
|
|
$nav.removeAttr('style')
|
||
|
|
$text.removeAttr('style')
|
||
|
|
}
|
||
|
|
|
||
|
|
var dashboard_tour = new Tour({
|
||
|
|
backdrop: false,
|
||
|
|
steps: [
|
||
|
|
{
|
||
|
|
orphan: true,
|
||
|
|
title: 'Welcome to CommitChange!',
|
||
|
|
content: "This dashboard will give you a detailed overview of all of your fundraising activities. As you begin to raise money through donations, contributions and ticket sales, this dashboard will show more helpful information."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
element: '.tour-graph',
|
||
|
|
placement: 'bottom',
|
||
|
|
title: 'Graph',
|
||
|
|
content: "This graph will chart your donation history. You can change the time span from the top of the graph."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
element: '.tour-metrics',
|
||
|
|
placement: 'left',
|
||
|
|
title: 'Overview metrics',
|
||
|
|
content: "These metrics will help show you the big picture of your fundraising."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
element: '.tour-listings',
|
||
|
|
placement: 'left',
|
||
|
|
title: 'Recent metrics',
|
||
|
|
content: "These metrics will help give you a day-to-day picture of your fundraising. You can also create a new campaign or event by simply clicking on one of the orange buttons."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
backdrop: false,
|
||
|
|
orphan: true,
|
||
|
|
title: 'Navigation',
|
||
|
|
content: "To find other parts of our site, such as payments history, settings and your profile page, use the sidebar on the left.",
|
||
|
|
onHide: hideNav,
|
||
|
|
onShow: showNav,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
orphan: true,
|
||
|
|
title: "You're all set!",
|
||
|
|
content: "Check your inbox for an email confirmation link. We will verify your status as a nonprofit within 5-7 days. Contact support@commitchange.com if you have any questions. We're glad to have you on board!"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
})
|
||
|
|
|
||
|
|
if($.cookie('tour_dashboard') === String(app.nonprofit_id)) {
|
||
|
|
$.removeCookie('tour_dashboard', {path: '/'})
|
||
|
|
dashboard_tour.init()
|
||
|
|
dashboard_tour.restart()
|
||
|
|
}
|