text: $(function() {
      let options = {
          float: true,
          width: 4,
          height: 5,
          animate: true,
          alwaysShowResizeHandle: true,
          disableResize: true,
          cellHeight: 110,
          verticalMargin: 18,
          horizontalMargin: 9,
          placeholderClass: 'grid-stack-placeholder',
          acceptWidgets: '.grid-stack-item'
      };
      $(document.querySelector('.grid-stack')).gridstack(_.defaults(options));
      $(document.querySelector('.grid-stack')).each(function() {
          let grid = $(this).data('gridstack');
          let items = [{x: 3, y: 5, width: 1, height: 1},
                       {x: 3, y: 4, width: 1, height: 1},
                       {x: 0, y: 4, width: 3, height: 2},
                       {x: 0, y: 0, width: 4, height: 4}];
  
          grid.addWidget($('<div class="grid-stack-item" data-gs-no-move="yes">' +
                              '<div class="grid-stack-item-content">' +
                                  '<stock-panel company="sap"></stock-panel>' +
                              '</div>' +
                           '<div/>'), items[0].x, items[0].y, items[0].width, items[0].height);
  
          grid.addWidget($('<div class="grid-stack-item" data-gs-no-move="yes">' +
                              '<div class="grid-stack-item-content">' +
                                  '<time-clock></time-clock>' +
                              '</div>' +
                           '<div/>'), items[1].x, items[1].y, items[1].width, items[1].height);
  
          grid.addWidget($('<div class="grid-stack-item" data-gs-no-move="yes">' +
                              '<div class="grid-stack-item-content">' +
                                  '<todo-list></todo-list>' +
                              '</div>' +
                           '<div/>'), items[2].x, items[2].y, items[2].width, items[2].height);
  
          grid.addWidget($('<div class="grid-stack-item" data-gs-no-move="yes">' +
                              '<div class="grid-stack-item-content">' +
                                  '<finance-display></finance-display>' +
                              '</div>' +
                            '<div/>'), items[3].x, items[3].y, items[3].width, items[3].height);
      });
  });