thermokarst/hymenobacterdotinfo
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor characteristics/show

Browse source
This commit is contained in:
Matthew Dillon 2015-11-05 13:46:29 -07:00
parent 9715aac1f5
commit 31c4ff4d52
6 changed files with 95 additions and 72 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/pods/protected/characteristics/show/characteristic-card/component.js Normal file
View file

@ -0,0 +1,14 @@
import Ember from 'ember';
const { Component } = Ember;
export default Component.extend({
characteristic: null,
"on-delete": null,
actions: {
deleteCharacteristic: function() {
return this.attrs['on-delete']();
},
},
});

55
app/pods/protected/characteristics/show/characteristic-card/template.hbs Normal file
View file

@ -0,0 +1,55 @@
<div class="grid-1">
<div class="span-1">
<fieldset class="flakes-information-box">
<legend>
{{characteristic.characteristicName}}
</legend>
{{! ROW 1 }}
<div class="grid-2 gutter-20">
<dl class="span-1">
<dt>Characteristic Type</dt>
<dd>
{{characteristic.characteristicTypeName}}
</dd>
</dl>
<dl class="span-1">
<dt>Sort Order</dt>
<dd>
{{characteristic.sortOrder}}
</dd>
</dl>
</div>
{{! ROW 2 }}
<div class="grid-2 gutter-20">
<dl class="span-2">
<dt>Measurements</dt>
<dd>
<p>To add/edit/remove a measurement, please visit the strain's page (links below)</p>
{{protected/characteristics/show/measurements-table characteristic=characteristic}}
</dd>
</dl>
</div>
{{! ROW 3 }}
<div class="grid-2 gutter-20">
<dl class="span-1">
<dt>Record Created</dt>
<dd>{{null-time characteristic.createdAt 'LL'}}</dd>
</dl>
<dl class="span-1">
<dt>Record Updated</dt>
<dd>{{null-time characteristic.updatedAt 'LL'}}</dd>
</dl>
</div>
</fieldset>
</div>
</div>
{{#if characteristic.canEdit}}
<br>
{{#link-to 'protected.characteristics.edit' characteristic.id class="button-gray smaller"}}
Edit
{{/link-to}}
{{delete-button delete=(action 'deleteCharacteristic')}}
{{/if}}

13
app/pods/protected/characteristics/show/controller.js
View file

@ -1,12 +1,9 @@
import Ember from 'ember'; import Ember from 'ember';
import DeleteModel from '../../../../mixins/delete-model';
export default Ember.Controller.extend({ const { Controller } = Ember;
actions: {
delete: function() {
this.get('model').destroyRecord().then(() => {
this.transitionToRoute('protected.characteristics.index');
});
},
},
export default Controller.extend(DeleteModel, {
// Required for DeleteModel mixin
transitionRoute: 'protected.characteristics.index',
}); });

19
app/pods/protected/characteristics/show/measurements-table/component.js
View file

@ -1,19 +1,24 @@
import Ember from 'ember'; import Ember from 'ember';
export default Ember.Component.extend({ const { Component, computed } = Ember;
measurementsPresent: function() { const { sort } = computed;
return this.get('model.measurements.length') > 0;
}.property('model.measurements'), export default Component.extend({
characteristic: null,
measurementsPresent: computed('characteristic', function() {
return this.get('characteristic.measurements.length') > 0;
}),
sortParams: ['characteristic.characteristicTypeName', 'characteristic.sortOrder', 'characteristic.characteristicName'], sortParams: ['characteristic.characteristicTypeName', 'characteristic.sortOrder', 'characteristic.characteristicName'],
sortAsc: true, sortAsc: true,
paramsChanged: false, paramsChanged: false,
sortedMeasurements: Ember.computed.sort('model.measurements', 'sortParams'), sortedMeasurements: sort('characteristic.measurements', 'sortParams'),
actions: { actions: {
changeSortParam: function(col) { changeSortParam: function(col) {
let sort = this.get('sortAsc') ? 'asc' : 'desc'; const sort = this.get('sortAsc') ? 'asc' : 'desc';
let sortCol = `${col}:${sort}`; const sortCol = `${col}:${sort}`;
this.set('sortParams', [sortCol]); this.set('sortParams', [sortCol]);
this.set('paramsChanged', true); this.set('paramsChanged', true);
this.toggleProperty('sortAsc'); this.toggleProperty('sortAsc');

6
app/pods/protected/characteristics/show/route.js
View file

@ -1,8 +1,10 @@
import Ember from 'ember'; import Ember from 'ember';
export default Ember.Route.extend({ const { Route } = Ember;
export default Route.extend({
model: function(params) { model: function(params) {
return this.store.findRecord('characteristic', params.characteristic_id, { reload: true }); return this.store.findRecord('characteristic', params.characteristic_id);
}, },
}); });

60
app/pods/protected/characteristics/show/template.hbs
View file

@ -1,55 +1,5 @@
<div class="grid-1"> {{
<div class="span-1"> protected/characteristics/show/characteristic-card
<fieldset class="flakes-information-box"> characteristic=model
<legend> on-delete=(action 'delete')
{{model.characteristicName}} }}
</legend>
{{! ROW 1 }}
<div class="grid-2 gutter-20">
<dl class="span-1">
<dt>Characteristic Type</dt>
<dd>
{{model.characteristicTypeName}}
</dd>
</dl>
<dl class="span-1">
<dt>Sort Order</dt>
<dd>
{{model.sortOrder}}
</dd>
</dl>
</div>
{{! ROW 2 }}
<div class="grid-2 gutter-20">
<dl class="span-2">
<dt>Measurements</dt>
<dd>
<p>To add/edit/remove a measurement, please visit the strain's page (links below)</p>
{{protected/characteristics/show/measurements-table model=model}}
</dd>
</dl>
</div>
{{! ROW 3 }}
<div class="grid-2 gutter-20">
<dl class="span-1">
<dt>Record Created</dt>
<dd>{{null-time model.createdAt 'LL'}}</dd>
</dl>
<dl class="span-1">
<dt>Record Updated</dt>
<dd>{{null-time model.updatedAt 'LL'}}</dd>
</dl>
</div>
</fieldset>
</div>
</div>
{{#if model.canEdit}}
<br>
{{#link-to 'protected.characteristics.edit' model.id class="button-gray smaller"}}
Edit
{{/link-to}}
{{delete-button delete=(action 'delete')}}
{{/if}}