[presentation] Group the default toggle action inside the presentation mode
@@ -250,16 +250,22 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
<div class="pull-right margin-right-10">
% if ENABLE_PRESENTATION.get():
<!-- ko with: selectedNotebook() -->
- <div class="btn-group" data-bind="visible: $root.isPresentationMode() && $root.canSave()">
- <a class="btn" title="${ _ko('Wether to open the document in presentation mode by default') }" data-bind="click: function() { isPresentationModeDefault(!isPresentationModeDefault()); }">
- <i class="fa" data-bind="css: {'fa-toggle-on': isPresentationModeDefault(), 'fa-toggle-off': !isPresentationModeDefault()}"></i>
- </a>
- </div>
<div class="btn-group">
- <a class="btn" title="${ _ko('View as a presentation') }" data-bind="click: function() { isPresentationMode(!isPresentationMode()); },
- css: {'btn-inverse': $root.isPresentationMode()}">
+ <a class="btn" data-bind="click: function() { isPresentationMode(!isPresentationMode()); },
+ css: {'btn-inverse': $root.isPresentationMode()}, attr: {title: isPresentationMode() ? '${ _ko('Exit presentation') }' : '${ _ko('View as a presentation') }'}">
<i class="fa fa-line-chart"></i>
</a>
+
+ <!-- ko if: $root.isPresentationMode() && $root.canSave() -->
+ <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
+ <ul class="dropdown-menu">
+ <li>
+ <a class="pointer" title="${ _ko('Wether to open in presentation or editor mode by default') }" data-bind="click: function() { isPresentationModeDefault(!isPresentationModeDefault()); }">
+ <i class="fa" data-bind="css: {'fa-toggle-on': isPresentationModeDefault(), 'fa-toggle-off': !isPresentationModeDefault()}"></i> ${ _('Open as presentation') }
+ </a>
+ </li>
+ </ul>
+ <!-- /ko -->
</div>
<!-- /ko -->
% endif
