mirror of
https://github.com/LaCasemate/fab-manager.git
synced 2025-01-29 18:52:22 +01:00
angular-ui-tour: fixed positionning problem + some more steps in the tour + centering the welcome message
This commit is contained in:
Sylvain
parent
d56422de5b
commit
fd471be40a
@ -25,12 +25,13 @@ Application.Controllers.controller('HomeController', ['$scope', '$stateParams',
|
||||
// setup the tour
|
||||
const uitour = uiTourService.getTour();
|
||||
uitour.createStep({
|
||||
selector: 'head',
|
||||
selector: 'body',
|
||||
stepId: 'welcome',
|
||||
order: 0,
|
||||
title: _t('app.public.tour.welcome.title'),
|
||||
content: _t('app.public.tour.welcome.content'),
|
||||
placement: 'bottom'
|
||||
placement: 'bottom',
|
||||
orphan: true
|
||||
});
|
||||
uitour.createStep({
|
||||
selector: '.nav-primary li.home-link',
|
||||
@ -48,6 +49,78 @@ Application.Controllers.controller('HomeController', ['$scope', '$stateParams',
|
||||
content: _t('app.public.tour.machines.content'),
|
||||
placement: 'right'
|
||||
});
|
||||
uitour.createStep({
|
||||
selector: '.nav-primary li.reserve-training-link',
|
||||
stepId: 'trainings',
|
||||
order: 3,
|
||||
title: _t('app.public.tour.trainings.title'),
|
||||
content: _t('app.public.tour.trainings.content'),
|
||||
placement: 'right'
|
||||
});
|
||||
uitour.createStep({
|
||||
selector: '.nav-primary li.reserve-space-link',
|
||||
stepId: 'spaces',
|
||||
order: 4,
|
||||
title: _t('app.public.tour.spaces.title'),
|
||||
content: _t('app.public.tour.spaces.content'),
|
||||
placement: 'right'
|
||||
});
|
||||
uitour.createStep({
|
||||
selector: '.nav-primary li.reserve-event-link',
|
||||
stepId: 'events',
|
||||
order: 5,
|
||||
title: _t('app.public.tour.events.title'),
|
||||
content: _t('app.public.tour.events.content'),
|
||||
placement: 'right'
|
||||
});
|
||||
uitour.createStep({
|
||||
selector: '.nav-primary li.public-calendar-link',
|
||||
stepId: 'calendar',
|
||||
order: 6,
|
||||
title: _t('app.public.tour.calendar.title'),
|
||||
content: _t('app.public.tour.calendar.content'),
|
||||
placement: 'right'
|
||||
});
|
||||
uitour.createStep({
|
||||
selector: '.nav-primary li.projects-gallery-link',
|
||||
stepId: 'projects',
|
||||
order: 7,
|
||||
title: _t('app.public.tour.projects.title'),
|
||||
content: _t('app.public.tour.projects.content'),
|
||||
placement: 'right'
|
||||
});
|
||||
uitour.createStep({
|
||||
selector: '.nav-primary li.plans-link',
|
||||
stepId: 'plans',
|
||||
order: 8,
|
||||
title: _t('app.public.tour.plans.title'),
|
||||
content: _t('app.public.tour.plans.content'),
|
||||
placement: 'right'
|
||||
});
|
||||
uitour.createStep({
|
||||
selector: '.navbar.header li.about-page-link',
|
||||
stepId: 'about',
|
||||
order: 9,
|
||||
title: _t('app.public.tour.about.title'),
|
||||
content: _t('app.public.tour.about.content'),
|
||||
placement: 'bottom'
|
||||
});
|
||||
uitour.createStep({
|
||||
selector: '.navbar.header li.notification-center-link',
|
||||
stepId: 'notifications',
|
||||
order: 10,
|
||||
title: _t('app.public.tour.notifications.title'),
|
||||
content: _t('app.public.tour.notifications.content'),
|
||||
placement: 'bottom'
|
||||
});
|
||||
uitour.createStep({
|
||||
selector: '.navbar.header li.user-menu-dropdown',
|
||||
stepId: 'profile',
|
||||
order: 11,
|
||||
title: _t('app.public.tour.profile.title'),
|
||||
content: _t('app.public.tour.profile.content'),
|
||||
placement: 'bottom'
|
||||
});
|
||||
uitour.start();
|
||||
};
|
||||
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
</div>
|
||||
|
||||
<ul class="nav navbar-nav hidden-xs">
|
||||
<li>
|
||||
<li class="about-page-link">
|
||||
<a href class="about-link font-sbold text-sm" ng-click="goabout = !goabout" ui-sref="app.public.about" ng-show="!goabout">
|
||||
<span class="label label-theme rounded text-lg text-white m-r-sm font-ebold">?</span>
|
||||
{{ linkName }}
|
||||
@ -21,10 +21,10 @@
|
||||
|
||||
<!-- Top Nav -->
|
||||
<ul class="nav navbar-nav navbar-right m-n hidden-xs nav-user user">
|
||||
<li class="notification-open" ng-if="isAuthenticated()">
|
||||
<li class="notification-open notification-center-link" ng-if="isAuthenticated()">
|
||||
<a ui-sref="app.logged.notifications"><i class="fa fa-bell fa-2x black"></i> <span class="badge" ng-class="{'bg-red': notifications.unread > 0}">{{notifications.unread}}</span></a>
|
||||
</li>
|
||||
<li class="dropdown user-profile-nav" ng-if="isAuthenticated()" uib-dropdown>
|
||||
<li class="dropdown user-profile-nav user-menu-dropdown" ng-if="isAuthenticated()" uib-dropdown>
|
||||
<a class="dropdown-toggle pointer" uib-dropdown-toggle>
|
||||
<span class="avatar text-center">
|
||||
<fab-user-avatar ng-model="currentUser.profile.user_avatar" avatar-class="thumb-50"></fab-user-avatar>
|
||||
|
||||
@ -89,7 +89,7 @@
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body ng-controller="ApplicationController" ng-init="setCurrentUser(<%= current_user ? current_user.to_json : 'null' %>)" ng-cloak ui-tour ui-tour-backdrop="true" ui-tour-template-url="'<%= asset_path "shared/tour-step-template.html" %>'">
|
||||
<body ng-controller="ApplicationController" ng-init="setCurrentUser(<%= current_user ? current_user.to_json : 'null' %>)" ng-cloak ui-tour ui-tour-backdrop="true" ui-tour-template-url="'<%= asset_path "shared/tour-step-template.html" %>'" ui-tour-scroll-offset="0">
|
||||
<div growl></div>
|
||||
|
||||
<%= flash_messages %>
|
||||
|
||||
@ -391,5 +391,32 @@ fr:
|
||||
content: "Un clic ici vous ramènera vers la page d'accueil où vous vous situez actuellement."
|
||||
machines:
|
||||
title: "Les machines"
|
||||
content: "Ici vous pourrez consulter la liste de toutes les machines du Fablab et réserver un créneau pour l'une d'entre elle."
|
||||
content: "Ici, vous pourrez consulter la liste de toutes les machines et réserver un créneau pour l'une d'entre elle."
|
||||
trainings:
|
||||
title: "Les formations"
|
||||
content: "Cette page vous permettra d'inscrire un membre à une formation. Certaines formations peuvent être un préalable à la réservation de certaines machines."
|
||||
spaces:
|
||||
title: "Les espaces"
|
||||
content: "Consultez et réservez les espaces disponibles. Leur particularité est qu'ils peuvent être réservés par plusieurs personnes en même temps. Ce peut-être, par exemple, un atelier bois ou une salle de réunion."
|
||||
events:
|
||||
title: "Les évènements"
|
||||
content: "Une soirée porte ouverte ou un stage pour fabriquer sa lampe de bureau ? C'est par ici !"
|
||||
calendar:
|
||||
title: "Le calendrier publique"
|
||||
content: "Visualisez en un clin d'oeil tout ce qui est prévu au programme des prochaines semaines"
|
||||
projects:
|
||||
title: "Les projets"
|
||||
content: "Documentez et partagez avec la communauté toutes vos réalisations"
|
||||
plans:
|
||||
title: "Les abonnements"
|
||||
content: "Les abonnements offrent un moyen de segmenter vos tarifs et d'accorder des avantages aux utilisateurs réguliers"
|
||||
about:
|
||||
title: "À propos"
|
||||
content: "Une page que vous pouvez entièrement personnaliser, pour y présenter votre activité"
|
||||
notifications:
|
||||
title: "Centre de notifications"
|
||||
content: "Chaque fois qu'il se passe quelque chose d'important, vous serez notifié ici"
|
||||
profile:
|
||||
title: "Menu utilisateur"
|
||||
content: "Retrouvez ici vos informations personnelles ainsi que toute votre activité sur Fab-Manager"
|
||||
|
||||
|
||||
@ -52,7 +52,7 @@
|
||||
"angular-ui-bootstrap": "0.14.3",
|
||||
"angular-ui-calendar": "https://github.com/angular-ui/ui-calendar.git#1.0.1",
|
||||
"angular-ui-codemirror": "^0.3.0",
|
||||
"angular-ui-tour": "^0.9.4",
|
||||
"angular-ui-tour": "https://github.com/Ross-Byrne/angular-ui-tour.git#master",
|
||||
"angular-unsavedchanges": "0.2",
|
||||
"angular-xeditable": "0.10",
|
||||
"bootstrap-switch": "3.3.2",
|
||||
|
||||
@ -77,9 +77,9 @@ angular-base64-upload@^0.0.9:
|
||||
resolved "https://registry.yarnpkg.com/angular-base64-upload/-/angular-base64-upload-0.0.9.tgz#d8ed8bac5e8c104e7311e353f9800345bed9da96"
|
||||
integrity sha1-2O2LrF6MEE5zEeNT+YADRb7Z2pY=
|
||||
|
||||
"angular-bind-html-compile@git+https://github.com/incuna/angular-bind-html-compile.git#1.4.1":
|
||||
"angular-bind-html-compile@https://github.com/incuna/angular-bind-html-compile.git#1.4.1":
|
||||
version "1.4.1"
|
||||
resolved "git+https://github.com/incuna/angular-bind-html-compile.git#7626140a0eb7c724dc5c1eb3f7715bf06adf4c2a"
|
||||
resolved "https://github.com/incuna/angular-bind-html-compile.git#7626140a0eb7c724dc5c1eb3f7715bf06adf4c2a"
|
||||
|
||||
angular-bootstrap-switch@0.4.0:
|
||||
version "0.4.0"
|
||||
@ -201,10 +201,9 @@ angular-ui-codemirror@^0.3.0:
|
||||
resolved "https://registry.yarnpkg.com/angular-ui-codemirror/-/angular-ui-codemirror-0.3.0.tgz#e4286fc50f393f2a6e697c1bf3170424e12cbb60"
|
||||
integrity sha1-5ChvxQ85PypuaXwb8xcEJOEsu2A=
|
||||
|
||||
angular-ui-tour@^0.9.4:
|
||||
"angular-ui-tour@https://github.com/Ross-Byrne/angular-ui-tour.git#master":
|
||||
version "0.9.4"
|
||||
resolved "https://registry.yarnpkg.com/angular-ui-tour/-/angular-ui-tour-0.9.4.tgz#332aac5026da55e0a43bdf1936c8be29ece37d55"
|
||||
integrity sha512-W4VIDnunjcpQilI4u4b5cI/XFDG9hZnnNHpXZPBOqKoIwHoSwXSa2UNrxSTl26ITMm1k4QdxnMnZpHH5NsamOQ==
|
||||
resolved "https://github.com/Ross-Byrne/angular-ui-tour.git#d1ffbcbe8b8e6f4058274c01ba76b4cf86251137"
|
||||
dependencies:
|
||||
angular ">=1.5"
|
||||
angular-bind-html-compile "https://github.com/incuna/angular-bind-html-compile.git#1.4.1"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user