All files / web/bundles/pimui/js/form/common/fields date.js

80% Statements 12/15
100% Branches 0/0
83.33% Functions 5/6
80% Lines 12/15

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85              3x                                   3x                             28x           28x                   28x                   2x 2x 2x 2x               2x 2x   2x        
/**
 * @author    Yohan Blain <yohan.blain@akeneo.com>
 * @copyright 2017 Akeneo SAS (http://www.akeneo.com)
 * @license   http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 */
'use strict';
 
define([
    'jquery',
    'underscore',
    'pim/form/common/fields/field',
    'datepicker',
    'pim/formatter/date',
    'pim/date-context',
    'pim/template/form/common/fields/date'
],
function (
    $,
    _,
    BaseField,
    Datepicker,
    DateFormatter,
    DateContext,
    template
) {
    return BaseField.extend({
        events: {
            'change input': function (event) {
                this.errors = [];
                this.updateModel(this.getFieldValue(event.target));
                this.getRoot().render();
            }
        },
        template: _.template(template),
        modelDateFormat: 'yyyy-MM-dd',
 
        /**
         * {@inheritdoc}
         */
        renderInput: function (templateContext) {
            var value = DateFormatter.format(
                this.getModelValue(),
                this.modelDateFormat,
                DateContext.get('date').format
            );
 
            return this.template(_.extend(templateContext, {
                value,
                readOnly: this.readOnly,
            }));
        },
 
        /**
         * {@inheritdoc}
         */
        postRender: function () {
            Datepicker
                .init(
                    this.$('.date-wrapper'),
                    {
                        format: DateContext.get('date').format,
                        defaultFormat: DateContext.get('date').defaultFormat,
                        language: DateContext.get('language')
                    }
                )
                .on('changeDate', function () {
                    this.errors = [];
                    this.updateModel(this.getFieldValue(this.$('input')[0]));
                    this.$('.date-wrapper').datetimepicker('destroy');
                    this.getRoot().render();
                }.bind(this));
        },
 
        /**
         * {@inheritdoc}
         */
        getFieldValue: function (field) {
            var dateFormat = DateContext.get('date').format;
            var value = $(field).val();
 
            return DateFormatter.format(value, dateFormat, this.modelDateFormat);
        }
    });
});