valitydev/redash
14
0
Fork 0
mirror of https://github.com/valitydev/redash.git synced 2024-11-07 09:28:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Make query results full width.

Browse Source
This commit is contained in:
Andrea Leesley 2016-03-10 12:58:55 -06:00 committed by Alex DeBrie
parent c096a133c5
commit a9fbb1ccb2
2 changed files with 100 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
rd_ui/app/styles/redash.css
View File

@ -602,6 +602,12 @@ div.table-name:hover {
/* Bootstrap Overrides */ /* Bootstrap Overrides */
.flex-parent {
display: flex;
flex-direction: column;
justify-content: center;
}
.collapsing, .collapsing,
.collapse.in { .collapse.in {
background: #f4f4f4; background: #f4f4f4;

24
rd_ui/app/views/query.html
View File

@ -15,7 +15,7 @@
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="row"> <div class="row">
<div class="col-lg-10"> <div class="col-lg-9">
<h2> <h2>
<edit-in-place editable="isQueryOwner" done="saveName" ignore-blanks='true' value="query.name"></edit-in-place> <edit-in-place editable="isQueryOwner" done="saveName" ignore-blanks='true' value="query.name"></edit-in-place>
</h2> </h2>
@ -32,7 +32,7 @@
</em> </em>
</p> </p>
</div> </div>
<div class="col-lg-2"> <div class="col-lg-3">
<div class="pull-right"> <div class="pull-right">
<query-source-link></query-source-link> <query-source-link></query-source-link>
</div> </div>
@ -99,6 +99,8 @@
</div> </div>
</div> </div>
<hr ng-if="sourceMode"> <hr ng-if="sourceMode">
<div class="row">
<div class="col-lg-12">
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">
<p> <p>
@ -111,12 +113,12 @@
<span class="text-muted">Last Modified By </span> <span class="text-muted">Last Modified By </span>
<strong>{{query.last_modified_by.name}}</strong> <strong>{{query.last_modified_by.name}}</strong>
</p> </p>
</div>
<div class="col-lg-3">
<p> <p>
<span class="glyphicon glyphicon-time"></span> <span class="glyphicon glyphicon-time"></span>
<span class="text-muted">Last update </span> <span class="text-muted">Last update </span>
<strong> <strong><rd-time-ago value="queryResult.query_result.retrieved_at"></rd-time-ago></strong>
<rd-time-ago value="queryResult.query_result.retrieved_at"></rd-time-ago>
</strong>
</p> </p>
<p> <p>
<span class="glyphicon glyphicon-play"></span> <span class="glyphicon glyphicon-play"></span>
@ -124,6 +126,8 @@
<strong ng-show="!queryExecuting">{{queryResult.getRuntime() | durationHumanize}}</strong> <strong ng-show="!queryExecuting">{{queryResult.getRuntime() | durationHumanize}}</strong>
<span ng-show="queryExecuting">Running&hellip;</span> <span ng-show="queryExecuting">Running&hellip;</span>
</p> </p>
</div>
<div class="col-lg-3">
<p> <p>
<span class="glyphicon glyphicon-align-justify"></span> <span class="glyphicon glyphicon-align-justify"></span>
<span class="text-muted">Rows </span><strong>{{queryResult.getData().length}}</strong> <span class="text-muted">Rows </span><strong>{{queryResult.getData().length}}</strong>
@ -133,12 +137,13 @@
<span class="text-muted">Refresh Schedule</span> <span class="text-muted">Refresh Schedule</span>
<a ng-click="openScheduleForm()">{{query.schedule | scheduleHumanize}}</a> <a ng-click="openScheduleForm()">{{query.schedule | scheduleHumanize}}</a>
</p> </p>
</div>
<div class="col-lg-3">
<p> <p>
<i class="fa fa-database"></i> <i class="fa fa-database"></i>
<span class="text-muted">Data Source</span> <span class="text-muted">Data Source</span>
<select ng-disabled="!isQueryOwner" ng-model="query.data_source_id" ng-change="updateDataSource()" ng-options="ds.id as ds.name for ds in dataSources"></select> <select ng-disabled="!isQueryOwner" ng-model="query.data_source_id" ng-change="updateDataSource()" ng-options="ds.id as ds.name for ds in dataSources"></select>
</p> </p>
<hr>
<p> <p>
<p> <p>
<div class="btn-group" dropdown> <div class="btn-group" dropdown>
@ -184,7 +189,12 @@
</div> </div>
</p> </p>
</div> </div>
<div class="col-lg-9"> </div>
</div>
</div>
<hr>
<div class="row">
<div class="col-lg-12">
<!-- alerts --> <!-- alerts -->
<div class="alert alert-info" ng-show="queryResult.getStatus() == 'processing'"> <div class="alert alert-info" ng-show="queryResult.getStatus() == 'processing'">
Executing query&hellip; Executing query&hellip;