Overview.js (1242B)
1 Ext.define("PartKeepr.Components.Part.Details.Overview", { 2 extend: "Ext.panel.Panel", 3 4 xtype: "PartDetailsOverview", 5 6 tpl: [ 7 '<h1>{name}</h1>', 8 '<h2>{description}</h2>', 9 '<hr/>', 10 '<p><span class="x-fa fa-folder"/> {categoryPath}</p>', 11 '<hr/>', 12 '<table><tr>', 13 '<td><span class="x-fa fa-database"/> Stock Level: {stockLevel}</td>', 14 '<td> <span style="margin-left: 16px;" class="x-fa fa-arrow-circle-down"/> Minimum Stock Level {minStockLevel}</td>', 15 '</tr><tr>', 16 '<td><span class="x-fa fa-archive"/> Storage Location: {storageLocation.name}</td>', 17 '<td> <span style="margin-left: 16px;" class="x-fa fa-info-circle"/> Footprint: {footprint.name}</td>', 18 '</tr><tr>', 19 '<td><span class="x-fa fa-info-circle"/> Status: {status}</td>', 20 '<td><span style="margin-left: 16px;" class="x-fa fa-info-circle"/> Condition: {condition}</td>', 21 '</tr><tr>', 22 '<td colspan="2"><span class="x-fa fa-info-circle"/> Internal Part Number: {internalPartNumber}</td>', 23 '</tr></table>', 24 '<hr/>', 25 '<p>{comment}</p>' 26 27 ], 28 29 setPart: function (part) { 30 this.setData(part.getData(true)); 31 } 32 });