@eform/ng-formio-builder
Version:
The Angular.js form builder component.
51 lines (49 loc) • 2.61 kB
JavaScript
var _cloneDeep = require('lodash/cloneDeep');
var _each = require('lodash/each');
module.exports = function(app) {
app.config([
'formioComponentsProvider',
function(formioComponentsProvider) {
var views = _cloneDeep(formioComponentsProvider.$get().components.textfield.views);
_each(views, function(view) {
if (view.name === 'Display') {
view.template = 'formio/components/time/display.html';
}
});
formioComponentsProvider.register('time', {
icon: 'fa fa-clock-o',
views: views,
documentation: 'http://help.form.io/userguide/#time'
});
}
]);
app.run([
'$templateCache',
function($templateCache) {
$templateCache.put('formio/components/time/display.html',
'<ng-form>' +
'<form-builder-option property="label"></form-builder-option>' +
'<form-builder-option property="hideLabel"></form-builder-option>' +
'<form-builder-option-label-position></form-builder-option-label-position>' +
'<form-builder-option property="placeholder"></form-builder-option>' +
'<form-builder-option property="description"></form-builder-option>' +
'<form-builder-option property="tooltip"></form-builder-option>' +
'<form-builder-option property="errorLabel"></form-builder-option>' +
'<form-builder-option property="format"></form-builder-option>' +
'<form-builder-option property="customClass"></form-builder-option>' +
'<form-builder-option property="tabindex"></form-builder-option>' +
'<form-builder-option property="multiple"></form-builder-option>' +
'<form-builder-option property="clearOnHide"></form-builder-option>' +
'<form-builder-option property="protected"></form-builder-option>' +
'<form-builder-option property="persistent"></form-builder-option>' +
'<form-builder-option property="encrypted" class="form-builder-premium"></form-builder-option>' +
'<form-builder-option property="autofocus" type="checkbox" label="Initial Focus" tooltip="Make this field the initially focused element on this form."></form-builder-option>' +
'<form-builder-option property="hidden"></form-builder-option>' +
'<form-builder-option property="disabled"></form-builder-option>' +
'<form-builder-option property="dataGridLabel"></form-builder-option>' +
'<form-builder-option property="tableView"></form-builder-option>' +
'</ng-form>'
);
}
]);
};