templates/projects/project.html @ 5d5a567385bb

{% extends "projects/base.html" %}
{% load markup %}

{% block title %}{{ project.name }}{% endblock %}

{% block script %}
	<script type="text/javascript"
	        src="/site-media/scripts/jquery.validate.min.js">
	</script>
	<script type="text/javascript"
	        src="/site-media/scripts/validate-comment-form.js">
	</script>
{% endblock %}

{% block content %}
	<div id="projects-project">
		<h1 id="projects-project-name">
			<a href="{% url stevelosh.projects.views.project project.slug %}">
					{{ project.name }}
			</a>
		</h1>
		<div id="projects-project-date">
			<p>
				Posted
				on {{ project.posted.date|date:"F j, Y" }}
				at {{ project.posted.time|time:"g:i A" }}
			</p>
		</div>
		<div id="projects-project-body" class="content">
			{{ project.body|markdown:"safe" }}
		</div>
	</div>
	<hr />
	{% ifnotequal project.comment_set.count 0 %}
		<div id="projects-project-comments">
			<h1>Comments</h1>
			{% for comment in project.comment_set.all|dictsort:"submitted" %}
				<div class="projects-project-comment">
					<h2>{{ comment.name }} said:</h2>
					<div class="projects-project-comment-body">
						{{ comment.body|markdown:"safe" }}
					</div>
				</div>
			{% endfor %}
		</div>
		<hr />
	{% endifnotequal %}
	<div id="projects-project-new-comment">
		<h1>Add your comment:</h1>
		<form id="new-comment-form" method="post" 
			  action="{% url stevelosh.projects.views.comment %}">
			<p class="form-label">
				What's your name?
			</p>
			<p id="projects-new-comment-name-area">
				<input type="hidden" name="project-id" 
					   value="{{ project.id }}" />
				<input id="projects-new-comment-name" name="name" 
					   maxlength="40" type="text" />
			</p>
			<p id="projects-new-comment-body-area">
				<textarea id="projects-new-comment-body" rows="" cols=""
			 		  	  name="body"></textarea>
			</p>
			<p id="projects-new-comment-instructions">
				You can use <a href="http://daringfireball.net/projects/markdown/syntax">Markdown</a>.
			</p>
			<h2>You're going to say:</h2>
			<div class="wmd-preview"></div>
			<p>
				<input id="projects-new-comment-submit" name="submit"
				 	   type="submit" value="Comment" />
			</p>
		</form>
	</div>
	
	<script type="text/javascript">
        wmd_options = {
			output: "Markdown",
			buttons: "bold italic | link blockquote code | ol ul heading hr"
		};
	</script>
	<script type="text/javascript"
	 		src="/site-media/scripts/wmd/wmd.js"></script>
	
{% endblock %}