|
@@ -197,7 +197,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
<img class="pull-right" src="${ static('desktop/art/icon_hue_48.png') }" alt="${ _('Hue logo') }"/>
|
|
<img class="pull-right" src="${ static('desktop/art/icon_hue_48.png') }" alt="${ _('Hue logo') }"/>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
-<div class="navbar hue-title-bar" data-bind="visible: ! $root.isPlayerMode()">
|
|
|
|
|
|
|
+<div class="navbar hue-title-bar" data-bind="visible: ! $root.isPresentationMode()">
|
|
|
<div class="navbar-inner">
|
|
<div class="navbar-inner">
|
|
|
<div class="container-fluid">
|
|
<div class="container-fluid">
|
|
|
<div class="pull-right margin-right-10">
|
|
<div class="pull-right margin-right-10">
|
|
@@ -205,7 +205,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
<div class="btn-group">
|
|
<div class="btn-group">
|
|
|
<a class="share-link btn" rel="tooltip" data-placement="bottom" data-bind="click: $root.togglePresentationMode,
|
|
<a class="share-link btn" rel="tooltip" data-placement="bottom" data-bind="click: $root.togglePresentationMode,
|
|
|
attr: {'data-original-title': '${ _ko("View as a report") } '},
|
|
attr: {'data-original-title': '${ _ko("View as a report") } '},
|
|
|
- css: {'btn-inverse': $root.isPlayerMode(), 'btn': true}">
|
|
|
|
|
|
|
+ css: {'btn-inverse': $root.isPresentationMode(), 'btn': true}">
|
|
|
<i class="fa fa-line-chart"></i>
|
|
<i class="fa fa-line-chart"></i>
|
|
|
</a>
|
|
</a>
|
|
|
|
|
|
|
@@ -372,10 +372,10 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="player-toolbar" data-bind="visible: $root.isPlayerMode()" style="display: none;">
|
|
|
|
|
- <div class="pull-right pointer" data-bind="click: function(){ $root.togglePresentationMode(); }">
|
|
|
|
|
- <i class="fa fa-times"></i>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="player-toolbar" data-bind="visible: $root.isPresentationMode()" style="display: none;">
|
|
|
|
|
+ <a class="hueAnchor collapse-results" href="javascript:void(0)" title="${ _('Exit presentation') }" data-bind="click: function(){ $root.togglePresentationMode(); }">
|
|
|
|
|
+ <i class="fa fa-times fa-fw"></i>
|
|
|
|
|
+ </a>
|
|
|
|
|
|
|
|
<!-- ko if: $root.selectedNotebook() -->
|
|
<!-- ko if: $root.selectedNotebook() -->
|
|
|
Title | buttons
|
|
Title | buttons
|
|
@@ -440,7 +440,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
|
|
|
|
|
|
|
|
|
|
<div data-bind="css: {'main-content': true, 'editor-mode': $root.editorMode()}">
|
|
<div data-bind="css: {'main-content': true, 'editor-mode': $root.editorMode()}">
|
|
|
- <div class="vertical-full container-fluid" data-bind="style: { 'padding-left' : $root.isLeftPanelVisible() || $root.isPlayerMode() ? '0' : '20px' }" >
|
|
|
|
|
|
|
+ <div class="vertical-full container-fluid" data-bind="style: { 'padding-left' : $root.isLeftPanelVisible() || $root.isPresentationMode() ? '0' : '20px' }" >
|
|
|
<div class="vertical-full">
|
|
<div class="vertical-full">
|
|
|
<div class="vertical-full tab-pane row-fluid panel-container" data-bind="css: { active: selectedNotebook() === $data }, template: { name: 'notebook${ suffix }'}">
|
|
<div class="vertical-full tab-pane row-fluid panel-container" data-bind="css: { active: selectedNotebook() === $data }, template: { name: 'notebook${ suffix }'}">
|
|
|
</div>
|
|
</div>
|
|
@@ -690,8 +690,8 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
<!-- ko if: showGrid -->
|
|
<!-- ko if: showGrid -->
|
|
|
<div class="inline-block inactive-action pointer margin-left-10" title="${_('Search the results')}" data-bind="click: function(data, e){ $(e.target).parents('.snippet').find('.resultTable').hueDataTable().fnShowSearch() }"><i class="snippet-icon fa fa-search"></i></div>
|
|
<div class="inline-block inactive-action pointer margin-left-10" title="${_('Search the results')}" data-bind="click: function(data, e){ $(e.target).parents('.snippet').find('.resultTable').hueDataTable().fnShowSearch() }"><i class="snippet-icon fa fa-search"></i></div>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
- <div class="inline-block inactive-action pointer" title="${_('Expand results')}" rel="tooltip" data-bind="css: { 'margin-left-10': !showGrid()}, visible: !$root.isPlayerMode(), click: function(){ $root.isPlayerMode(true); }"><i class="snippet-icon fa fa-expand"></i></div>
|
|
|
|
|
- <div class="inline-block inactive-action pointer" title="${_('Collapse results')}" rel="tooltip" data-bind="visible: $root.isPlayerMode(), click: function(){ $root.isPlayerMode(false); }"><i class="snippet-icon fa fa-compress"></i></div>
|
|
|
|
|
|
|
+ <div class="inline-block inactive-action pointer" title="${_('Expand results')}" rel="tooltip" data-bind="css: { 'margin-left-10': !showGrid()}, visible: !$root.isPresentationMode(), click: function(){ $root.isPresentationMode(true); }"><i class="snippet-icon fa fa-expand"></i></div>
|
|
|
|
|
+ <div class="inline-block inactive-action pointer" title="${_('Collapse results')}" rel="tooltip" data-bind="visible: $root.isPresentationMode(), click: function(){ $root.isPresentationMode(false); }"><i class="snippet-icon fa fa-compress"></i></div>
|
|
|
</a>
|
|
</a>
|
|
|
</li>
|
|
</li>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
@@ -887,7 +887,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/html" id="editor-snippet-header${ suffix }">
|
|
<script type="text/html" id="editor-snippet-header${ suffix }">
|
|
|
- <div class="hover-actions inline pull-right" style="font-size: 15px; position: relative;" data-bind="style: { 'marginRight': $root.isPlayerMode() ? '40px' : '0' }">
|
|
|
|
|
|
|
+ <div class="hover-actions inline pull-right" style="font-size: 15px; position: relative;" data-bind="style: { 'marginRight': $root.isPresentationMode() ? '40px' : '0' }">
|
|
|
<!-- ko template: { name: 'query-redacted${ suffix }' } --><!-- /ko -->
|
|
<!-- ko template: { name: 'query-redacted${ suffix }' } --><!-- /ko -->
|
|
|
<!-- ko template: { name: 'longer-operation${ suffix }' } --><!-- /ko -->
|
|
<!-- ko template: { name: 'longer-operation${ suffix }' } --><!-- /ko -->
|
|
|
<span class="execution-timer" data-bind="visible: type() != 'text' && status() != 'ready' && status() != 'loading', text: result.executionTime().toHHMMSS()" title="${ _('Execution time') }"></span>
|
|
<span class="execution-timer" data-bind="visible: type() != 'text' && status() != 'ready' && status() != 'loading', text: result.executionTime().toHHMMSS()" title="${ _('Execution time') }"></span>
|
|
@@ -901,7 +901,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
<a class="inactive-action margin-left-10" href="javascript:void(0)" data-bind="toggle: settingsVisible, visible: hasProperties, css: { 'blue' : settingsVisible }" title="${ _('Settings and properties') }"><i class="fa fa-cog"></i></a>
|
|
<a class="inactive-action margin-left-10" href="javascript:void(0)" data-bind="toggle: settingsVisible, visible: hasProperties, css: { 'blue' : settingsVisible }" title="${ _('Settings and properties') }"><i class="fa fa-cog"></i></a>
|
|
|
<a class="inactive-action margin-left-10 pointer" title="${ _('Show editor shortcuts') }" data-toggle="modal" data-target="#helpModal${ suffix }"><i class="fa fa-question"></i></a>
|
|
<a class="inactive-action margin-left-10 pointer" title="${ _('Show editor shortcuts') }" data-toggle="modal" data-target="#helpModal${ suffix }"><i class="fa fa-question"></i></a>
|
|
|
</div>
|
|
</div>
|
|
|
- <a class="hueAnchor collapse-results" href="javascript:void(0)" title="${ _('Collapse results') }" data-bind="visible: $root.isPlayerMode(), click: function(){ $root.isPlayerMode(false); }" style="display: none;"><i class="fa fa-times fa-fw"></i></a>
|
|
|
|
|
|
|
+ <a class="hueAnchor collapse-results" href="javascript:void(0)" title="${ _('Collapse results') }" data-bind="visible: $root.isPresentationMode(), click: function(){ $root.isPresentationMode(false); }" style="display: none;"><i class="fa fa-times fa-fw"></i></a>
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -1435,7 +1435,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/html" id="markdown-snippet-body${ suffix }">
|
|
<script type="text/html" id="markdown-snippet-body${ suffix }">
|
|
|
- <!-- ko ifnot: $root.isPlayerMode() -->
|
|
|
|
|
|
|
+ <!-- ko ifnot: $root.isPresentationMode() -->
|
|
|
<div class="row-fluid">
|
|
<div class="row-fluid">
|
|
|
<div class="span6" data-bind="clickForAceFocus: ace">
|
|
<div class="span6" data-bind="clickForAceFocus: ace">
|
|
|
<div class="ace-editor" data-bind="attr: { id: id() }, aceEditor: {
|
|
<div class="ace-editor" data-bind="attr: { id: id() }, aceEditor: {
|
|
@@ -1448,7 +1448,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
- <!-- ko if: $root.isPlayerMode() -->
|
|
|
|
|
|
|
+ <!-- ko if: $root.isPresentationMode() -->
|
|
|
<div data-bind="html: renderMarkdown(statement_raw(), id())"></div>
|
|
<div data-bind="html: renderMarkdown(statement_raw(), id())"></div>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
</script>
|
|
</script>
|
|
@@ -2026,7 +2026,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
% if is_embeddable:
|
|
% if is_embeddable:
|
|
|
stickToTopPosition: 48 + bannerTopHeight + ${ conf.CUSTOM.BANNER_TOP_HTML.get() and '0' or '2' },
|
|
stickToTopPosition: 48 + bannerTopHeight + ${ conf.CUSTOM.BANNER_TOP_HTML.get() and '0' or '2' },
|
|
|
% else:
|
|
% else:
|
|
|
- stickToTopPosition: function() { return vm.isPlayerMode() ? 1 + bannerTopHeight : 76 + bannerTopHeight },
|
|
|
|
|
|
|
+ stickToTopPosition: function() { return vm.isPresentationMode() ? 1 + bannerTopHeight : 76 + bannerTopHeight },
|
|
|
% endif
|
|
% endif
|
|
|
parentId: 'snippet_' + snippet.id(),
|
|
parentId: 'snippet_' + snippet.id(),
|
|
|
clonedContainerPosition: 'fixed',
|
|
clonedContainerPosition: 'fixed',
|
|
@@ -2101,7 +2101,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
if (snippetEl.find('.dataTables_wrapper').length > 0 && snippet.showGrid()) {
|
|
if (snippetEl.find('.dataTables_wrapper').length > 0 && snippet.showGrid()) {
|
|
|
window.clearTimeout(resultFollowTimeout);
|
|
window.clearTimeout(resultFollowTimeout);
|
|
|
resultFollowTimeout = window.setTimeout(function () {
|
|
resultFollowTimeout = window.setTimeout(function () {
|
|
|
- var topCoord = vm.isPlayerMode() ? 1 : 73;
|
|
|
|
|
|
|
+ var topCoord = vm.isPresentationMode() ? 1 : 73;
|
|
|
var offsetTop = 0;
|
|
var offsetTop = 0;
|
|
|
if (snippetEl.find('.dataTables_wrapper').length > 0 && snippetEl.find('.dataTables_wrapper').offset()){
|
|
if (snippetEl.find('.dataTables_wrapper').length > 0 && snippetEl.find('.dataTables_wrapper').offset()){
|
|
|
offsetTop = (snippetEl.find('.dataTables_wrapper').offset().top - topCoord) * -1;
|
|
offsetTop = (snippetEl.find('.dataTables_wrapper').offset().top - topCoord) * -1;
|
|
@@ -3098,11 +3098,11 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
var wasRightPanelVisible = viewModel.isRightPanelVisible();
|
|
var wasRightPanelVisible = viewModel.isRightPanelVisible();
|
|
|
|
|
|
|
|
function exitPlayerMode() {
|
|
function exitPlayerMode() {
|
|
|
- //viewModel.isPlayerMode(false);
|
|
|
|
|
|
|
+ //viewModel.isPresentationMode(false);
|
|
|
viewModel.togglePresentationMode();
|
|
viewModel.togglePresentationMode();
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- viewModel.isPlayerMode.subscribe(function (value) {
|
|
|
|
|
|
|
+ viewModel.isPresentationMode.subscribe(function (value) {
|
|
|
if (value){
|
|
if (value){
|
|
|
$(".jHueNotify").remove();
|
|
$(".jHueNotify").remove();
|
|
|
huePubSub.publish('side.panels.hide');
|
|
huePubSub.publish('side.panels.hide');
|
|
@@ -3371,7 +3371,7 @@ ${ sqlSyntaxDropdown.sqlSyntaxDropdown() }
|
|
|
var _dtElement;
|
|
var _dtElement;
|
|
|
if (snippet.showGrid()) {
|
|
if (snippet.showGrid()) {
|
|
|
_dtElement = $("#snippet_" + snippet.id()).find(".dataTables_wrapper");
|
|
_dtElement = $("#snippet_" + snippet.id()).find(".dataTables_wrapper");
|
|
|
- var topCoord = viewModel.isPlayerMode() ? ${ conf.CUSTOM.BANNER_TOP_HTML.get() and '31' or '1' } : 73;
|
|
|
|
|
|
|
+ var topCoord = viewModel.isPresentationMode() ? ${ conf.CUSTOM.BANNER_TOP_HTML.get() and '31' or '1' } : 73;
|
|
|
$("#snippet_" + snippet.id()).find(".snippet-grid-settings").css({
|
|
$("#snippet_" + snippet.id()).find(".snippet-grid-settings").css({
|
|
|
"height": Math.ceil($(window).height() - Math.max($('.result-settings').length > 0 ? $('.result-settings').offset().top : 0, topCoord)) + 'px'
|
|
"height": Math.ceil($(window).height() - Math.max($('.result-settings').length > 0 ? $('.result-settings').offset().top : 0, topCoord)) + 'px'
|
|
|
});
|
|
});
|