paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-06 06:53:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add button to exit the Zulip tutorial.

Browse Source 
Fixes: #872.

[Tweaked by tabbott to fix focus and rename to "Exit tutorial".]
This commit is contained in:
gregmccoy
2016-06-03 19:12:24 -04:00
committed by Tim Abbott
parent 2595ce4a35
commit 1844f1b054
3 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
static/js/tutorial.js
View File

@@ -321,8 +321,12 @@ function update_popover_info(popover_func) {
current_popover_info = popover_func; current_popover_info = popover_func;
} }
function finale() { function finale(skip) {
var finale_modal = $("#tutorial-finale"); var finale_modal = $("#tutorial-finale");
if (skip) {
finale_modal.modal("hide");
$(".screen").css({opacity: 0.0, width: 0, height: 0});
} else {
$(".screen").css({opacity: 0.0}); $(".screen").css({opacity: 0.0});
finale_modal.css("z-index", 20001); finale_modal.css("z-index", 20001);
finale_modal.modal("show"); finale_modal.modal("show");
@@ -331,6 +335,7 @@ function finale() {
finale_modal.modal("hide"); finale_modal.modal("hide");
$(".screen").css({opacity: 0.0, width: 0, height: 0}); $(".screen").css({opacity: 0.0, width: 0, height: 0});
}).focus(); }).focus();
}
// Restore your actual stream colors and rerender to display any // Restore your actual stream colors and rerender to display any
// messages received during the tutorial. // messages received during the tutorial.
@@ -430,7 +435,7 @@ function reply() {
$("#tutorial-reply-next").click(function () { $("#tutorial-reply-next").click(function () {
spotlight_message.popover("destroy"); spotlight_message.popover("destroy");
finale(); finale(false);
}).focus(); }).focus();
} }
@@ -509,6 +514,10 @@ function welcome() {
bar.popover("destroy"); bar.popover("destroy");
stream(); stream();
}).focus(); }).focus();
$("#tutorial-message-skip").click(function () {
bar.popover("destroy");
finale(true);
});
} }
exports.start = function () { exports.start = function () {

4
static/styles/zulip.css
View File

@@ -3804,6 +3804,10 @@ form.admin-realm .control-label {
text-align: right; text-align: right;
} }
.btn-skip {
margin-right: 15px;
}
#share-the-love { #share-the-love {
margin-left: 0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;

3
static/templates/tutorial_message.handlebars
View File

@@ -6,6 +6,9 @@
{{#tr this}}<p>Messages in __page_params.product_name__ go to a <b>stream</b> and have a <b>topic</b>.</p>{{/tr}} {{#tr this}}<p>Messages in __page_params.product_name__ go to a <b>stream</b> and have a <b>topic</b>.</p>{{/tr}}
<div class="tutorial-done-button"> <div class="tutorial-done-button">
<center>
<button class="btn btn-skip" type="submit" id="tutorial-message-skip">{{t "Exit Tutorial" }}</button>
<button class="btn btn-primary" type="submit" id="tutorial-message-next">{{t "Next" }}</button> <button class="btn btn-primary" type="submit" id="tutorial-message-next">{{t "Next" }}</button>
</center>
</div> </div>
</div> </div>