|
1 <h2> |
|
2 <span class="Rk-CloseX">×</span><%-renkan.translate("Edit Edge")%></span> |
|
3 </h2> |
|
4 <p> |
|
5 <label><%-renkan.translate("Title:")%></label> |
|
6 <input class="Rk-Edit-Title" type="text" value="<%-edge.title%>" /> |
|
7 </p> |
|
8 <% if (options.show_edge_editor_uri) { %> |
|
9 <p> |
|
10 <label><%-renkan.translate("URI:")%></label> |
|
11 <input class="Rk-Edit-URI" type="text" value="<%-edge.uri%>" /> |
|
12 <a class="Rk-Edit-Goto" href="<%-edge.uri%>" target="_blank"></a> |
|
13 </p> |
|
14 <% if (options.properties.length) { %> |
|
15 <p> |
|
16 <label><%-renkan.translate("Choose from vocabulary:")%></label> |
|
17 <select class="Rk-Edit-Vocabulary"> |
|
18 <% _(options.properties).each(function(ontology) { %> |
|
19 <option class="Rk-Edit-Vocabulary-Class" value=""> |
|
20 <%- renkan.translate(ontology.label) %> |
|
21 </option> |
|
22 <% _(ontology.properties).each(function(property) { var uri = ontology["base-uri"] + property.uri; %> |
|
23 <option class="Rk-Edit-Vocabulary-Property" value="<%- uri %>" |
|
24 <% if (uri === edge.uri) { %> selected<% } %>> |
|
25 <%- renkan.translate(property.label) %> |
|
26 </option> |
|
27 <% }) %> |
|
28 <% }) %> |
|
29 </select> |
|
30 </p> |
|
31 <% } } %> |
|
32 <% if (options.show_edge_editor_color) { %> |
|
33 <div class="Rk-Editor-p"> |
|
34 <span class="Rk-Editor-Label"><%-renkan.translate("Edge color:")%></span> |
|
35 <div class="Rk-Edit-ColorPicker-Wrapper"> |
|
36 <span class="Rk-Edit-Color" style="background: <%-edge.color%>;"> |
|
37 <span class="Rk-Edit-ColorTip"></span> |
|
38 </span> |
|
39 <%= renkan.colorPicker %> |
|
40 <span class="Rk-Edit-ColorPicker-Text"><%- renkan.translate("Choose color") %></span> |
|
41 </div> |
|
42 </div> |
|
43 <% } %> |
|
44 <% if (options.show_edge_editor_direction) { %> |
|
45 <p> |
|
46 <span class="Rk-Edit-Direction"><%- renkan.translate("Change edge direction") %></span> |
|
47 </p> |
|
48 <% } %> |
|
49 <% if (options.show_edge_editor_nodes) { %> |
|
50 <p> |
|
51 <span class="Rk-Editor-Label"><%-renkan.translate("From:")%></span> |
|
52 <span class="Rk-UserColor" style="background: <%-edge.from_color%>;"></span> |
|
53 <%- shortenText(edge.from_title, 25) %> |
|
54 </p> |
|
55 <p> |
|
56 <span class="Rk-Editor-Label"><%-renkan.translate("To:")%></span> |
|
57 <span class="Rk-UserColor" style="background: >%-edge.to_color%>;"></span> |
|
58 <%- shortenText(edge.to_title, 25) %> |
|
59 </p> |
|
60 <% } %> |
|
61 <% if (options.show_edge_editor_creator && edge.has_creator) { %> |
|
62 <p> |
|
63 <span class="Rk-Editor-Label"><%-renkan.translate("Created by:")%></span> |
|
64 <span class="Rk-UserColor" style="background: <%-edge.created_by_color%>;"></span> |
|
65 <%- shortenText(edge.created_by_title, 25) %> |
|
66 </p> |
|
67 <% } %> |