|
@@ -139,6 +139,13 @@ from metadata.conf import has_navigator
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ .sql-context-tab-pane {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
.sql-context-popover-arrow, .sql-context-popover-arrow::after {
|
|
.sql-context-popover-arrow, .sql-context-popover-arrow::after {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
display: block;
|
|
display: block;
|
|
@@ -157,6 +164,7 @@ from metadata.conf import has_navigator
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.sql-context-tab-container {
|
|
.sql-context-tab-container {
|
|
|
|
|
+ position: relative;
|
|
|
flex: 1 1 100%;
|
|
flex: 1 1 100%;
|
|
|
border: none;
|
|
border: none;
|
|
|
overflow: auto;
|
|
overflow: auto;
|
|
@@ -178,10 +186,12 @@ from metadata.conf import has_navigator
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.sql-context-flex {
|
|
.sql-context-flex {
|
|
|
- position: relative;
|
|
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-flow: column nowrap;
|
|
flex-flow: column nowrap;
|
|
|
- height: 100%;
|
|
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ width: 100%;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.sql-context-flex-header {
|
|
.sql-context-flex-header {
|
|
@@ -260,13 +270,13 @@ from metadata.conf import has_navigator
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/html" id="sql-context-table-details">
|
|
<script type="text/html" id="sql-context-table-details">
|
|
|
- <div class="sql-context-flex-fill" data-bind="matchParentHeight: { refreshPubSubId: 'context.popover.resize' }, with: fetchedData, nicescroll">
|
|
|
|
|
|
|
+ <div class="sql-context-flex-fill" data-bind="with: fetchedData">
|
|
|
<!-- ko component: { name: 'sql-columns-table', params: { columns: extended_columns } } --><!-- /ko -->
|
|
<!-- ko component: { name: 'sql-columns-table', params: { columns: extended_columns } } --><!-- /ko -->
|
|
|
</div>
|
|
</div>
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/html" id="sql-context-column-details">
|
|
<script type="text/html" id="sql-context-column-details">
|
|
|
- <div class="sql-context-flex-fill" data-bind="matchParentHeight: { refreshPubSubId: 'context.popover.resize' }, with: fetchedData, nicescroll">
|
|
|
|
|
|
|
+ <div class="sql-context-flex-fill" data-bind="with: fetchedData, nicescroll">
|
|
|
<div style="margin: 15px;">
|
|
<div style="margin: 15px;">
|
|
|
<a class="pointer" data-bind="text: name, attr: { title: comment }, click: function() { huePubSub.publish('sql.context.popover.scroll.to.column', name); }"></a> (<span data-bind="text: type.indexOf('<') !== -1 ? type.substring(0, type.indexOf('<')) : type, attr: { title: type }"></span>)
|
|
<a class="pointer" data-bind="text: name, attr: { title: comment }, click: function() { huePubSub.publish('sql.context.popover.scroll.to.column', name); }"></a> (<span data-bind="text: type.indexOf('<') !== -1 ? type.substring(0, type.indexOf('<')) : type, attr: { title: type }"></span>)
|
|
|
<!-- ko if: comment -->
|
|
<!-- ko if: comment -->
|
|
@@ -278,7 +288,7 @@ from metadata.conf import has_navigator
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/html" id="sql-context-table-and-column-tags">
|
|
<script type="text/html" id="sql-context-table-and-column-tags">
|
|
|
- <div class="sql-context-flex-fill" data-bind="matchParentHeight: { refreshPubSubId: 'context.popover.resize' }">
|
|
|
|
|
|
|
+ <div class="sql-context-flex-fill">
|
|
|
<div class="sql-context-flex">
|
|
<div class="sql-context-flex">
|
|
|
<div class="sql-context-flex-header">
|
|
<div class="sql-context-flex-header">
|
|
|
<div style="margin: 10px 5px 0 10px;">
|
|
<div style="margin: 10px 5px 0 10px;">
|
|
@@ -293,7 +303,7 @@ from metadata.conf import has_navigator
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/html" id="sql-context-table-and-column-sample">
|
|
<script type="text/html" id="sql-context-table-and-column-sample">
|
|
|
- <div class="sql-context-flex-fill" data-bind="matchParentHeight: { refreshPubSubId: 'context.popover.resize' }, with: fetchedData">
|
|
|
|
|
|
|
+ <div class="sql-context-flex-fill" data-bind="with: fetchedData">
|
|
|
<div class="context-sample sample-scroll" style="text-align: left; padding: 3px; overflow: hidden; height: 100%">
|
|
<div class="context-sample sample-scroll" style="text-align: left; padding: 3px; overflow: hidden; height: 100%">
|
|
|
<!-- ko if: rows.length == 0 -->
|
|
<!-- ko if: rows.length == 0 -->
|
|
|
<div class="alert">${ _('The selected table has no data.') }</div>
|
|
<div class="alert">${ _('The selected table has no data.') }</div>
|
|
@@ -317,7 +327,7 @@ from metadata.conf import has_navigator
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/html" id="sql-context-table-analysis">
|
|
<script type="text/html" id="sql-context-table-analysis">
|
|
|
- <div class="sql-context-flex-fill" data-bind="matchParentHeight: { refreshPubSubId: 'context.popover.resize' }, with: fetchedData, niceScroll">
|
|
|
|
|
|
|
+ <div class="sql-context-flex-fill" data-bind="with: fetchedData, niceScroll">
|
|
|
<!-- ko if: stats.length > 0 -->
|
|
<!-- ko if: stats.length > 0 -->
|
|
|
<table class="table table-striped">
|
|
<table class="table table-striped">
|
|
|
<tbody data-bind="foreach: stats">
|
|
<tbody data-bind="foreach: stats">
|
|
@@ -332,7 +342,7 @@ from metadata.conf import has_navigator
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/html" id="sql-context-column-analysis">
|
|
<script type="text/html" id="sql-context-column-analysis">
|
|
|
- <div class="sql-context-flex-fill" data-bind="matchParentHeight: { refreshPubSubId: 'context.popover.resize' }, with: fetchedData, niceScroll">
|
|
|
|
|
|
|
+ <div class="sql-context-flex-fill" data-bind="with: fetchedData, niceScroll">
|
|
|
<table class="table table-condensed">
|
|
<table class="table table-condensed">
|
|
|
<tbody data-bind="foreach: stats">
|
|
<tbody data-bind="foreach: stats">
|
|
|
<tr>
|
|
<tr>
|
|
@@ -345,7 +355,7 @@ from metadata.conf import has_navigator
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/html" id="sql-context-database-details">
|
|
<script type="text/html" id="sql-context-database-details">
|
|
|
- <div class="sql-context-flex-fill" data-bind="matchParentHeight: { refreshPubSubId: 'context.popover.resize' }">
|
|
|
|
|
|
|
+ <div class="sql-context-flex-fill">
|
|
|
<div class="sql-context-flex">
|
|
<div class="sql-context-flex">
|
|
|
<div class="sql-context-flex-header">
|
|
<div class="sql-context-flex-header">
|
|
|
<div style="margin: 10px 5px 0 10px;">
|
|
<div style="margin: 10px 5px 0 10px;">
|
|
@@ -360,7 +370,7 @@ from metadata.conf import has_navigator
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/html" id="sql-context-function-details">
|
|
<script type="text/html" id="sql-context-function-details">
|
|
|
- <div class="sql-context-flex-fill" data-bind="matchParentHeight: { refreshPubSubId: 'context.popover.resize' }, with: details, niceScroll">
|
|
|
|
|
|
|
+ <div class="sql-context-flex-fill" data-bind="with: details, niceScroll">
|
|
|
<div style="padding: 8px">
|
|
<div style="padding: 8px">
|
|
|
<p style="margin: 10px 10px 18px 10px;"><span style="white-space: pre; font-family: monospace;" data-bind="text: signature"></span></p>
|
|
<p style="margin: 10px 10px 18px 10px;"><span style="white-space: pre; font-family: monospace;" data-bind="text: signature"></span></p>
|
|
|
<p><span data-bind="text: description"></span></p>
|
|
<p><span data-bind="text: description"></span></p>
|
|
@@ -369,7 +379,7 @@ from metadata.conf import has_navigator
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<script type="text/html" id="sql-context-table-partitions">
|
|
<script type="text/html" id="sql-context-table-partitions">
|
|
|
- <div class="sql-context-flex-fill" data-bind="matchParentHeight: { refreshPubSubId: 'context.popover.resize' }, with: fetchedData, niceScroll">
|
|
|
|
|
|
|
+ <div class="sql-context-flex-fill" data-bind="with: fetchedData, niceScroll">
|
|
|
<div style="margin: 10px 5px 0 10px;">
|
|
<div style="margin: 10px 5px 0 10px;">
|
|
|
<span style="font-size: 15px; font-weight: 300;">${_('Columns')}</span>
|
|
<span style="font-size: 15px; font-weight: 300;">${_('Columns')}</span>
|
|
|
</div>
|
|
</div>
|
|
@@ -436,7 +446,7 @@ from metadata.conf import has_navigator
|
|
|
</li>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|
|
|
<div class="sql-context-tab-container" data-bind="foreach: tabs">
|
|
<div class="sql-context-tab-container" data-bind="foreach: tabs">
|
|
|
- <div class="tab-pane" id="sampleTab" data-bind="matchParentHeight: { refreshPubSubId: 'context.popover.resize' }, visible : $parent.activeTab() === id, attr: { id: id }, css: { 'active' : $parent.activeTab() === id }" style="height: 100%; overflow: hidden; display: none;">
|
|
|
|
|
|
|
+ <div class="sql-context-tab-pane tab-pane" id="sampleTab" data-bind="visible : $parent.activeTab() === id, attr: { id: id }, css: { 'active' : $parent.activeTab() === id }">
|
|
|
<div class="sql-context-flex">
|
|
<div class="sql-context-flex">
|
|
|
<!-- ko with: templateData -->
|
|
<!-- ko with: templateData -->
|
|
|
<div class="sql-context-flex-fill" data-bind="visible: loading"><!-- ko hueSpinner: { spin: loading, center: true, size: 'large' } --><!-- /ko --></div>
|
|
<div class="sql-context-flex-fill" data-bind="visible: loading"><!-- ko hueSpinner: { spin: loading, center: true, size: 'large' } --><!-- /ko --></div>
|
|
@@ -843,7 +853,7 @@ from metadata.conf import has_navigator
|
|
|
width: $('.sql-context-popover').width(),
|
|
width: $('.sql-context-popover').width(),
|
|
|
height: $('.sql-context-popover').height()
|
|
height: $('.sql-context-popover').height()
|
|
|
});
|
|
});
|
|
|
- };
|
|
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
self.resizeStart = function (event, ui) {
|
|
self.resizeStart = function (event, ui) {
|
|
|
preventHide = true;
|
|
preventHide = true;
|
|
@@ -929,8 +939,6 @@ from metadata.conf import has_navigator
|
|
|
if (ui.size.width < 260) {
|
|
if (ui.size.width < 260) {
|
|
|
ui.size.width = 260;
|
|
ui.size.width = 260;
|
|
|
$('.sql-context-popover').css('width', 260 + 'px');
|
|
$('.sql-context-popover').css('width', 260 + 'px');
|
|
|
- } else {
|
|
|
|
|
- huePubSub.publish('context.popover.resize')
|
|
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
break;
|
|
break;
|
|
@@ -941,8 +949,6 @@ from metadata.conf import has_navigator
|
|
|
if (ui.size.height < 200) {
|
|
if (ui.size.height < 200) {
|
|
|
ui.size.height = 200;
|
|
ui.size.height = 200;
|
|
|
$('.sql-context-popover').css('height', 200 + 'px');
|
|
$('.sql-context-popover').css('height', 200 + 'px');
|
|
|
- } else {
|
|
|
|
|
- huePubSub.publish('context.popover.resize')
|
|
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
break;
|
|
break;
|