Modified IntroTour

This commit is contained in:
Andy Strobel 2014-08-26 18:20:38 +02:00
parent 62c0f9d593
commit f42dc7cd02
10 changed files with 72 additions and 34 deletions

View File

@ -24,9 +24,7 @@ class TourModule extends HWebModule
public static function onDashboardSidebarInit($event)
{
$event->sender->addWidget('application.modules_core.tour.widgets.TourDashboardWidget', array(), array('sortOrder' => 0));
$event->sender->addWidget('application.modules_core.tour.widgets.TourDashboardWidget', array(), array('sortOrder' => 0));
}
}

View File

@ -27,6 +27,8 @@ class TourDashboardWidget extends HWidget
public function run()
{
print '<script>console.log("Häh: '.Yii::app()->user->getModel()->getSetting("hideTourPanel", "tour").'");</script>';
// check if tour is activated for new users
if (HSetting::Get('enable', 'tour') == 1) {
@ -34,7 +36,7 @@ class TourDashboardWidget extends HWidget
$hideTourPanel = Yii::app()->user->getModel()->getSetting("hideTourPanel", "tour");
// if panel is not deactivated...
if ($hideTourPanel != 1) {
if ($hideTourPanel == 0) {
// get the first space in database (should be the welcome space)
$space = Space::model()->find();

View File

@ -16,6 +16,7 @@ class TourWidget extends HWidget
public function run()
{
// check if tour is activated for new users
if (HSetting::Get('enable', 'tour') == 1) {
@ -23,7 +24,7 @@ class TourWidget extends HWidget
$hideTourPanel = Yii::app()->user->getModel()->getSetting("hideTourPanel", "tour");
// if not...
if ($hideTourPanel != 1) {
if ($hideTourPanel == 0) {
// save current module and controller id's
$currentModuleId = Yii::app()->controller->module->id;
@ -35,8 +36,11 @@ class TourWidget extends HWidget
// load resource files
$this->loadResources();
// get the first space in database (should be the welcome space)
$space = Space::model()->find();
// render tour view
$this->render('welcome_interface', array());
$this->render('welcome_interface', array('space' => $space));
}

View File

@ -29,13 +29,13 @@
{
element: ".list-group-item.modules",
title: "<?php echo Yii::t('TourModule.widgets_views_administration', '<strong>Modules</strong>'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_administration', 'Du hast gerade den Menüpunkt Modules ausgewählt. Hier erhälst du Zugriff auf den Online-Marketplace, von welchem du eine wachsende Anzahl von Modulen aus der Community installieren kannst.'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_administration', 'Du befindest dich gerade im Menüpunkt Modules. Hier erhälst du Zugriff auf den HumHub Online-Marketplace, von welchem du eine wachsende Anzahl von Modulen aus der Community on-the-fly installieren kannst.<br><br> Wie schon erwähnt, erweitern Module die Funktionen der Plattform. Die Möglichkeiten sind dabei unbegrenzt.'); ?>",
placement: "right"
},
{
orphan: true,
backdrop: true,
title: "<?php echo Yii::t('TourModule.widgets_views_administration', "<strong>Hurray!</strong> We're done."); ?>",
title: "<?php echo Yii::t('TourModule.widgets_views_administration', "<strong>Hurray!</strong> You're done."); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_administration', 'This have been the most important things you should know before using the platform.<br><br>We hope, that you and the future users will have a good experience and fun with the platform.<br><br>We are always looking forward for every suggestion or any kind of help to support the project. Feel free to contact us via www.humhub.org.<br><br>Stay tuned. :)'); ?>"
}
@ -57,9 +57,6 @@
'url': '<?php echo Yii::app()->createAbsoluteUrl('//tour/tour/TourCompleted', array('section' => 'administration')); ?>',
'cache': false,
'data': jQuery(this).parents("form").serialize()
}).done(function () {
// redirect to dashboard
window.location.href="<?php echo Yii::app()->createUrl('//dashboard/dashboard'); ?>";
});
}

View File

@ -1,5 +1,6 @@
<script type="text/javascript">
var gotoAdministration = false;
// Create a new tour
var profileTour = new Tour({
@ -18,7 +19,7 @@
orphan: true,
backdrop: true,
title: "<?php echo Yii::t('TourModule.widgets_views_profile', '<strong>User</strong> profile'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_profile', "Dies ist dein öffentliches User-Profil, welches für alle registrierten User zugänglich ist."); ?>"
content: "<?php echo Yii::t('TourModule.widgets_views_profile', "Dies ist dein öffentliches User-Profil, welches für alle registrierten User sichtbar ist."); ?>"
},
{
element: "#user-profile-image",
@ -35,7 +36,7 @@
{
element: ".profile-nav-container",
title: "<?php echo Yii::t('TourModule.widgets_views_profile', '<strong>Profile</strong> menu'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_profile', 'Wie auch bei den Spaces, verfügt ein User-Profil über ein Menü, welches mit Hilfe von Modulen erweitert werden kann.<br><br>Welche Module dir für dein Profil zu Verfügung stehen, siehst du unter <strong>Account settings</strong> <i class=\'fa fa-caret-right\'></i> <strong>Modules</strong>'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_profile', 'Wie auch bei den Spaces, verfügt ein User-Profil über ein Menü, welches mit Hilfe von Modulen erweitert werden kann.<br><br>Welche Module für dein Profil zu Verfügung stehen, siehst du in deinen <strong>Account-Einstellungen</strong> unter <strong>Modules</strong>.'); ?>",
placement: "right"
},
{
@ -50,12 +51,21 @@
content: "<?php echo Yii::t('TourModule.widgets_views_profile', 'Je nach eingegebenen Informationen und User-Aktivität auf der Platform werden hier weitere Panels mit Informationen zum User angezeigt'); ?>",
placement: "left"
},
<?php if (Yii::app()->user->isAdmin() == true) : ?>
{
orphan: true,
backdrop: true,
title: "<?php echo Yii::t('TourModule.widgets_views_profile', '<strong>Finished</strong>'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_profile', "Hiermit hast du das Tutorial für das User-Profil erfolgreich abgeschlossen."); ?>"
content: "<?php echo Yii::t('TourModule.widgets_views_profile', 'Hiermit hast du auch den Step für das User-Profil hinter dich gebracht.<br><br>Zu guter Letzt folgt:<br>'); ?> <a href='javascript:gotoAdministration = true; tourCompleted();'><?php echo Yii::t("TourModule.widgets_views_profile", "<strong>Step 4: </strong> Administration / Modules"); ?></a><br><br>"
}
<?php else : ?>
{
orphan: true,
backdrop: true,
title: "<?php echo Yii::t('TourModule.widgets_views_profile', '<strong>Hurray!</strong> You\'re done.'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_profile', "Hiermit hast du die wichtigsten Funktionen der Plattform kennengelernt.<br><br>Wir wünschen dir viel Spaß beim networken."); ?>"
}
<?php endif; ?>
]);
@ -78,6 +88,14 @@
}).done(function () {
// redirect to dashboard
window.location.href="<?php echo Yii::app()->createUrl('//dashboard/dashboard'); ?>";
if (gotoAdministration == true) {
// redirect to administration
window.location.href="<?php echo Yii::app()->createUrl('//admin/module/listOnline', array('tour' => 'true')); ?>";
} else {
// redirect to dashboard
window.location.href="<?php echo Yii::app()->createUrl('//dashboard/dashboard'); ?>";
}
});
}

View File

@ -1,5 +1,6 @@
<script type="text/javascript">
var gotoProfile = false;
// Create a new tour
var spacesTour = new Tour({
@ -23,7 +24,7 @@
{
element: ".space-nav-container .panel:eq(0)",
title: "<?php echo Yii::t('TourModule.widgets_views_spaces', '<strong>Space</strong> menu'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_spaces', 'This is the navigation menu of your space.<br><br>In this particular part you will be able to find the modules which are enabled for it. This might be Polls, Tasks or Notes for example.'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_spaces', 'This is the navigation menu of your space.<br><br>In this particular part you will be able to find the modules which are enabled for it. This might be Polls, Tasks or Notes for example.<br><br>Only a space admin can enable modules for a space.'); ?>",
placement: "right"
},
{
@ -41,7 +42,7 @@
{
element: ".wall-entry:eq(0)",
title: "<?php echo Yii::t('TourModule.widgets_views_spaces', '<strong>Post</strong>'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_spaces', 'Ein abgesendeter Post erscheint dann hier im Stream.<br><br>User können diesen nun liken und kommentieren.'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_spaces', 'Ein abgesendeter Post erscheint dann hier im Stream.<br><br>Du und andere User können diesen nun liken und kommentieren.'); ?>",
placement: "bottom"
},
{
@ -59,15 +60,15 @@
{
element: "#space-members-panel",
title: "<?php echo Yii::t('TourModule.widgets_views_spaces', '<strong>Space</strong> members'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_spaces', 'This panel displays a short overview of all space members. <br /><br />Furthermore it provides the ability to invite new members to this space.'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_spaces', 'This panel displays a short overview of all space members. <br /><br />Hier kannst du außerdem neue User in den Space einladen, wenn du die benötigten Rechte dafür hast.'); ?>",
placement: "left"
},
{
orphan: true,
backdrop: true,
title: "<?php echo Yii::t('TourModule.widgets_views_spaces', '<strong>Finished</strong>'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_spaces', "Dami hast du das kurze Tutorial für die Spaces erfolgreich abgeschlossen."); ?>"
},
content: "<?php echo Yii::t('TourModule.widgets_views_spaces', "Damit hast du den Schritt für die Spaces erfolgreich abgeschlossen.<br><br>Weiter gehts mit"); ?> <a href='javascript:gotoProfile = true; tourCompleted();'><?php echo Yii::t("TourModule.widgets_views_spaces", "<strong>Step 3: </strong> User profile"); ?></a><br><br>"
}
]);
// Initialize tour plugin
@ -87,8 +88,15 @@
'cache': false,
'data': jQuery(this).parents("form").serialize()
}).done(function () {
// redirect to dashboard
window.location.href="<?php echo Yii::app()->createUrl('//dashboard/dashboard'); ?>";
if (gotoProfile == true) {
// redirect to profile
window.location.href="<?php echo Yii::app()->createUrl('//user/profile', array('uguid' => Yii::app()->user->guid,'tour' => 'true')); ?>";
} else {
// redirect to dashboard
window.location.href="<?php echo Yii::app()->createUrl('//dashboard/dashboard'); ?>";
}
});
}

View File

@ -30,11 +30,11 @@
?>
<ul class="tour-list">
<li id="interface_entry" class="<?php if ($interface == 1) : ?>completed<?php endif; ?>"><a href="javascript:startInterfaceTour();"><i class="fa fa-play-circle-o"></i> Introduction</a></li>
<li class="<?php if ($spaces == 1) : ?>completed<?php endif; ?>"><a id="interface-tour-link" href="<?php echo Yii::app()->createUrl('//space/space', array('sguid' => $space->guid, 'tour' => 'true'))?>"><i class="fa fa-play-circle-o"></i> Spaces</a></li>
<li class="<?php if ($profile == 1) : ?>completed<?php endif; ?>"><a href="<?php echo Yii::app()->createUrl('//user/profile', array('uguid' => Yii::app()->user->guid,'tour' => 'true'))?>"><i class="fa fa-play-circle-o"></i> User profile</a></li>
<li id="interface_entry" class="<?php if ($interface == 1) : ?>completed<?php endif; ?>"><a href="javascript:startInterfaceTour();"><i class="fa fa-play-circle-o"></i> <strong>Step 1: </strong> Einführung</a></li>
<li class="<?php if ($spaces == 1) : ?>completed<?php endif; ?>"><a id="interface-tour-link" href="<?php echo Yii::app()->createUrl('//space/space', array('sguid' => $space->guid, 'tour' => 'true')); ?>"><i class="fa fa-play-circle-o"></i> <strong>Step 2: </strong> Spaces</a></li>
<li class="<?php if ($profile == 1) : ?>completed<?php endif; ?>"><a href="<?php echo Yii::app()->createUrl('//user/profile', array('uguid' => Yii::app()->user->guid,'tour' => 'true')); ?>"><i class="fa fa-play-circle-o"></i> <strong>Step 3: </strong> User profile</a></li>
<?php if (Yii::app()->user->isAdmin() == true) : ?>
<li class="<?php if ($administration == 1) : ?>completed<?php endif; ?>"><a href="<?php echo Yii::app()->createUrl('//admin/module/listOnline', array('tour' => 'true'))?>"><i class="fa fa-play-circle-o"></i> Administration</a></li>
<li class="<?php if ($administration == 1) : ?>completed<?php endif; ?>"><a href="<?php echo Yii::app()->createUrl('//admin/module/listOnline', array('tour' => 'true')); ?>"><i class="fa fa-play-circle-o"></i> <strong>Step 4: </strong> Administration / Modules</a></li>
<?php endif;?>
</ul>
</div>

View File

@ -7,14 +7,14 @@
id="myModalLabel"><?php echo Yii::t('TourModule.widgets_views_welcome_index', '<strong>Welcome</strong> to %appName%', array('%appName%' => Yii::app()->name)) ?></h4>
</div>
<div class="modal-body">
<?php echo Yii::t('TourModule.widgets_views_welcome_index', '%appName% ist eine Social Network Platform auf welcher du dich mit Anderen vernetzten, kommunizieren und über Spaces zusammenarbeiten kannst. Einen Space musst du dir wie einen virtuellen Raum vorstellen, in welchem du dich mit anderen Usern austauschst.<br><br>Wie das genau funktioniert, erfährst du in den kleinen Tutorials, welche du rechts obem im Getting Started Panel einzeln starten kannst.', array('%appName%' => Yii::app()->name)) ?>
<?php echo Yii::t('TourModule.widgets_views_welcome_index', '%appName% ist eine Social Network Platform auf welcher du dich mit Anderen vernetzten, kommunizieren und über Spaces zusammenarbeiten kannst. Einen Space musst du dir wie einen virtuellen Raum vorstellen, in welchem du dich mit anderen Usern austauschst.<br><br>Wie die Spaces und die ganze Plattform genau funktioniert, erfährst du in den kleinen Schritten, welche du rechts obem im Getting Started Panel einzeln starten kannst.', array('%appName%' => Yii::app()->name)) ?>
</div>
<div class="modal-footer">
<hr>
<br>
<a href="javascript:welcomeModalSeen();startInterfaceTour();" class="btn btn-info"><?php echo Yii::t('TourModule.widgets_views_welcome_interface', 'Erste Tour starten'); ?></a> <a class="btn btn-primary"
<a href="javascript:welcomeModalSeen();startInterfaceTour();" class="btn btn-info"><?php echo Yii::t('TourModule.widgets_views_welcome_interface', 'Mit Step 1 starten'); ?></a> <a class="btn btn-primary"
href="javascript:welcomeModalSeen();"
data-dismis="modal"><?php echo Yii::t('TourModule.widgets_views_welcome_interface', 'Close'); ?></a>
</div>
@ -60,6 +60,8 @@
<script type="text/javascript">
var gotoSpace = false;
function startInterfaceTour() {
// Create a new tour
@ -94,16 +96,10 @@
content: "<?php echo Yii::t('TourModule.widgets_views_index', 'Über das Account-Menu kannst du deine Einstellungen ändern und dein öffentliches Benutzer-Profil pflegen.'); ?>",
placement: "bottom"
},
{
element: "#topbar-second",
title: "<?php echo Yii::t('TourModule.widgets_views_index', '<strong>Das</strong> Hauptmenü'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_index', 'Dies ist das Hauptmenü über welches du Zugriff auf alle Bereiche der Platform hast.'); ?><?php if (Yii::app()->user->isAdmin() == true) { echo Yii::t('TourModule.widgets_views_index', '<br><br>Abhängig von den installierten Modulen, können diese das Hauptmenü um neue Einträge erweitern.'); } ?>",
placement: "bottom"
},
{
element: "#space-menu",
title: "<?php echo Yii::t('TourModule.widgets_views_index', '<strong>Space</strong> Auswahl'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_index', 'Dies ist das wichtigste und wird wohl dein am meinsten genutztes Menü.<br><br>Hier hast du Zugriff auf alle deine Spaces, in welchen du Mitglied bist und kannst auch neue Spaces erstellen.<br><br>Wie Spaces genau funktionieren, erfährst du im nächsten Tutorial.'); ?>",
content: "<?php echo Yii::t('TourModule.widgets_views_index', 'Dies ist das wichtigste und wird wohl dein am meinsten genutztes Menü.<br><br>Hier hast du Zugriff auf alle deine Spaces, in welchen du Mitglied bist und kannst auch neue Spaces erstellen.<br><br>Wie Spaces genau funktionieren, erfährst du im nächsten Schritt:'); ?> <br><br><a href='javascript:gotoSpace = true; tourCompleted();'><?php echo Yii::t("TourModule.widgets_views_index", "<strong>Step 2: </strong> Spaces"); ?></a><br><br>",
placement: "bottom"
}
]);
@ -129,7 +125,15 @@
}).done(function () {
// cross out welcome tour entry
$('#interface_entry').addClass('completed');
if (gotoSpace == true) {
// redirect to space
window.location.href="<?php echo Yii::app()->createUrl('//space/space', array('sguid' => $space->guid, 'tour' => 'true')); ?>";
}
});
}
</script>

View File

@ -407,6 +407,9 @@ h4 {
padding: 5px 15px;
color: #555555;
}
.popover .popover-content a {
color: #4cd9c0;
}
.popover .popover-navigation {
padding: 15px;
}

View File

@ -558,6 +558,10 @@ h4 {
font-size: 13px;
padding: 5px 15px;
color: @colorFont3;
a {
color: @colorInfo2;
}
}
.popover-navigation {