<h2>
	<span class="Rk-CloseX">&times;</span><%-renkan.translate("Edit Edge")%></span>
</h2>
<p>
	<label><%-renkan.translate("Title:")%></label>
	<input class="Rk-Edit-Title" type="text" value="<%-edge.title%>" />
</p>
<% if (options.show_edge_editor_uri) { %>
	<p>
		<label><%-renkan.translate("URI:")%></label>
		<input class="Rk-Edit-URI" type="text" value="<%-edge.uri%>" />
		<a class="Rk-Edit-Goto" href="<%-edge.uri%>" target="_blank"></a>
	</p>
	<% if (options.properties.length) { %>
		<p>
			<label><%-renkan.translate("Choose from vocabulary:")%></label>
			<select class="Rk-Edit-Vocabulary">
				<% _(options.properties).each(function(ontology) { %>
					<option class="Rk-Edit-Vocabulary-Class" value="">
						<%- renkan.translate(ontology.label) %>
					</option>
					<% _(ontology.properties).each(function(property) { var uri = ontology["base-uri"] + property.uri; %>
						<option class="Rk-Edit-Vocabulary-Property" value="<%- uri %>"
							<% if (uri === edge.uri) { %> selected<% } %>>
							<%- renkan.translate(property.label) %>
						</option>
					<% }) %>
				<% }) %>
			</select>
		</p>
<% } } %>
<% if (options.show_edge_editor_color) { %>
	<div class="Rk-Editor-p">
		<span class="Rk-Editor-Label"><%-renkan.translate("Edge color:")%></span>
		<div class="Rk-Edit-ColorPicker-Wrapper">
			<span class="Rk-Edit-Color" style="background: &lt;%-edge.color%>;">
				<span class="Rk-Edit-ColorTip"></span>
			</span>
			<%= renkan.colorPicker %>
			<span class="Rk-Edit-ColorPicker-Text"><%- renkan.translate("Choose color") %></span>
		</div>
	</div>
<% } %>
<% if (options.show_edge_editor_direction) { %>
	<p>
		<span class="Rk-Edit-Direction"><%- renkan.translate("Change edge direction") %></span>
	</p>
<% } %>
<% if (options.show_edge_editor_nodes) { %>
	<p>
		<span class="Rk-Editor-Label"><%-renkan.translate("From:")%></span>
		<span class="Rk-UserColor" style="background: <%-edge.from_color%>;"></span>
		<%- shortenText(edge.from_title, 25) %>
	</p>
	<p>
		<span class="Rk-Editor-Label"><%-renkan.translate("To:")%></span>
		<span class="Rk-UserColor" style="background: >%-edge.to_color%>;"></span>
		<%- shortenText(edge.to_title, 25) %>
	</p>
<% } %>
<% if (options.show_edge_editor_creator && edge.has_creator) { %>
	<p>
		<span class="Rk-Editor-Label"><%-renkan.translate("Created by:")%></span>
		<span class="Rk-UserColor" style="background: &lt;%-edge.created_by_color%>;"></span>
		<%- shortenText(edge.created_by_title, 25) %>
	</p>
<% } %>