examples/key-feed-viewer/viewer/FeedInfo.js

   1 /**
   2  * @class FeedViewer.FeedInfo
   3  * @extends Ext.tab.Panel
   4  *
   5  * A container class for showing a series of feed details
   6  *
   7  * @constructor
   8  * Create a new Feed Info
   9  * @param {Object} config The config object
  10  */
  11 Ext.define('FeedViewer.FeedInfo', {
  12
  13     extend: 'Ext.tab.Panel',
  14     alias: 'widget.feedinfo',
  15
  16     maxTabWidth: 230,
  17     border: false,
  18
  19     initComponent: function() {
  20         this.tabBar = {
  21             border: true
  22         };
  23
  24         this.callParent();
  25     },
  26
  27     /**
  28      * Add a new feed
  29      * @param {String} title The title of the feed
  30      * @param {String} url The url of the feed
  31      */
  32     addFeed: function(title, url){
  33         var active = this.items.first();
  34         if (!active) {
  35             active = this.add({
  36                 xtype: 'feeddetail',
  37                 title: title,
  38                 url: url,
  39                 closable: false,
  40                 listeners: {
  41                     scope: this,
  42                     opentab: this.onTabOpen,
  43                     openall: this.onOpenAll,
  44                     rowdblclick: this.onRowDblClick
  45                 }
  46             });
  47         } else {
  48             active.loadFeed(url);
  49             active.tab.setText(title);
  50         }
  51         this.setActiveTab(active);
  52     },
  53
  54     /**
  55      * Listens for a new tab request
  56      * @private
  57      * @param {FeedViewer.FeedPost} The post
  58      * @param {Ext.data.Model} model The model
  59      */
  60     onTabOpen: function(post, rec){
  61         var item = this.add({
  62             inTab: true,
  63             xtype: 'feedpost',
  64             title: rec.get('title'),
  65             closable: true,
  66             data: rec.data,
  67             active: rec
  68         });
  69         item.tab.setClosable(true);
  70         this.setActiveTab(item);
  71     },
  72
  73     /**
  74      * Listens for a row dblclick
  75      * @private
  76      * @param {FeedViewer.Detail} detail The detail
  77      * @param {Ext.data.Model} model The model
  78      */
  79     onRowDblClick: function(info, rec){
  80         this.onTabOpen(null, rec);
  81     },
  82
  83     /**
  84      * Listens for the open all click
  85      * @private
  86      * @param {FeedViewer.FeedDetail}
  87      */
  88     onOpenAll: function(detail){
  89         var items = detail.getFeedData();
  90         Ext.each(items, function(rec){
  91             this.onTabOpen(null, rec);
  92         }, this);
  93     }
  94 });