// Renderer file for Oilfield Demo

bg = Color(70,130,180);  // background color
keyC = Color(255,190,40);
detailC = Color(255,252,250);

Pass({
    content:
	
	// Position set for the List renderer is inherited by its descendants

	List({
	    position: '@position',
	    content: [

		Image({
		    image: 'oilfield/rig.png',
		    alignment: Alignment.SOUTH_EAST,
		}),

		Text({
		    text: '@key',
		    offset: Point(0, -50),
		    alignment: Alignment.WEST,
		    font: Font('Dialog', FontStyle.BOLD_ITALIC, 14),
		    fill: keyC,
		    background: bg,
		}),

		// Renders the detail, when selected
		FormattedText({
		    enabled: '@selected',
		    offset: Point(6,-40),
		    alignment: Alignment.NORTH_WEST,
		    font: Font('Dialog', FontStyle.PLAIN, 13),
		    fill: detailC,
		    background: bg,
		    converters: {
			cost: 'oilfield.Converters$Currency',
			completed: 'oilfield.Converters$Percent',
		    },
		    text:
 
	      '{style:italic; weight:bold}\n\
	       Depth: {weight:normal}{@depth}{line-break}\
	       {weight:bold}Drill days: {weight:normal}{@days}{line-break}\
	       {weight:bold}Cost: {weight:normal}{@cost}{line-break}\
	       {weight:bold}Completed: {weight:normal}{@completed}',

		}),

	    ]  // List.content
	})  // List

})  // Pass