[web.Reader] / Reader / Feed.bjs

{
 "name" : "Feed",
 "parent" : "",
 "title" : "",
 "path" : "/home/alan/gitlive/web.Reader/Reader/Feed.bjs",
 "permname" : "",
 "modOrder" : "",
 "strings" : {
  "8287b137f969bcae66ca51f7abf14308" : "Show Previously Read ",
  "d9cd9f7b44e0493c9604e9f8fb7a6c07" : "Mark All Read",
  "b78a3223503896721cca1303f776159b" : "Title",
  "b7436cc90ecf26f15baeead978f09040" : "name of feed",
  "83ca9a18d9507324a9453c92a7420dd2" : "Report Issue",
  "eae639a70006feff484a39363c977e24" : "Domain",
  "44749712dbec183e983dcd78a7736c41" : "Date"
 },
 "items" : [
  {
   "xtype" : "Body",
   "$ xns" : "Roo.bootstrap",
   "items" : [
    {
     "String tag" : "div",
     "xtype" : "Element",
     "$ xns" : "Roo.bootstrap",
     "String html" : "name of feed",
     "String style" : "font-weight: bold;\nfont-size: 22px;\n \nposition: absolute;\nleft: 100px;\ntop: 10px;\nz-Index: 1000;\ncolor: white;"
    },
    {
     "$ String brand_href" : "baseURL + '/Feeds'",
     "String position" : "fixed-top",
     "xtype" : "NavHeaderbar",
     "Boolean inverse" : true,
     "String brand" : "<i class=\"fa fa-chevron-left\"></i> Feeds",
     "$ xns" : "Roo.bootstrap",
     "items" : [
      {
       "xtype" : "NavGroup",
       "String align" : "right",
       "$ xns" : "Roo.bootstrap",
       "items" : [
        {
         "xtype" : "NavItem",
         "$ xns" : "Roo.bootstrap",
         "String html" : "Mark All Read"
        },
        {
         "xtype" : "NavItem",
         "$ xns" : "Roo.bootstrap",
         "String html" : "Show Previously Read "
        },
        {
         "xtype" : "NavItem",
         "$ xns" : "Roo.bootstrap",
         "String html" : "Report Issue"
        }
       ]
      }
     ]
    },
    {
     "listeners" : {
      "render" : "function (_self)\n{\n    _this.table = this;\n    this.store.load({});\n}",
      "rowclick" : "function (_self, el, rowIndex, e)\n{\n    //var rec = this.store.getAt(rowIndex);\n    Roo.log(rec);\n    _this.articleCtr.load(rowIndex);\n}"
     },
     "boolean striped" : true,
     "boolean hover" : true,
     "boolean responsive" : true,
     "xtype" : "Table",
     "Boolean thead" : false,
     "$ xns" : "Roo.bootstrap",
     "String style" : "margin-top:50px",
     "Boolean RowSelection" : true,
     "items" : [
      {
       "listeners" : {
        "beforeload" : "function (_self, o)\n{\n    o.params = o.params || {};\n    o.params.feed = 83;\n}"
       },
       "xtype" : "Store",
       "boolean remoteSort" : true,
       "$ xns" : "Roo.data",
       "* prop" : "store",
       "items" : [
        {
         "xtype" : "HttpProxy",
         "$ xns" : "Roo.data",
         "String method" : "GET",
         "* prop" : "proxy",
         "$ String url" : "baseURL + '/Api/Reader_read'"
        },
        {
         "$ Array fields" : "[\n        \"id\",\n            \"article_id\",\n            \"has_read\",\n            \"article_id_id\" ,\n            \"article_id_published_dt\" ,\n            \"article_id_headline\" ,\n            \"article_id_body\" ,\n            \"article_id_real_url\" ,\n            'article_id_body_txt'\n        ]\n    ",
         "xtype" : "JsonReader",
         "$ xns" : "Roo.data",
         "* prop" : "reader"
        }
       ]
      },
      {
       "String dataIndex" : "article_id_headline",
       "$ Function renderer" : "function(v,x,r) {\n   \n   return String.format(\n            '<h3>{0}</h3><small>{1}</small><i class=\"rss-list-body\">{2}</i>' + \n                '{3}<i class=\"fa fa-chevron-right\"></i>',\n        r.data.article_id_headline,\n        r.data.article_id_published_dt,\n        r.data.article_id_body_txt,\n        r.data.has_read * 1 ? '<span class=\"badge\">Read</span>' : ''\n    );\n            \n \n }",
       "xtype" : "ColumnModel",
       "$ xns" : "Roo.grid",
       "* prop" : "cm[]"
      }
     ]
    },
    {
     "listeners" : {
      "render" : "function (_self)\n{\n  _this.articleCtr = this;\n}"
     },
     "xtype" : "Element",
     "| function loadArticle" : "function(pos) { \n    \n\n    if (pos < 0) {\n        Roo.MessageBox.alert(\"error\", \"show article got < 0\");\n    }\n        \n    //    Roo.select('.hover-nav').show();\n    _this.table.hide(); // hopefully...\n    this.show();\n    \n    var rec = _this.table.store.getAt(pos);\n    if (typeof(rec.data.rss_body) == 'undefined') {\n\n            \n        new Pman.Request({\n            method: 'GET',\n            mask : 'Fetching Article',\n            url : baseURL + '/FeedBody/' + id,\n            success : function(res) {\n                rec.data.rss_body = res.responseText;\n                _this.article_ctr.showArticle(pos);\n                \n              \n            }\n        });\n        return;\n        \n    }\n\n    abody.update(rec.data.rss_body || \"Body has not been loaded\",false, function() {\n        //Roo.log(\"body loaded\");\n        (function() { \n            var w = Roo.lib.Dom.getViewportWidth();\n\n            // resize the images... \n            Roo.select('img', true).each(function(im) {\n                if (im.getWidth() > w) {\n                    var sf = w/im.getWidth()  \n                    im.setSize(w, im.getHeight() * sf);\n                }\n                \n                    \n            });\n        }).defer(100);\n            \n    });\n    // hide the summary...\n    \n    \n    \n    \n    \n    Roo.get(document.body).unmask();\n    \n    Roo.select('.rss-art-count').first().update((this.pos +1) +'/' + this.articles.elements.length);\n   \n    // flag it as read...\n    \n    Roo.Ajax.request({\n        method: 'GET',\n        url : baseURL + '/FeedBody/' + id,\n        params : { flag_read : 1 }, \n        success : function(res) { },\n        scope : this\n    });\n    \n    Roo.select('.rss-list-article-' +id +\n               ' .count').first().dom.innerHTML =  'Read';\n\n    Roo.select('.rss-list-article-' +id).addClass('rss-list-article-read-status-1');\n    \n    Roo.select('.rss-list-article-' +id +\n               ' .count').show();\n    \n    Roo.select('.rss-list-article-' +id +\n               ' .count').first().dom.innerHTML =  'Read';\n\n    Roo.select('.rss-list-article-' +id +\n               ' .chevron').first().hide();\n    \n   \n        //Roo.select('header h2').first().dom.innerHTML = this.feed_title + ' - ' +\n        //        art.select('.rss-title').first().dom.innerH\n}",
     "$ xns" : "Roo.bootstrap",
     "Boolean hidden" : false,
     "items" : [
      {
       "String tag" : "ol",
       "String cls" : "breadcrumb",
       "xtype" : "Element",
       "$ xns" : "Roo.bootstrap",
       "items" : [
        {
         "listeners" : {
          "render" : "function (_self)\n{\n  _this.articleDate  = this;\n}"
         },
         "String tag" : "li",
         "xtype" : "Element",
         "$ xns" : "Roo.bootstrap",
         "String html" : "Date"
        },
        {
         "listeners" : {
          "render" : "function (_self)\n{\n  _this.articleURL  = this;\n}"
         },
         "String tag" : "li",
         "xtype" : "Element",
         "$ xns" : "Roo.bootstrap",
         "String html" : "Domain"
        },
        {
         "listeners" : {
          "render" : "function (_self)\n{\n_this.articleTitle = this;\n}"
         },
         "String tag" : "li",
         "String cls" : "active",
         "xtype" : "Element",
         "$ xns" : "Roo.bootstrap",
         "String html" : "Title"
        }
       ]
      },
      {
       "listeners" : {
        "render" : "function (_self)\n{\n  _this.articleBody = this;\n}"
       },
       "xtype" : "Container",
       "$ xns" : "Roo.bootstrap"
      }
     ]
    }
   ]
  }
 ]
}