yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-08-25 17:47:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

DSS-5869 Adds schemahistory routes and templates

Browse Source
This commit is contained in:
Seyi Adebajo 2017-02-13 13:41:31 -08:00 committed by Mars Lan
parent ebcf5ef288
commit ce1b6503d8
8 changed files with 229 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
wherehows-web/app/routes/schemahistory.js Normal file
View File

@ -0,0 +1,16 @@
import Ember from 'ember';
import AuthenticatedRouteMixin from 'ember-simple-auth/mixins/authenticated-route-mixin';
export default Ember.Route.extend(AuthenticatedRouteMixin, {
init() {
this._super(...arguments);
Ember.run.scheduleOnce('afterRender', this, 'bindKeyEvent');
},
bindKeyEvent() {
Ember.$('#name').bind('paste keyup', () => {
this.controller.set('schemaName', Ember.$("#name").val());
this.controller.updateSchemas(1, 0);
});
}
});

7
wherehows-web/app/routes/schemahistory/index.js Normal file
View File

@ -0,0 +1,7 @@
import Ember from 'ember';
export default Ember.Route.extend({
redirect() {
this.transitionTo('schemahistory.page', 1);
}
});

9
wherehows-web/app/routes/schemahistory/page.js Normal file
View File

@ -0,0 +1,9 @@
import Ember from 'ember';
export default Ember.Route.extend({
controllerName: 'schemahistory',
setupController(controller, model) {
controller.updateSchemas(model.page, 0);
}
});

7
wherehows-web/app/routes/schemahistory/schema.js Normal file
View File

@ -0,0 +1,7 @@
import Ember from 'ember';
export default Ember.Route.extend({
setupController(controller, model) {
this.controllerFor('schemahistory').schemahistory.updateSchemas(1, model.id);
}
});

99
wherehows-web/app/templates/schemahistory.hbs Normal file
View File

@ -0,0 +1,99 @@
<div class="row">
<div class="col-xs-12">
<form class="form-inline">
<div class="form-group">
<label for="name">Name</label>
<input id="name" type="text" class="form-control" placeholder="Filter by Name"/>
</div>
</form>
</div>
<div id="schemaView" class="container-fluid">
<div class="row-fluid">
<div class="span9">
<div class="search-pagination">
<ul class="pager">
{{#unless first}}
<li class="previous">
{{#link-to 'schemahistory.page' previousPage}}
&larr; Prev
{{/link-to}}
</li>
{{/unless}}
<li>
{{ model.data.count }} scripts - page {{ model.data.page }} of {{ model.data.totalPages }}
</li>
{{#unless last}}
<li class="next">
{{#link-to 'schemahistory.page' nextPage}}
Next &rarr;
{{/link-to}}
</li>
{{/unless}}
</ul>
</div>
<table id="schematable" class="table table-bordered table-hover search-results">
<thead>
<tr class="results-header">
<th class="span3">Dataset Name</th>
<th class="span6">Dataset URN</th>
<th class="span3">Last Modified Date</th>
</tr>
</thead>
<tbody>
{{#each model.data.datasets as |dataset| }}
<tr {{action 'onSelect' dataset model}} class="schema-row">
<td class="dataset-info">
{{dataset.name}}
</td>
<td>{{ dataset.urn }}</td>
<td>{{ dataset.lastModified }}</td>
</tr>
{{/each}}
</tbody>
</table>
</div>
<div class="span9">
{{outlet}}
</div>
</div>
</div>
<div>
<ul id="historytabs" class="nav nav-tabs">
<li id="timelinepage"><a id="timelinetablink" data-toggle="tab" href="#timelinetab">Timeline</a></li>
<li id="diffviewpage"><a id="diffviewtablink" data-toggle="tab" href="#diffviewtab">Schema</a></li>
</ul>
<div class="tab-content">
<div id="timelinetab" class="tab-pane">
<div id="timeline"></div>
</div>
<div id="diffviewtab" class="tab-pane">
<div class="col-xs-10">
<div class="control-group">
<div class="controls">
<div class="row">
<div class="col-xs-1 text-right">
<label>Source</label>
</div>
<div class="col-xs-3">
<select id="leftSchemaSelector" class="col-xs-8 form-control">
<option value="na">-- choose a date --</option>
</select>
</div>
<div class="col-xs-1 text-right">
<label>Target</label>
</div>
<div class="col-xs-3">
<select id="rightSchemaSelector" class="col-xs-8 form-control">
<option value="na">-- choose a date --</option>
</select>
</div>
</div>
</div>
</div>
<div id="schemaContent">
</div>
</div>
</div>
</div>
</div>
</div>

1
wherehows-web/app/templates/schemahistory/index.hbs Normal file
View File

@ -0,0 +1 @@
{{outlet}}

1
wherehows-web/app/templates/schemahistory/page.hbs Normal file
View File

@ -0,0 +1 @@
{{outlet}}

89
wherehows-web/app/templates/schemahistory/schema.hbs Normal file
View File

@ -0,0 +1,89 @@
<div id="schemaView" class="container-fluid">
<div class="row-fluid">
<div class="span9">
<div class="search-pagination">
<ul class="pager">
{{#unless first}}
<li class="previous">
{{#link-to 'schemahistory.page' previousPage}}
&larr; Prev
{{/link-to}}
</li>
{{/unless}}
<li>
{{ model.data.count }} scripts - page {{ model.data.page }} of {{ model.data.totalPages }}
</li>
{{#unless last}}
<li class="next">
{{#link-to 'schemahistory.page' nextPage}}
Next &rarr;
{{/link-to}}
</li>
{{/unless}}
</ul>
</div>
<table id="schematable" class="table table-bordered table-hover search-results">
<thead>
<tr class="results-header">
<th class="span3">Dataset Name</th>
<th class="span6">Dataset URN</th>
<th class="span3">Last Modified Date</th>
</tr>
</thead>
<tbody>
{{#each model.data.datasets as |dataset| }}
<tr {{action 'onSelect' dataset this}} class="schema-row">
<td class="dataset-info">
{{dataset.name}}
</td>
<td>{{ dataset.urn }}</td>
<td>{{ dataset.lastModified }}</td>
</tr>
{{/each}}
</tbody>
</table>
</div>
<div class="span9">
{{outlet}}
</div>
</div>
</div>
<div>
<ul id="historytabs" class="nav nav-tabs">
<li id="timelinepage"><a id="timelinetablink" data-toggle="tab" href="#timelinetab">Timeline</a></li>
<li id="diffviewpage"><a id="diffviewtablink" data-toggle="tab" href="#diffviewtab">Schema</a></li>
</ul>
<div class="tab-content">
<div id="timelinetab" class="tab-pane">
<div id="timeline"></div>
</div>
<div id="diffviewtab" class="tab-pane">
<div class="col-xs-10">
<div class="control-group">
<div class="controls">
<div class="row">
<div class="col-xs-1 text-right">
<label>Source</label>
</div>
<div class="col-xs-3">
<select id="leftSchemaSelector" class="col-xs-8 form-control">
<option value="na">-- choose a date --</option>
</select>
</div>
<div class="col-xs-1 text-right">
<label>Target</label>
</div>
<div class="col-xs-3">
<select id="rightSchemaSelector" class="col-xs-8 form-control">
<option value="na">-- choose a date --</option>
</select>
</div>
</div>
</div>
</div>
<div id="schemaContent">
</div>
</div>
</div>
</div>
</div>