// Renderer file for the Camp demo

triangle = 
    Path([ 
	MoveTo(-7, 18, true),
	LineTo(0, 0, true),
	LineTo(7, 18, true),
	ClosePath() ]);

tipi = 
    Path([
	MoveTo(-3, -3, true),
	LineTo(7, 18, true),
	LineTo(-7, 18, true),
	LineTo(3, -3, true) ]);

dot = Circle(-11, 16, 4);

green = Color(84,139,84);
orange = Color(255,127,0);
red = Color(240,85,0);
yellow = Color(255,185,15);
blue = Color(72,61,139);
darkGreen = Color(20,80,0);


Pass({
    content: List({
      id: 'Site',
      content: [

	// Orange rectangle for selection

	Bounds({
	    id: 'selectRect',
	    enabled: '@selected',
	    referenceId: 'site',
	    padding: 2,
	    arcWidth: 2, arcHeight: 2,
	    outline: orange,
	    fill: null,
	    strokeWidth: 2, 
	}),


	// The site

	List({
	    id: 'site',
	    content: [

	        Shape({
		    id: 'tipiOutline',
		    shape: triangle,
		    fill: {
		        selector: '@state',
		        reserved_other: red,
		        reserved_user: green },
	        }),
		
		Shape({
		    id: 'tipiFill',
		    shape: tipi,
		    outline: green,
		    fill: null,
		    strokeWidth: 2 
		}),

		Shape({
		    id: 'hookup',
		    shape: dot,
		    fill: {
			selector: '@hookup',
			converter: 'camp.CampData$HookupConverter',
			electric: yellow,
			full: blue 
		    },
		}),

		Text({
		    text: '@key',
		    offset: Point(10,18),
		    fill: darkGreen,
		    font: Font('Dialog', FontStyle.BOLD, 14),
		}),

		Text({
		    text: '@length',
		    offset: Point(-18, 4),
		    fill: darkGreen,
		    font: Font('Dialog', FontStyle.ITALIC, 10),
		}),

	    ]  // ListRenderer.content
	})  // ListRenderer

    ]})  // List
})  // Pass