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