client/templates/edgeeditor.html
changeset 419 4f458e6d32bd
child 434 0d5998b32a7c
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/templates/edgeeditor.html	Sat Apr 18 16:56:37 2015 +0200
@@ -0,0 +1,67 @@
+<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>
+<% } %>