#*
 * Copyright 2012 LinkedIn Corp.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
*#

<!DOCTYPE html> 
<html lang="en">
	<head>

#parse("azkaban/webapp/servlet/velocity/style.vm")
#parse ("azkaban/webapp/servlet/velocity/javascript.vm")

		<script type="text/javascript">
			var contextURL = "${context}";
			var currentTime = ${currentTime};
			var timezone = "${timezone}";
			var errorMessage = null;
			var successMessage = null;
			
			var projectId = "$project.name";
		</script>
	</head>
	<body>

#set($current_page="all")
#parse("azkaban/webapp/servlet/velocity/nav.vm")
		
#if ($errorMsg)
  #parse("azkaban/webapp/servlet/velocity/errormsg.vm")
#else

	## Page header

		<div class="az-page-header">
			<div class="container-full">
        <h1><a href="${context}/manager?project=${project.name}&flow=${flowid}&job=${jobid}&prop=${property}">Properties <small>$property</small></a></h1>
			</div>
		</div>

    <div class="container-full">

  #parse("azkaban/webapp/servlet/velocity/alerts.vm")

			<div class="row row-offcanvas row-offcanvas-right">
				<div class="col-xs-12 col-sm-9">

	## Breadcrumb

					<ol class="breadcrumb">
						<li><a href="${context}/manager?project=${project.name}"><strong>Project</strong> $project.name</a></li>
						<li><a href="${context}/manager?project=${project.name}&flow=${flowid}"><strong>Flow</strong> $flowid</a></li>
						<li><a href="${context}/manager?project=${project.name}&flow=${flowid}&job=${jobid}"><strong>Job</strong> $jobid</a></li>
            <li class="active"><strong>Properties</strong> $property</li>
					</ol>
	
	## Properties

					<div class="panel panel-default">
						<div class="panel-heading">$property</div>

						<table class="table table-striped table-bordered properties-table">
							<thead>
								<tr>
									<th class="tb-pname">Parameter Name</th>
									<th class="tb-pvalue">Value</th>
								</tr>
							</thead>
							<tbody>
	#foreach ($parameter in $parameters)
								<tr>
									<td class="property-key">$parameter.first</td>
                  <td>$parameter.second</td>
								</tr>
	#end
							</tbody>
						</table>
					</div>
				</div><!-- /col-xs-8 -->
				<div class="col-xs-6 col-sm-3 sidebar-offcanvas">
					<div class="well" id="job-summary">
						<h4>Properties <small>$property</small></h4>
						<p><strong>Job</strong> $jobid</p>
					</div>

					<div class="panel panel-default">
						<div class="panel-heading">Inherited From</div>
						<ul class="list-group">
	#if ($inheritedproperties) 
		#foreach ($inheritedproperty in $inheritedproperties)
							<li class="list-group-item"><a href="${context}/manager?project=${project.name}&flow=${flowid}&job=${jobid}&prop=$inheritedproperty">$inheritedproperty</a></li>
		#end
	#else
							<li class="list-group-item">No inherited properties.</li>
	#end
						</ul>
					</div>

					<div class="panel panel-default">
						<div class="panel-heading">Source of</div>
						<ul class="list-group">
	#if ($dependingproperties) 
		#foreach ($dependingproperty in $dependingproperties)
							<li class="list-group-item"><a href="${context}/manager?project=${project.name}&flow=${flowid}&job=${jobid}&prop=$dependingproperty">$dependingproperty</a></li>
		#end
	#else
							<li class="list-group-item">No dependents.</li>
	#end
						</ul>
					</div>
				</div>
			</div><!-- /row -->

		</div><!-- /container-full -->
#end
	</body>
</html>
