Ext.define('TradePortal.view.drilldown.FirstView', {
		extend: 'Ext.view.View',
		alias: 'widget.drilldownfirstview',
		store: 'DrillDownInfo',
		loadMask: false,
		width: 250,

		tpl: new Ext.XTemplate(
			'<tpl for=".">',
				'<div class="address">',
				'<div class="smalllogo"></div>',
					'<span class="drilldown_view">{transactionType} No</span>: <span class="drilldown_view2">{transactionNumber} <tpl if="transactionSuffix != 0"> / {transactionSuffix}</tpl></span><br/>',
		    	'<span class="drilldown_view">Invoice Date</span>: <span class="drilldown_view2">{invoiceDate:date("d-m-Y")}</span><br/>',
		    	'<span class="drilldown_view">Delivery Date</span>: <span class="drilldown_view2">{deliveryDate:date("d-m-Y")}</span>',
				'</div>',
			'</tpl>'
		),

		itemSelector: 'div.thumb',
		emptyText: 'No info available',

		initComponent: function() {
			this.callParent(arguments);
		}

	});