I've been exploring ng-admin.
After referring to the documentation, I decided to create a custom field.
However, even though ng-admin recognizes the FooFieldType, it is not rendering the FoofieldView and instead using the original FieldView!
Configuration Module:
angular.module('admin', ['ng-admin']);
import FooField from './FooFieldType';
angular.module('admin')
.config(['NgAdminConfigurationProvider', function (nga) {
nga.registerFieldType('foo', FooField);
}])
.config(['FieldViewConfigurationProvider', function (fvp) {
fvp.registerFieldView('foo', require('./FooFieldView'));
}])
;
angular.module('admin').config(['NgAdminConfigurationProvider', function (nga) {
var bar = nga.entity('bar');
bar.creationView().fields([nga.field('foo','foo')]);
});
FooField.js:
import Field from 'admin-config/lib/Field/Field';
class FooField extends Field {
constructor(name) {
super(name);
}
}
export default FooField;
FooFieldView.js:
export default {
// displayed in listView and showView
getReadWidget : () => '<ma-number-column field="::field" value="::entry.values[field.name()]"></ma-number-column>',
// displayed in listView and showView when isDetailLink is true
getLinkWidget : () => '<a ng-click="gotoDetail()">' + module.exports.getReadWidget() + '</a>',
// displayed in the filter form in the listView
getFilterWidget : () => '<ma-input-field type="number" field="::field" value="values[field.name()]"></ma-input-field>',
// displayed in editionView and creationView
getWriteWidget : () => '<h1>testFoo</h1><ma-input-field type="number" field="::field" value="entry.values[field.name()]"></ma-input-field>'
};