odoo.define('funenc.view_plan_by_time_line', function (require) {

    "use strict";

​

    var core = require('web.core');

    var ListController = require('web.ListController');

    var AbstractAction = require('web.AbstractAction');

    var ControlPanelMixin = require('web.ControlPanelMixin');

    var sub_list_widget = require('funenc.sub_list_widget');

    var qweb = core.qweb;

​

    var view_plan_by_time_line = AbstractAction.extend(ControlPanelMixin, {

        year: undefined,

        items: [],

        groups: [],

        time_line: [],

        template: 'funenc.view_plan_by_time_line',

​

        jsLibs: ['/metro_park_maintenance/static/lib/vis/vis-timeline-graph2d.min.js'],

        cssLibs: ['/metro_park_maintenance/static/lib/vis/vis-timeline-graph2d.min.css'],

​

        init: function (parent, action) {

            this._super.apply(this, arguments)

            this.year = action.context.year || action.params.year

        },

​

        /**

         * 

         */

        on_attach_callback: function () {

            // Configuration for the Timeline

            var options = {

                start: this.start_date,

                end: this.end_date,

                height: "600px"

            };

​

            // Create a Timeline

            this.time_line = new vis.Timeline(this.$(".time_line")[0]);

​

            // 不加timeout会有问题

            this.time_line.setOptions(options);

            this.time_line.setGroups(self.groups);

            this.time_line.setItems(self.items);

        },

function _notify(content, callbacks) {

    _.each(callbacks, function (c) {

        if (c.widget && c.widget.on_attach_callback) {

            c.widget.on_attach_callback(c.callback_args);

        }

    });

    core.bus.trigger('DOM_updated', content);

}

​

var dom = {

    DEBOUNCE: 400,

​

    /**

     * Appends content in a jQuery object and optionnally triggers an event

     *

     * @param {jQuery} [$target] the node where content will be appended

     * @param {htmlString or Element or Array or jQuery} [content] DOM element,

     *   array of elements, HTML string or jQuery object to append to $target

     * @param {Boolean} [options.in_DOM] true if $target is in the DOM

     * @param {Array} [options.callbacks] array of objects describing the

     *   callbacks to perform (see _notify for a complete description)

     */

    append: function ($target, content, options) {

        $target.append(content);

        if (options && options.in_DOM) {

            _notify(content, options.callbacks);

        }

    },