Make query results full width.

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

View File

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

View File

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