search.ejs 4.45 KB

Raw Blame History Permalink

<!DOCTYPE html>
<html>
	<head>
		<style>
			table
			{
				width: 100%;
				text-align: center;
			}

		table.type06 {
		border-collapse: collapse;
		text-align: left;
		line-height: 1.5;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 20px 10px;
		}

		table.type06 th {
		width: 150px;
		padding: 10px;
		font-weight: bold;
		vertical-align: top;
		}

		table.type06 td {
		width: 350px;
		padding: 10px;
		vertical-align: top;
		}

		table.type06 .even {
		background: #efefef;
		}

		row header h2
		{
			margin-right: 50px;
		}
			#nav
			{
				position: absolute;
				right: 0em;
				top: 2.2em;
			}

				#nav > ul > li
				{
					float: left;
				}

					#nav > ul > li:last-child
					{
						padding-right: 0;
					}

					#nav > ul > li > a,
					#nav > ul > li > span
					{
						display: block;
						margin-left: 0.7em;
						padding: 0.80em 1.2em;
						letter-spacing: 0.06em;
						text-decoration: none;
						text-transform: uppercase;
						font-size: 1.1em;
						outline: 0;
						color: #333;
					}

					#nav li.active a
					{
						background: #e95d3c;
						border-radius: 5px;
						color: #FFF;
					}

					#nav > ul > li > ul
					{
						display: none;
					}

					section,
					article
					{
						margin-bottom: 3em;
					}

					section > :last-child,
					article > :last-child
					{
						margin-bottom: 0;
					}

					section:last-child,
					article:last-child
					{
						margin-bottom: 0;
					}

					.row > section,
					.row > article
					{
						margin-bottom: 0;
					}

					#Pic
					{
						position: relative;
					}

					#Pic header h2
					{
						font-size: 1.6em;
					}

					#3u img
					{
						height: 200px;
						width: 200px;
					}
					p, ul, ol, dl, table
					{
						margin-bottom: 1em;
					}

					#p img
					{
						height: 200px;
						width: 200px;
					}

		.logo
		{
				text-align: center;
		}

		li {
			display:inline;
			border-left:1px solid #999;
			font:bold 12px Dotum;
			padding:0 10px;
		}

		</style>
		<style type="text/css">

		a:link { text-decoration:none; color:#000000;}
		a:visited { text-decoration:none;color:#000000;}
		a:active {text-decoration:none; color:#0000FF; }
		</style>
	</head>
	<body class="party">
    <div id="header">
			<div class="container">

				<!-- Logo -->
					<div id="logo">
						<h1 style = "text-align:center;">검색</h1>
					</div>

				<!-- Nav -->
					<nav id="nav">
						<ul>
							<li><a href="http://localhost:3000/Home">Home</a></li>
						</ul>
					</nav>

			</div>
		</div>

    <div id = "new1">
    <h1>관련 국회의원</h1>
    <table border="1">
      <tr>
          <td>의원 번호</td>
          <td>의원 이름</td>
					<td>소속당</td>
        </tr>
        <%
        for(var i = 0; i < lengMem; i++) {
            var data = _member[i]
            %>
            <tr>
							<td><%= data.Member_of_Congress_ID %></td>
              <td><%= data.Member_of_Congress_Name %></td>
	            <td><%= data.Member_of_Congress_Party %></td>
            </tr>
      <% }%>
</table>
<h1>관련 정당</h1>
<table border="1">
	<tr>
			<td>정당 이름</td>
			<td>원내대표</td>
		</tr>
		<%
		for(var i = 0; i < lengPar; i++) {
				var data = _party[i]
				%>
				<tr>
					<td><%= data.Party_Name %></td>
					<td><%= data.Floor_leader %></td>
				</tr>
				<% }%>
</table>
<h1>관련 기사</h1>
<table border="1">
	<tr>
			<td>기사 번호</td>
			<td>기사 제목</td>
			<td>기사 내용</td>
			<td>기사 내용</td>
		</tr>
		<%
		for(var i = 0; i < lengArt; i++) {
				var data = _article[i]
				%>
				<tr>
					<td><%= data.Article_ID %></td>
					<td><%= data.Article_title %></td>
					<td><%= data.Article_Body %></td>
					<td><%= data.Article_Link %></td>
				</tr>
				<% }%>
</table>
	<h1>관련 안건</h1>
	<table border="1">
		<tr>
				<td>안건 번호</td>
				<td>안건 제목</td>
				<td>안건 내용</td>
			</tr>
			<%
			for(var i = 0; i < lengAge; i++) {
					var data = _agenda[i]
					%>
					<tr>
						<td><%= data.Agenda_ID %></td>
						<td><%= data.Agenda_Title %></td>
						<td><%= data.Agenda_Body %></td>
					</tr>
					<% }%>
</table>
<h1>관련 청원</h1>
<table border="1">
	<tr>
			<td>청원 번호</td>
			<td>청원 제목</td>
			<td>청원 내용</td>
		</tr>
		<%
		for(var i = 0; i < lengPet; i++) {
				var data = _petition[i]
				%>
				<tr>
					<td><%= data.Petition_ID %></td>
					<td><%= data.Petition_Name %></td>
					<td><%= data.Petition_Body %></td>
				</tr>
				<% }%>
</table>
</body>
</html>