Cicero Live - Find Your Elected Officials

Local elected officials

State elected officials

National elected officials

Non-legislative districts

Want to report an error? Click here.

{eval} 
			if (official.type.indexOf('local') >= 0) {
				catBox = '<' + 'div class="catBox" id="catBoxLocal">Local<' + '/div>';
			}
			else if (official.type.indexOf('state') >= 0) {
				catBox = '<' + 'div class="catBox" id="catBoxState">State<' + '/div>';
			}
			else if (official.type.indexOf('national') >= 0) {
				catBox = '<' + 'div class="catBox" id="catBoxNational">National<' + '/div>';
			}
			else {
				catBox = '';
				}
		{/eval}
		
		${catBox}
	
		<h1>
		{if isNaN(official.districtid)}
					 ${official.districtid}
		{else}
			 District ${official.districtid}
		{/if}
		</h1>

<h2>${official.city},  ${official.state},  ${official.repcountry}</h2>

<div id="map_canvas" class="mapBox">
        </div>
		
		<h3>${official.title} ${official.firstname} ${official.lastname}</h3>

<h4>Primary Address</h4>
		${official.add1}<br />
		{if official.add2 != ''}
			${official.add2}<br />
		{/if}
		{if official.add3 != ''}
			${official.add3}<br />
		{/if}
		${official.city}, ${official.state}, ${official.zip}<br />
		
		{if official.phone!= ''}
		    {if official.fax != ''}
		        <div class = "half">
			        <h4 id="H1">Phone</h4> 
			        ${official.phone}
		        </div>
                
                <div class="half">
		            <h4>Fax</h4>
			        ${official.fax}
                </div>
            {else}
		        <div>
		            <h4 id="phone">Phone</h4> 
		            ${official.phone}
		        </div>
		    {/if}
		{elseif official.fax != ''}
            <div>
                <h4 id="fax">Fax</h4>
            ${official.fax}
            </div>
	    {/if}
		
		{if official.email != ''}
		<h4>Email</h4> 
		{var mailLink = '<' + 'a href="mailto:' + official.email + '" target="_blank"' + '>' + official.email + '<' + '/a>'}
		${mailLink}
		{/if}
		{if official.url != ''}
			<h4>Web Site:</h4>
			
			{eval}
			    if (official.url.length > 36) {
			        urlText = left(official.url, 36) + '...';
			    }
			    else {
			        urlText = official.url;
			    }
			    urlLink = 'a href="' + official.url + '" target="_blank"';
			    
			    urlTotal = '<' + urlLink + '>' + urlText + '<' + '/a>';
			{/eval}

${urlTotal}
			
		{/if}

<div class="catBox" id="catBoxNonLeg">Non-Legislative</div>
			
			<h1 class="capitalize">${district.districttype.replace("_", " ")} (${district.districtsubtype})</h1>

<h2>
			{if isNaN(district.districtid)}
				 ${district.districtid}
			{else}
				{eval}
				if (district.districtsubtype == "HUC2") {
					distName = "Region";
					}
				else if (district.districtsubtype == "HUC4") {
					distName = "Subregion";
					}					
				else if (district.districtsubtype == "HUC6") {
					distName = "Basin";
					}
				else if (district.districtsubtype == "HUC8") {
					distName = "Subbasin";
					}			
				else if (district.districtsubtype == "HUC10") {
					distName = "Watershed";
					}	
				else if (district.districtsubtype == "HUC12") {
					distName = "Subwatershed";
					}	          
				else {
					distName = "District";
					}
				{/eval}
				 ${distName} ${district.districtid}
			{/if}
			{if district.city != ''} ${district.city} {/if}
			{if district.state != ''} ${district.state} {/if}
			{if district.country != ''} ${district.country} {/if}
			
			</h2>	
				
            <div id="map_canvas" class="mapBox">
            </div>

{if district.label != ''}
			<h4>Region</h4>
			${district.label}
			{/if}

<div class="ctrlResultsSubHeader">
						<div class="colDistrict">District Name</div>
						<div class="colName">Representative Name</div>
			</div>		
		<div>
		  {for o in data}
		    {eval}
		        
		        theId = 'id=\'' + o.official.guid + '\'';
		        theOnclick = ' onclick=\'officialSelected("' + o.official.guid + '", ' + o.official.type + ')\'';
		        
		        if (o_index % 2) {
		            theClass = ' class="resultRow rowEven"';
		        }
		        else {
		            theClass = ' class="resultRow rowOdd"';
		        }
		        
		        theDivStart = '<' + 'div ' + theId + theOnclick + theClass + '>';
		        theDivEnd = '<' + '/div' + '>';
		        
		    {/eval}
		        
				${theDivStart}
				<div class="colDistrict">
				{if isNaN(o.official.districtid)}
					 ${o.official.districtid}
				{else}
					 District ${o.official.districtid}
				{/if}
				</div>
				<div class="colName">
				{eval}
					repField = o.official.title + " " + o.official.firstname + " " + o.official.lastname;
					if (repField.length > 45) {
			        repField = left(repField, 45) + '...';
			    }
				{/eval}
				
				${repField}
				</div>
				<div style="clear:left"></div>
			    ${theDivEnd}
			
		  {/for}        
		</div>

<div class="ctrlResultsSubHeader">
						<div class="colNonLegType">District Type</div>
						<div class="colNonLegName">District</div>
			</div>		
			<div>
		  {for d in data}
		  
		  {eval}
		        
		        theId = 'id=\'' + d.district.identifier + '\'';
		        theOnclick = ' onclick=\'districtSelected("' + d.district.identifier + '")\'';
		        
		        if (d_index % 2) {
		            theClass = ' class="resultRow rowEven"';
		        }
		        else {
		            theClass = ' class="resultRow rowOdd"';
		        }
		        
		        theDivStart = '<' + 'div ' + theId + theOnclick + theClass + '>';
		        theDivEnd = '<' + '/div' + '>';
		        
		    {/eval}

${theDivStart}
            <div class="colNonLegType"><span class="capitalize">${d.district.districttype.replace("_", " ")}</span>  (${d.district.districtsubtype}) </div>

<div class="colNonLegName">
				
				{eval}
					districtField = "";

if (d.district.city != '') {
					    
						districtField += d.district.city;
					}
					if (d.district.state != '') {
						if (districtField != "") {
							districtField += ", ";
						}
						districtField += d.district.state;
					}
					if (d.district.label != '') {
						if (districtField != "") {
							districtField += "; ";
						}					
						districtField += d.district.label;
					}
					if (d.district.districttype == 'school_district') {
					    districtField = d.district.districtid;
					}
				
					if (districtField.length > 54) {
	    		        districtField = left(districtField, 54) + '...';
    			    }
				{/eval}
				
				${districtField}
				
				</div>
			<div style="clear:left"></div>
			${theDivEnd}
		  {/for}    
		  
		</div>