working on help tips
This commit is contained in:
parent
93937db2d9
commit
b7052ff21c
5 changed files with 79 additions and 57 deletions
|
@ -226,7 +226,7 @@ function docReady(){
|
||||||
});
|
});
|
||||||
|
|
||||||
//tour
|
//tour
|
||||||
if($('.tour').length && typeof(tour)=='undefined')
|
if($('.index').length && typeof(tour)=='undefined')
|
||||||
{
|
{
|
||||||
var tour = new Tour();
|
var tour = new Tour();
|
||||||
tour.addStep({
|
tour.addStep({
|
||||||
|
@ -246,17 +246,6 @@ function docReady(){
|
||||||
title: "Dashboard",
|
title: "Dashboard",
|
||||||
content: "This is your dashboard from here you will find highlights."
|
content: "This is your dashboard from here you will find highlights."
|
||||||
});
|
});
|
||||||
tour.addStep({
|
|
||||||
element: "#for-is-ajax",
|
|
||||||
title: "Ajax",
|
|
||||||
content: "You can change if pages load with Ajax or not."
|
|
||||||
});
|
|
||||||
tour.addStep({
|
|
||||||
element: ".top-nav a:first",
|
|
||||||
placement: "bottom",
|
|
||||||
title: "Visit Site",
|
|
||||||
content: "Visit your front end from here."
|
|
||||||
});
|
|
||||||
|
|
||||||
tour.restart();
|
tour.restart();
|
||||||
}
|
}
|
||||||
|
@ -284,6 +273,9 @@ function docReady(){
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
$('#myModal').modal('show');
|
$('#myModal').modal('show');
|
||||||
});
|
});
|
||||||
|
$('.btn-help').click(function(e){
|
||||||
|
alert('test');
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
26
code/ryzom/tools/server/ryzom_ams/www/html/js/help.js
Normal file
26
code/ryzom/tools/server/ryzom_ams/www/html/js/help.js
Normal file
|
@ -0,0 +1,26 @@
|
||||||
|
function show_help(help_tip)
|
||||||
|
{
|
||||||
|
if(help_tip =='test')
|
||||||
|
{
|
||||||
|
var tour = new Tour();
|
||||||
|
tour.addStep({
|
||||||
|
element: ".span10:first", /* html element next to which the step popover should be shown */
|
||||||
|
placement: "top",
|
||||||
|
title: "Custom Tour", /* title of the popover */
|
||||||
|
content: "You can create tour like this. Click Next." /* content of the popover */
|
||||||
|
});
|
||||||
|
tour.addStep({
|
||||||
|
element: ".theme-container",
|
||||||
|
placement: "left",
|
||||||
|
title: "Themes",
|
||||||
|
content: "You change your theme from here."
|
||||||
|
});
|
||||||
|
tour.addStep({
|
||||||
|
element: "ul.main-menu a:first",
|
||||||
|
title: "Dashboard",
|
||||||
|
content: "This is your dashboard from here you will find highlights."
|
||||||
|
});
|
||||||
|
|
||||||
|
tour.restart();
|
||||||
|
}
|
||||||
|
}
|
|
@ -31,7 +31,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<!-- theme selector ends -->
|
<!-- theme selector ends -->
|
||||||
|
<button onclick="show_help('test')">Help Test</button>
|
||||||
<!-- user dropdown starts -->
|
<!-- user dropdown starts -->
|
||||||
<div class="btn-group pull-right">
|
<div class="btn-group pull-right">
|
||||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||||
|
@ -114,6 +114,7 @@
|
||||||
<div class="box-header well">
|
<div class="box-header well">
|
||||||
<h2><i class="icon-info-sign"></i> Introduction</h2>
|
<h2><i class="icon-info-sign"></i> Introduction</h2>
|
||||||
<div class="box-icon">
|
<div class="box-icon">
|
||||||
|
<a href="#" class="btn btn-help btn-round"><i class="icon-info-sign"></i></a>
|
||||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||||
|
|
|
@ -233,6 +233,9 @@
|
||||||
<script src="js/jquery.history.js"></script>
|
<script src="js/jquery.history.js"></script>
|
||||||
<!-- application script for Charisma demo -->
|
<!-- application script for Charisma demo -->
|
||||||
<script src="js/charisma.js"></script>
|
<script src="js/charisma.js"></script>
|
||||||
|
<!-- help script for page help -->
|
||||||
|
<script src="js/help.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
Loading…
Reference in a new issue