1 2 3 4 5 6 7 8 9 | {element:'#toolbar-travellers-info-icon', intro:"<div class='tour-header'>Open Travellers Information Menu</div>" + "<div class='tour-step'>Click <b>" + TOUR.iconUsers + " Travellers Information</b> icon to open the " + "travellers information menu.<br><br>" + "Use this menu to manage travellers, travellers groups " + "and also the language for each traveller.</div>", position:'left' } |
1 2 3 4 5 6 7 8 9 | { element:'#travellersmenu', intro:"<div class='tour-header'>Add new travellers</div>" + "<div class='tour-step'>You can also add a new traveller to the trips you have.Use the " + "<b>Filter by search</b> field to look for existing travellers."+ "Add them by clicking " + TOUR.iconAdd + " <b>Add travellers</b> at the " + "right corner of the menu.</div>", position:'left' } |
1 2 3 4 5 6 7 8 9 | { element:'#travellersmenu', intro:"<div class='tour-header'>Add new travellers</div>" + "<div class='tour-step'>You can also add a new traveller to the trips you have.Use the " + "<b>Filter by search</b> field to look for existing travellers."+ "Add them by clicking " + TOUR.iconAdd + " <b>Add travellers</b> at the " + "right corner of the menu.</div>", position:'left' } |
1 2 3 4 5 6 7 8 9 10 | { element:'#groupsmenu', intro:"<div class='tour-header'>Add new groups</div>" + "<div class='tour-step'>You can also add a new group of travellers to the trips you have.Use the " + "<b>Filter by search</b> field to look for existing groups."+ "Add them by clicking " + TOUR.iconAdd + " <b>Add groups</b> at the right corner of the menu.</div>", position:'left' } |
1 2 3 4 5 6 7 8 9 10 | { element:'#groupsmenu', intro:"<div class='tour-header'>Add new groups</div>" + "<div class='tour-step'>You can also add a new group of travellers to the trips you have.Use the " + "<b>Filter by search</b> field to look for existing groups."+ "Add them by clicking " + TOUR.iconAdd + " <b>Add groups</b> at the right corner of the menu.</div>", position:'left' } |
1 2 3 4 5 6 7 8 | { element:'#languagesmenu', intro:"<div class='tour-header'>Languages</div>" + "<div class='tour-step'>By default, users have <b>English</b> language configured as the preferred language."+ "Travellers can add new languages to My Travel App at any time.</div>", position:'left' } |
1 2 3 4 5 6 7 | { element:'#tour-icon-dropdown', intro:"<div class='tour-header'>End of Travellers Info Tour</div>" + "<div class='tour-step'>See this tour any time by clicking " + TOUR.iconTour + " in the upper right toolbar </div>", position:'left' } |
1 | intro.setOptions($scope.IntroOptions); |
1 2 3 4 | $scope.startTravellersTour = function() { startTravellersPath(); intro.start(); }; |
1 2 3 4 5 6 7 8 9 | var startTravellersPath = function() { $timeout(function(){ $("#toolbar-travellers-info-button").click(); $timeout(function(){ $("#loadTravellersMenu").click(); },500); $('.dropdown').removeClass('open'); },500); }; |
1 2 3 4 5 6 7 8 9 10 11 | intro.onchange (function(targetElement) { if (targetElement.id === 'travellersmenu') { $("#loadTravellersMenu").click(); } if (targetElement.id === 'groupsmenu') { $("#loadGroupsMenu").click(); } if (targetElement.id === 'languagesmenu') { $("#loadLanguagesMenu").click(); } }); |
1 2 3 4 5 6 | intro.onexit (function(targetElement) { $("#toolbar-travellers-info-button").click(); }); intro.oncomplete (function(targetElement) { $("#toolbar-travellers-info-button").click(); }); |
1 | <script src="/static/js/guided_tour/travellersTourController.js"></script> |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |