1 2 3 4 5 | "dependencies":{ ... "angular-intro.js":"~1.1.3", ... } |
1 2 3 4 5 6 7 | <li> <a role="menuitem" tabindex="-1" id="travellersTourController" ng-controller="TravellersTourController" ng-click="startTravellersTour()"> <i class="header-nav-icon" ng-include="'/static/icon/travel_icon.svg'"></i> <span translate="NAV_TOUR_MANAGE_TRAVELLERS"></span> </a> |
1 | var intro = Intro.js(); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 | $scope.IntroOptions = { steps:[ { 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' }, { element:'#travellersmenu', intro:"<div class='tour-header'>Travellers list</div>" + "<div class='tour-step'>Click <b>Travellers</b> to view a list of travellers that belong to " + "the configured trips.</div>", position:'left' }, { 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' }, { element:'#groupsmenu', intro:"<div class='tour-header'>Groups</div>" + "<div class='tour-step'>This tab allows travellers to create groups and subgroups of travellers." + "Any traveller that is already part of a group can add new travellers and subgroups.</div>", position:'left' }, { 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' }, { 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' }, { 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' } ], showStepNumbers: false, exitOnEsc:true, showBullets: false, scrollToElement:true, nextLabel:'Next', prevLabel:'Prev', skipLabel:'End tour', doneLabel:'Done' }; |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |