partkeepr

fork of partkeepr
git clone https://git.e1e0.net/partkeepr.git
Log | Files | Refs | Submodules | README | LICENSE

IconRenderer.js (1553B)


      1 Ext.define("PartKeepr.Components.Grid.Renderers.IconRenderer", {
      2     extend: "PartKeepr.Components.Grid.Renderers.AbstractRenderer",
      3 
      4     alias: 'columnRenderer.icon',
      5 
      6     config: {
      7         rendererConfig: {
      8             iconCls: '',
      9             invert: false,
     10             title: ''
     11         }
     12     },
     13 
     14 
     15     renderer: function (value, metaData, record, rowIndex, colIndex, store, view, renderObj)
     16     {
     17         var invert = renderObj.getRendererConfigItem(renderObj, "invert", false),
     18             title = renderObj.getRendererConfigItem(renderObj, "title", ""),
     19             iconCls = renderObj.getRendererConfigItem(renderObj, "iconCls", "web-icon fugue-icon fruit");
     20 
     21         if (value ||invert)
     22         {
     23             return '<span class="' + iconCls + '" title="' + title + '"/>';
     24         }
     25 
     26         return "";
     27     },
     28 
     29     statics: {
     30         rendererName: i18n("Icon Renderer"),
     31         rendererDescription: i18n("Renders an icon"),
     32         rendererConfigs: {
     33             iconCls: {
     34                 type: 'string',
     35                 description: i18n("The icon CSS class to render"),
     36                 title: i18n("CSS Class")
     37 
     38             },
     39             invert: {
     40                 type: 'boolean',
     41                 description: i18n("Render the icon if the column is zero"),
     42                 title: i18n("Invert")
     43             },
     44             title: {
     45                 type: 'string',
     46                 title: i18n("Hover Title"),
     47                 description: i18n("The title to display when the mouse is hovered above the icon")
     48             }
     49         }
     50     }
     51 });