ecb46bebb6d52f5cb363842e9747da5eccc3bc8d
[web.Reader] / Reader / Feed.js
1 //<script type="text/javascript">
2
3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
4
5 Feed = new Roo.XComponent({
6
7  _strings : {
8   '2efe14eb257ad32579ef6080d295c3af' :"<i class=\"fa fa-chevron-left\"></i> Name of feed",
9   '40c829f4b6cdd8753135704af571192f' :"articleURL",
10   '8287b137f969bcae66ca51f7abf14308' :"Show Previously Read ",
11   'd9cd9f7b44e0493c9604e9f8fb7a6c07' :"Mark All Read",
12   'b78a3223503896721cca1303f776159b' :"Title",
13   'b7436cc90ecf26f15baeead978f09040' :"name of feed",
14   '83ca9a18d9507324a9453c92a7420dd2' :"Report Issue",
15   '44749712dbec183e983dcd78a7736c41' :"Date"
16  },
17
18   part     :  ["Reader", "Feed" ],
19   order    : '-Feed',
20   region   : 'center',
21   parent   : false,
22   name     : "unnamed module",
23   disabled : false, 
24   permname : '', 
25   _tree : function()
26   {
27    var _this = this;
28    var MODULE = this;
29    return {
30    xns : Roo.bootstrap,
31    '|xns' : 'Roo.bootstrap',
32    xtype : 'Body',
33    items  : [
34     {
35      html : _this._strings['b7436cc90ecf26f15baeead978f09040'] /* name of feed */,
36      preventDefault : true,
37      style : 'font-weight: bold;\nfont-size: 22px;\n \nposition: static;\nleft: 100px;\ntop: 10px;\nz-Index: 2000;\ncolor: white;',
38      tag : 'div',
39      xns : Roo.bootstrap,
40      '|xns' : 'Roo.bootstrap',
41      xtype : 'Link',
42      listeners : {
43       click : function (_self, e)
44        {
45           if (_this.table.el.hasClass('hidden')) { 
46                _this.table.show(); // hopefully...
47                _this.articleCtr.show();
48            }
49        }
50      }
51     },
52     {
53      inverse : true,
54      position : 'fixed-top',
55      xns : Roo.bootstrap,
56      '|xns' : 'Roo.bootstrap',
57      xtype : 'NavHeaderbar',
58      items  : [
59       {
60        align : 'right',
61        xns : Roo.bootstrap,
62        '|xns' : 'Roo.bootstrap',
63        xtype : 'NavGroup',
64        items  : [
65         {
66          html : _this._strings['d9cd9f7b44e0493c9604e9f8fb7a6c07'] /* Mark All Read */,
67          xns : Roo.bootstrap,
68          '|xns' : 'Roo.bootstrap',
69          xtype : 'NavItem'
70         },
71         {
72          html : _this._strings['8287b137f969bcae66ca51f7abf14308'] /* Show Previously Read  */,
73          xns : Roo.bootstrap,
74          '|xns' : 'Roo.bootstrap',
75          xtype : 'NavItem'
76         },
77         {
78          html : _this._strings['83ca9a18d9507324a9453c92a7420dd2'] /* Report Issue */,
79          xns : Roo.bootstrap,
80          '|xns' : 'Roo.bootstrap',
81          xtype : 'NavItem'
82         }
83        ]
84       },
85       {
86        href : '#',
87        html : _this._strings['2efe14eb257ad32579ef6080d295c3af'] /* <i class="fa fa-chevron-left"></i> Name of feed */,
88        preventDefault : true,
89        xns : Roo.bootstrap,
90        '|xns' : 'Roo.bootstrap',
91        xtype : 'Link',
92        listeners : {
93         click : function (_self, e)
94          {
95             if (_this.table.el.hasClass('hidden')) { 
96                  _this.table.show(); // hopefully...
97                  _this.articleCtr.show();
98              }
99          }
100        }
101       }
102      ]
103     },
104     {
105      hover : true,
106      id : 'table',
107      responsive : true,
108      RowSelection : true,
109      striped : true,
110      style : 'margin-top:50px',
111      thead : false,
112      xns : Roo.bootstrap,
113      '|xns' : 'Roo.bootstrap',
114      xtype : 'Table',
115      listeners : {
116       render : function (_self)
117        {
118            _this.table = this;
119            this.store.load({});
120        },
121       rowclick : function (_self, el, rowIndex, e)
122        {
123            //var rec = this.store.getAt(rowIndex);
124           
125            _this.articleCtr.load(rowIndex);
126        }
127      },
128      store : {
129       remoteSort : true,
130       xns : Roo.data,
131       '|xns' : 'Roo.data',
132       xtype : 'Store',
133       listeners : {
134        beforeload : function (_self, o)
135         {
136             o.params = o.params || {};
137             o.params.feed = 83;
138         }
139       },
140       proxy : {
141        method : 'GET',
142        url : baseURL + '/Api/Reader_read',
143        xns : Roo.data,
144        '|xns' : 'Roo.data',
145        xtype : 'HttpProxy'
146       },
147       reader : {
148        fields : [
149                "id",
150                    "article_id",
151                    "has_read",
152                    "article_id_id" ,
153                    "article_id_published_dt" ,
154                    "article_id_headline" ,
155                    "article_id_body" ,
156                    "article_id_real_url" ,
157                    'article_id_body_txt'
158                ],
159        xns : Roo.data,
160        '|xns' : 'Roo.data',
161        xtype : 'JsonReader'
162       }
163      },
164      cm : [
165       {
166        dataIndex : 'article_id_headline',
167        renderer : function(v,x,r) {
168           
169           return String.format(
170                    '<h3>{0}</h3><small>{1}</small><i class="rss-list-body">{2}</i>' + 
171                        '{3}<i class="fa fa-chevron-right"></i>',
172                r.data.article_id_headline,
173                r.data.article_id_published_dt,
174                r.data.article_id_body_txt,
175                r.data.has_read * 1 ? '<span class="badge">Read</span>' : ''
176            );
177                    
178         
179         },
180        xns : Roo.grid,
181        '|xns' : 'Roo.grid',
182        xtype : 'ColumnModel'
183       }
184      ]
185     },
186     {
187      hidden : false,
188      id : 'articleCtr',
189      load : function(pos) { 
190          
191      
192          if (pos < 0) {
193              Roo.MessageBox.alert("error", "show article got < 0");
194          }
195              
196          //    Roo.select('.hover-nav').show();
197          _this.table.hide(); // hopefully...
198          this.show();
199          
200          var rec = _this.table.store.getAt(pos);
201          if (typeof(rec.data.rss_body) == 'undefined') {
202      
203                  
204              new Pman.Request({
205                  method: 'GET',
206                  mask : 'Fetching Article',
207                  params : {as_json : 1} ,
208                  url : baseURL + '/FeedBody/' + rec.data.id,
209                  success : function(res) {
210                      Roo.log(res);
211                      rec.data.rss_body = res.data;
212                      _this.articleCtr.load(pos);
213                      
214                    
215                  }
216              });
217              return;
218              
219          }
220          
221          _this.articleDate.el.update(rec.data.article_id_published_dt.split(' ')[0]);
222      
223          _this.articleURL.el.update(String.format('<a href="{0}">{1}</a>',
224                  rec.data.article_id_real_url,
225                  rec.data.article_id_real_url.split('/')[2] // hopefull will not break.!
226           ));
227           _this.articleTitle.el.update(String.format('{0}', rec.data.article_id_headline));
228          
229          _this.articleBody.el.update(rec.data.rss_body || "Body has not been loaded",false, function() {
230              //Roo.log("body loaded");
231              (function() { 
232                  var w = Roo.lib.Dom.getViewportWidth();
233      
234                  // resize the images... 
235                  _this.articleBody.el.select('img', true).each(function(im) {
236                      if (im.getWidth() > w) {
237                          var sf = w/im.getWidth()  
238                          im.setSize(w, im.getHeight() * sf);
239                      }
240                      
241                          
242                  });
243              }).defer(100);
244                  
245          });
246          // hide the summary...
247          
248          
249          
250          
251          
252          //Roo.get(document.body).unmask();
253          
254          //Roo.select('.rss-art-count').first().update((this.pos +1) +'/' + this.articles.elements.length);
255         
256          // flag it as read...
257          
258          new Pman.Request({
259              method: 'GET',
260              url : baseURL + '/FeedBody/' + rec.data.id,
261              params : { flag_read : 1 }, 
262              success : function(res) { }
263          });
264          rec.set('has_read', 1);
265              
266          //Roo.select('.rss-list-article-' +id +
267          //           ' .count').show();
268          
269          //Roo.select('.rss-list-article-' +id +
270          //           ' .count').first().dom.innerHTML =  'Read';
271      
272          //Roo.select('.rss-list-article-' +id +
273          //           ' .chevron').first().hide();
274          
275         
276              //Roo.select('header h2').first().dom.innerHTML = this.feed_title + ' - ' +
277              //        art.select('.rss-title').first().dom.innerH
278      },
279      xns : Roo.bootstrap,
280      '|xns' : 'Roo.bootstrap',
281      xtype : 'Element',
282      listeners : {
283       render : function (_self)
284        {
285          _this.articleCtr = this;
286        }
287      },
288      items  : [
289       {
290        cls : 'breadcrumb',
291        style : 'margin-top:50px;',
292        tag : 'ol',
293        xns : Roo.bootstrap,
294        '|xns' : 'Roo.bootstrap',
295        xtype : 'Element',
296        items  : [
297         {
298          html : _this._strings['44749712dbec183e983dcd78a7736c41'] /* Date */,
299          tag : 'li',
300          xns : Roo.bootstrap,
301          '|xns' : 'Roo.bootstrap',
302          xtype : 'Element',
303          listeners : {
304           render : function (_self)
305            {
306              _this.articleDate  = this;
307            }
308          }
309         },
310         {
311          html : _this._strings['40c829f4b6cdd8753135704af571192f'] /* articleURL */,
312          tag : 'li',
313          xns : Roo.bootstrap,
314          '|xns' : 'Roo.bootstrap',
315          xtype : 'Element',
316          listeners : {
317           render : function (_self)
318            {
319              _this.articleURL  = this;
320            }
321          }
322         },
323         {
324          cls : 'active',
325          html : _this._strings['b78a3223503896721cca1303f776159b'] /* Title */,
326          tag : 'li',
327          xns : Roo.bootstrap,
328          '|xns' : 'Roo.bootstrap',
329          xtype : 'Element',
330          listeners : {
331           render : function (_self)
332            {
333            _this.articleTitle = this;
334            }
335          }
336         }
337        ]
338       },
339       {
340        xns : Roo.bootstrap,
341        '|xns' : 'Roo.bootstrap',
342        xtype : 'Container',
343        listeners : {
344         render : function (_self)
345          {
346            _this.articleBody = this;
347          }
348        }
349       }
350      ]
351     }
352    ]
353   };  }
354 });